:root{--paper: #d3c088;--paper-lite: #e2d5b2;--edge: #a98c5e;--ink: #2f2018;--ink-strong: #301a15;--muted: #7a5038;--faint: #9a7a52;--brick: #6e2b26;--brick-bright:#8c3b2e;--brick-deep: #4e1c18;--brick-ink: #f0e4d6;--rule: #a07248;--line: rgba(90,58,28,.28);--display: "Kalam", "Comic Sans MS", cursive;--body: "Newsreader", Georgia, serif;--mono: "Spline Sans Mono", ui-monospace, monospace;--r: 3px;--shadow: 0 3px 14px rgba(50,32,14,.3);--shadow-lift: 0 5px 22px rgba(45,28,12,.4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--body);font-size:17px;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(#d8c79c1a,#d8c79c1a),url(/aged-bg.jpg) center/cover no-repeat fixed,#cdb888;background-attachment:fixed}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.1;margin:0;color:var(--ink-strong)}a{color:var(--brick-bright);text-decoration-thickness:1px;text-underline-offset:2px}button{font-family:var(--body);cursor:pointer}:focus-visible{outline:2px solid var(--brick);outline-offset:2px}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:baseline;gap:14px;padding:16px 22px;color:var(--ink-strong);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,248,230,.28),transparent)}.brand{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:-.01em;color:var(--ink-strong)}.brand .dot{color:var(--brick)}.topbar .sub{font-family:var(--mono);font-size:12px;color:var(--muted)}.topbar .spacer{flex:1}.topbar .who{font-family:var(--mono);font-size:12.5px;color:var(--muted)}.topbar .navlink{font-family:var(--mono);font-size:12.5px;color:var(--brick);text-decoration:none;padding:2px 4px;text-transform:lowercase}.topbar .navlink:hover{text-decoration:underline;text-underline-offset:2px}.page{flex:1;padding:30px 22px 60px;max-width:1000px;width:100%;margin:0 auto}.sheet{position:relative;color:var(--ink);border:1px solid var(--edge);border-radius:var(--r);box-shadow:var(--shadow);padding:26px 28px;background:radial-gradient(ellipse 120px 90px at 97% 4%,rgba(96,52,20,.16),transparent 66%),radial-gradient(ellipse 150px 120px at 2% 98%,rgba(88,48,16,.15),transparent 66%),radial-gradient(circle 8px at 30% 22%,rgba(66,38,16,.14),transparent 60%),repeating-linear-gradient(92deg,rgba(120,88,48,.04) 0 1px,transparent 1px 5px),linear-gradient(150deg,#e6d9b8,#ddceaa 55%,#d3c398)}.sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r);pointer-events:none;box-shadow:inset 0 0 26px #462c1229}.btn{font-size:15px;font-weight:500;padding:9px 16px;border-radius:var(--r);border:1px solid var(--brick-deep);background:var(--brick);color:var(--brick-ink);box-shadow:0 1px 3px #32141059;transition:background .12s ease,transform .04s ease}.btn:hover{background:var(--brick-bright)}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--edge);box-shadow:none}.btn.ghost:hover{background:#6e401e1a}.btn.thread{background:var(--brick);border-color:var(--brick-deep)}.btn.thread:hover{background:var(--brick-bright)}.btn:disabled{opacity:.5;cursor:default}.btn.sm{padding:5px 11px;font-size:13.5px}label.field{display:block;margin:14px 0}label.field .lab{display:block;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;font-family:var(--body);font-size:16px;color:var(--ink);background:#fffaee8c;border:1px solid var(--edge);border-radius:var(--r);padding:9px 11px}textarea{resize:vertical;min-height:72px;line-height:1.5}input:focus,textarea:focus,select:focus{outline:2px solid var(--brick);outline-offset:0;border-color:var(--brick)}input[type=file]{font-family:var(--mono);font-size:13px;color:var(--muted);background:none;border:none;padding:0}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:0}.tin-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px;color:var(--ink-strong)}.tin-head h1{font-size:40px}.tin-head .count{font-family:var(--mono);font-size:12.5px;color:var(--muted);padding-bottom:6px}.tin-head .spacer{flex:1}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.card{position:relative;display:block;text-decoration:none;color:var(--ink);border:1px solid var(--edge);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px 18px;min-height:152px;transition:transform .1s ease,box-shadow .1s ease;background:radial-gradient(ellipse 90px 70px at 95% 6%,rgba(96,52,20,.2),transparent 62%),radial-gradient(circle 10px at 24% 30%,rgba(66,38,16,.16),transparent 58%),linear-gradient(150deg,#e4d6b2,#dbcaa2 60%,#d0be92)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r);pointer-events:none;box-shadow:inset 0 0 22px #462c1226}.card:nth-child(4n+2){background:radial-gradient(ellipse 110px 90px at 4% 96%,rgba(88,48,16,.22),transparent 62%),radial-gradient(circle 7px at 70% 60%,rgba(66,38,16,.2),transparent 58%),linear-gradient(160deg,#e2d4ae,#d8c79e 60%,#cdba8e)}.card:nth-child(4n+3){background:radial-gradient(circle 60px at 88% 84%,rgba(78,44,16,.2),transparent 66%),radial-gradient(circle 5px at 34% 20%,rgba(66,38,16,.24),transparent 55%),linear-gradient(140deg,#e6d8b4,#dccca4 60%,#d2c096)}.card:nth-child(4n+4){background:radial-gradient(ellipse 80px 60px at 50% 8%,rgba(80,46,18,.18),transparent 66%),radial-gradient(circle 8px at 18% 66%,rgba(66,38,16,.2),transparent 58%),linear-gradient(155deg,#e3d5b0,#d9c89f 60%,#cebc90)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.card .cardttl{position:relative;font-family:var(--display);font-weight:700;font-size:23px;line-height:1.1;color:var(--ink-strong)}.card .cardmeta{position:relative;font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.card .tab{position:absolute;top:-1px;right:16px;width:26px;height:14px;background:var(--brick);border-radius:0 0 3px 3px;box-shadow:0 1px 2px #32141066}.stamp{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--brick);border:1.5px solid var(--brick);padding:1px 6px;border-radius:2px;transform:rotate(-4deg);opacity:.85}.recipe-grid{display:grid;grid-template-columns:1fr;gap:22px}@media (min-width: 820px){.recipe-grid.has-source{grid-template-columns:1.3fr .9fr}}.recipe-title{font-size:46px;margin-bottom:6px;line-height:1.05}.recipe-desc{font-family:var(--display);font-weight:400;color:var(--brick);font-size:21px;margin:2px 0 18px}.recipe-stats{display:flex;gap:18px;font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-bottom:20px;flex-wrap:wrap}.sec-label{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--brick);margin:22px 0 10px}ul.ingredients{list-style:none;padding:0;margin:0}ul.ingredients li{padding:7px 0;border-bottom:1px solid var(--line);display:flex;gap:10px}ul.ingredients .amt{font-family:var(--mono);font-size:14px;color:var(--brick);white-space:nowrap;min-width:74px}ol.steps{padding-left:0;counter-reset:step;list-style:none;margin:0}ol.steps li{position:relative;padding:10px 0 10px 42px;border-bottom:1px solid var(--line)}ol.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:9px;font-family:var(--mono);font-size:13px;color:var(--brick-ink);background:var(--brick);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 2px #32141066}.source-panel{position:relative}.source-panel .clip{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:8px;height:30px;background:var(--brick);border-radius:4px;z-index:2;box-shadow:0 2px 4px #0000004d}.source-artifact{background:#fbf6ea;border:1px solid var(--edge);border-radius:var(--r);box-shadow:var(--shadow-lift);padding:10px;transform:rotate(-1.2deg)}.source-artifact img{width:100%;display:block;border-radius:2px}.source-artifact .src-text{font-family:var(--mono);font-size:13px;white-space:pre-wrap;color:var(--ink);padding:6px;max-height:420px;overflow:auto}.source-cap{font-family:var(--mono);font-size:11.5px;color:var(--faint);text-align:center;margin-top:8px}.notice{font-family:var(--mono);font-size:13px;padding:10px 12px;border-radius:var(--r);background:#8c3b2e1a;border:1px solid var(--brick-bright);color:var(--brick);margin:10px 0}.empty{text-align:center;color:var(--muted);padding:50px 20px}.empty h2{font-size:30px;color:var(--ink-strong);margin-bottom:8px}.muted{color:var(--muted)}.linkish{background:none;border:none;color:var(--brick-bright);font-size:14px;padding:0;text-decoration:underline;cursor:pointer;font-family:var(--body)}.center-wrap{max-width:420px;margin:8vh auto 0}.stack>*+*{margin-top:12px}.hr{height:1px;background:var(--line);border:0;margin:22px 0}.chip{font-family:var(--mono);font-size:11px;background:#6e401e24;color:var(--ink);padding:2px 8px;border-radius:20px}.grow{flex:1}.between{display:flex;align-items:center;gap:12px}.spacer{flex:1}.hub-welcome{text-align:center;padding:18px 0 30px}.hub-title{font-size:44px;color:var(--ink-strong)}.hub-sub{font-family:var(--body);font-style:italic;color:var(--muted);font-size:17px;margin:6px 0 20px}.hub-search{max-width:520px;margin:0 auto}.hub-search input{width:100%;font-family:var(--body);font-size:17px;color:var(--ink);background:#fffaee99;border:1px solid var(--edge);border-radius:4px;padding:12px 16px;box-shadow:var(--shadow)}.hub-search input:focus{outline:2px solid var(--brick);border-color:var(--brick)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}.cookbook{position:relative;height:210px;border-radius:3px 7px 7px 3px;overflow:hidden;border:1px solid rgba(30,14,8,.5);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.cookbook:hover{transform:translateY(-3px) rotate(-.5deg);box-shadow:var(--shadow-lift)}.cookbook-spine{position:absolute;top:0;bottom:0;left:0;width:14px;z-index:2;background:#190a068c;box-shadow:inset -3px 0 5px #00000073,inset 2px 0 2px #ffffff12}.gilt-frame{position:absolute;top:12px;left:24px;right:12px;bottom:12px;z-index:1;border:1.5px solid rgba(214,178,94,.5);border-radius:2px;pointer-events:none}.cookbook-face{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:26px 18px 18px 30px;text-decoration:none}.cookbook-title{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.1;color:#e8cd82;text-shadow:0 1px 0 rgba(90,60,10,.55),0 0 1px rgba(230,200,120,.5)}.cookbook-open{margin-top:auto;font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:#e8cd82b3}.cookbook-invite{position:absolute;z-index:3;bottom:12px;right:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;background:#140a0666;color:#e8cd82d9;border:1px solid rgba(214,178,94,.4);border-radius:3px;padding:3px 8px;cursor:pointer}.cookbook-invite:hover{background:#140a0699}.cookbook-code{position:absolute;z-index:3;bottom:40px;right:14px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;font-weight:500;background:#fbf6ea;color:var(--brick-deep);border:1px solid var(--edge);border-radius:3px;padding:4px 10px;cursor:pointer;box-shadow:var(--shadow)}.cover-brick{background:linear-gradient(120deg,#8a3527,#66231a 70%,#4a160f)}.cover-ochre{background:linear-gradient(120deg,#b8862c,#8f651b 70%,#6a4b13)}.cover-olive{background:linear-gradient(120deg,#6b7a3e,#4e5a2a 70%,#38411d)}.cover-rust{background:linear-gradient(120deg,#9c4a2e,#763620 70%,#552615)}.cover-cocoa{background:linear-gradient(120deg,#6e4a2f,#513320 70%,#3a2416)}.invite-code{display:inline-block;font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:.18em;color:var(--brick-deep);background:#fbf6ea;border:1px dashed var(--brick);border-radius:4px;padding:8px 18px;cursor:pointer;box-shadow:var(--shadow)}.invite-code:hover{background:#fff}.admin-table{width:100%;border-collapse:collapse;font-family:var(--body);font-size:15px}.admin-table th{text-align:left;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:8px 12px;border-bottom:2px solid var(--edge)}.admin-table td{padding:9px 12px;border-bottom:1px solid var(--edge-soft, rgba(120,90,40,.15));vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.mono-cell{font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--brick-deep)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{background:#fffaee8c;border:1px solid var(--edge);border-radius:5px;padding:14px 16px;box-shadow:var(--shadow)}.stat-n{font-family:var(--display);font-size:30px;color:var(--brick-deep);line-height:1}.stat-l{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:4px}.btn.danger{color:var(--brick-bright);border-color:var(--brick-bright)}.btn.danger:hover{background:var(--brick-bright);color:#fff}.import-bar{background:#6e2b260f;border:1px dashed var(--brick);border-radius:5px;padding:12px 14px;margin:10px 0 4px}.import-lab{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--brick-deep)}.import-msg{font-family:var(--body);font-size:13.5px;color:var(--muted);margin-top:8px;font-style:italic}.tin-box{margin-top:6px}.tin-dividers{display:flex;flex-wrap:wrap;gap:4px;padding-left:10px;position:relative;z-index:5}.tin-divider{font-family:var(--display);font-weight:700;font-size:15px;color:#7a5a38;background:#e7d9b8;border:1px solid #b89a6a;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 15px 11px;cursor:pointer;position:relative;top:2px;transition:all .12s}.tin-divider:hover{background:#efe3c6}.tin-divider.on{background:var(--brick);color:#f3e6d3;top:0;padding-bottom:13px;z-index:6}.tin-divider-n{font-family:var(--mono);font-size:11px;opacity:.7;margin-left:6px}.tin-rolodex{background:#e7d9b8 url(/aged-sheet.jpg) center/cover no-repeat;border:1px solid #b89a6a;border-radius:0 10px 10px;padding:26px 0 16px;box-shadow:inset 0 3px 10px #3c1e0a40;overflow:hidden}.tin-ring-vp{position:relative;height:360px;width:100%;perspective:1100px}.tin-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.tin-card{position:absolute;width:250px;height:336px;left:-125px;top:-168px;transition:transform .55s cubic-bezier(.34,.05,.2,1),opacity .55s;transform-style:preserve-3d;cursor:pointer}.tin-flipper{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .5s cubic-bezier(.4,.05,.2,1);transform-style:preserve-3d}.tin-flipper.flipped{transform:rotateY(180deg)}.tin-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#f8f1e0;border:1px solid #d8c8a4;border-radius:7px;box-shadow:0 10px 26px #2814084d;overflow:hidden}.tin-face.back{transform:rotateY(180deg);background:linear-gradient(150deg,#f7f0e0d9,#ece0c8e0),url(/aged-sheet.jpg) right bottom/cover no-repeat,#f0e8d2;padding:20px 20px 14px}.tin-notch{position:absolute;top:-1px;right:22px;width:30px;height:11px;background:var(--brick);border-radius:0 0 4px 4px;z-index:4}.tin-open{position:absolute;top:9px;left:11px;z-index:4;font-family:var(--body);font-size:10.5px;background:#1e0f088c;color:#f3e6d3;padding:3px 8px;border-radius:4px;border:none;cursor:pointer}.tin-open:hover{background:#1e0f08bf}.tin-photo{position:relative;height:152px}.tin-photo img{width:100%;height:100%;object-fit:cover;display:block}.tin-noimg{height:152px;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;background:repeating-linear-gradient(135deg,#efe4cc 0,#efe4cc 10px,#e8dcc0 10px,#e8dcc0 20px)}.tin-noimg span{font-family:var(--display);font-weight:700;font-size:20px;color:#b89a6a8c}.tin-photo-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(248,241,224,.1) 0%,transparent 22%,transparent 52%,rgba(248,241,224,.62) 82%,#f8f1e0 100%),radial-gradient(120% 80% at 50% 35%,transparent 62%,rgba(120,80,30,.12))}.tin-body{padding:2px 18px 40px;position:relative;margin-top:-28px}.tin-title{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.08;color:#3a241a;text-shadow:0 1px 3px rgba(248,241,224,.95)}.tin-title.back{font-size:17px;text-shadow:none}.tin-meta{font-family:var(--body);font-size:11.5px;color:#8a6a48;font-style:italic;margin-top:2px}.tin-lbl{font-family:var(--display);font-weight:700;font-size:11.5px;color:var(--brick);margin:9px 0 3px}.tin-ing{font-family:var(--body);font-size:12.5px;color:#4a3826;line-height:1.5}.tin-ing.scroll{max-height:132px;overflow-y:auto;padding-right:6px;margin-bottom:4px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.tin-ing.scroll::-webkit-scrollbar,.tin-steps.scroll::-webkit-scrollbar{width:5px}.tin-ing.scroll::-webkit-scrollbar-thumb,.tin-steps.scroll::-webkit-scrollbar-thumb{background:#c9b489;border-radius:3px}.tin-steps{font-family:var(--body);font-size:12px;color:#4a3826;padding:0 20px}.tin-steps.scroll{max-height:180px;overflow-y:auto;padding-bottom:6px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tin-step{line-height:1.4;margin-bottom:4px;padding-left:15px;position:relative}.tin-step b{position:absolute;left:0;font-family:var(--display);color:var(--brick)}.tin-more{color:var(--brick);font-style:italic;margin-top:6px;cursor:pointer}.tin-footer{position:absolute;left:0;right:0;bottom:0;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#f2e9d4;border-top:1px solid rgba(184,154,106,.4)}.tin-footer .tin-footlink{font-family:var(--body);font-size:11.5px;font-style:italic;color:var(--brick);background:none;border:none;cursor:pointer;padding:4px 2px}.tin-footer .tin-footlink:hover{color:var(--brick-bright);text-decoration:underline}.tin-footer .tin-footlink.flip{color:#8a6a48;font-style:normal;font-family:var(--mono);font-size:11px}.tin-face.back .tin-footer{background:#ece0c8}.tin-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px}.tin-arrow{font-family:var(--display);font-size:20px;width:40px;height:40px;border-radius:50%;background:var(--brick);color:#f3e6d3;border:none;cursor:pointer;box-shadow:0 3px 8px #3c1e0a4d}.tin-arrow:hover{background:var(--brick-bright)}.tin-arrow:active{transform:scale(.94)}.tin-dots{display:flex;gap:6px;align-items:center}.tin-dot{width:7px;height:7px;border-radius:50%;background:#c2a878;cursor:pointer;border:none;transition:all .2s}.tin-dot.on{background:var(--brick);transform:scale(1.3)}.chip-set{display:flex;flex-wrap:wrap;gap:7px}.pick-chip{font-family:var(--body);font-size:13.5px;color:var(--ink);background:#fffaee80;border:1px solid var(--edge);border-radius:16px;padding:5px 13px;cursor:pointer;transition:all .1s}.pick-chip:hover{border-color:var(--brick)}.pick-chip.on{background:var(--brick);color:var(--brick-ink);border-color:var(--brick-deep)}.pick-chip.tag.on{background:var(--olive, #6b7a3e)}.tin-tagbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px 10px 2px;margin-top:-2px}.tin-tagchip{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:#6a4a2a;background:#fffaee66;border:1px solid #b89a6a;border-radius:14px;padding:3px 11px;cursor:pointer;transition:all .1s}.tin-tagchip:hover{border-color:var(--brick)}.tin-tagchip.on{background:var(--brick);color:#f3e6d3;border-color:var(--brick-deep)}.recipe-hero{margin:0 0 22px;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #28140847;border:1px solid var(--edge)}.recipe-hero img{width:100%;max-height:300px;object-fit:cover;display:block}.tin-dim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;pointer-events:none;background:#2a1a0e;z-index:20}.import-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#28180a80;padding:20px}.import-modal{max-width:460px;width:100%;max-height:88vh;overflow-y:auto;background:linear-gradient(150deg,#f8f1e0f0,#f2e9d4f5),url(/aged-sheet.jpg) center/cover no-repeat,#f5eeda;border:1px solid #cdb98f;border-radius:10px;padding:22px 22px 18px;box-shadow:0 20px 60px #1e100666}.import-drop{display:block;border:2px dashed #c3aa78;border-radius:8px;padding:26px 16px;text-align:center;cursor:pointer;background:#fffcf480;transition:border-color .15s}.import-drop:hover{border-color:var(--brick-bright)}.import-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.import-status{text-align:center;padding:18px 6px}.progress-bar{height:10px;background:#7858302e;border-radius:6px;overflow:hidden;margin:12px 0}.progress-fill{height:100%;background:var(--brick-bright);border-radius:6px;transition:width .4s ease}.spinner{width:34px;height:34px;margin:0 auto 12px;border-radius:50%;border:3px solid rgba(120,88,48,.25);border-top-color:var(--brick-bright);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.import-modeswitch{display:flex;margin-bottom:4px}.import-toggle{display:flex;align-items:center;gap:8px;margin-top:12px;cursor:pointer;font-size:14px}.import-toggle input{width:16px;height:16px;cursor:pointer}.flip-artifact{cursor:pointer;position:relative;transition:transform .18s ease;transform-style:preserve-3d}.flip-artifact.is-flipping{transform:rotateY(90deg)}.flip-hint{position:absolute;bottom:8px;right:12px;font-family:var(--mono, monospace);font-size:12px;letter-spacing:.04em;color:var(--ink, #4a3c2e);background:#f4ecdcd1;padding:2px 8px;border-radius:10px;pointer-events:none}.flip-dots{display:flex;gap:7px;justify-content:center;margin-top:8px}.flip-dot{width:8px;height:8px;border-radius:50%;background:#78604252;cursor:pointer;transition:background .15s}.flip-dot.on{background:var(--wine, #6b2b2b)}