:root{--bg: #efece6;--bg-grid: #e6e2da;--ink: #1f1c17;--ink-2: #4a463f;--ink-3: #8b867c;--line: #d9d4c9;--panel: #ffffff;--accent: oklch(.55 .12 40);--wood-1: #6b4527;--wood-2: #4a2e18;--wood-3: #2b1a0d;--wood-hl: #8a5a35;--shadow-book: 0 2px 6px rgba(20,10,0,.25), 0 1px 2px rgba(20,10,0,.2);--shadow-panel: 0 1px 2px rgba(0,0,0,.06), 0 10px 40px rgba(0,0,0,.12)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:Inter,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}button{font-family:inherit;color:inherit}#root{width:100%;height:100%}.stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(1200px 800px at 20% 10%,#f5f2ec 0%,transparent 60%),var(--bg);cursor:default}.stage.panning{cursor:grabbing!important}.grid-bg{position:absolute;top:-4000px;right:-4000px;bottom:-4000px;left:-4000px;pointer-events:none;background-image:radial-gradient(circle,var(--bg-grid) 1px,transparent 1.2px);background-size:28px 28px;background-position:0 0;opacity:.9}.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.topbar{position:absolute;top:0;left:0;right:0;height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;background:linear-gradient(180deg,#ffffffeb,#ffffffb8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:50}.brand{display:flex;align-items:center;gap:10px;padding-right:14px;margin-right:6px;border-right:1px solid var(--line);height:100%}.mode-switch{position:relative;display:flex;align-items:center;gap:8px;padding-right:14px;margin-right:6px;border-right:1px solid var(--line);height:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.mode-switch:hover .brand-name{color:var(--accent)}.mode-caret{color:var(--ink-3);flex-shrink:0;transition:transform .15s}.mode-switch:hover .mode-caret{color:var(--ink-2)}.mode-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:148px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-panel);padding:4px;z-index:200}.mode-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--ink-2);border-radius:7px;cursor:pointer;text-align:left;transition:background .1s,color .1s}.mode-item:hover{background:var(--line);color:var(--ink)}.mode-item.active{color:var(--ink);font-weight:600}.mode-item.active:after{content:"✓";margin-left:auto;font-size:11px;color:var(--accent)}.brand-mark{width:22px;height:22px;background:linear-gradient(180deg,var(--wood-hl),var(--wood-2));border-radius:3px;box-shadow:inset 0 -2px #00000040,inset 0 1px #ffffff40;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:3px;bottom:3px;width:3px;background:linear-gradient(180deg,#c6c1b5,#8e8a7f);border-radius:1px}.brand-mark:before{left:4px;background:linear-gradient(180deg,#c94a3a,#7a2419)}.brand-mark:after{left:10px;background:linear-gradient(180deg,#3a6ec9,#1a3a78)}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:15px}.brand-sub{color:var(--ink-3);font-size:12px;margin-left:2px}.toolbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:background .12s,border-color .12s,transform .05s}.toolbtn:hover{background:#faf8f3;border-color:#cec8ba}.toolbtn:active{transform:translateY(1px)}.toolbtn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.toolbtn.primary:hover{background:#000}.toolbtn .kbd{font:500 11px JetBrains Mono,ui-monospace,monospace;color:var(--ink-3);border:1px solid var(--line);border-bottom-width:2px;padding:1px 5px;border-radius:4px;margin-left:2px;background:#faf8f3}.spacer{flex:1}.zoom{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.zoom button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 10px;font-size:13px;cursor:pointer;color:var(--ink-2)}.zoom button:hover{background:#faf8f3}.zoom .val{min-width:56px;text-align:center;font:500 12px JetBrains Mono,ui-monospace,monospace;color:var(--ink-2);border-left:1px solid var(--line);border-right:1px solid var(--line);padding:7px 0}.hintbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:inline-flex;gap:14px;align-items:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12px;color:var(--ink-2);box-shadow:var(--shadow-panel);z-index:40}.hintbar .kbd{font:500 11px JetBrains Mono,ui-monospace,monospace;color:var(--ink-2);border:1px solid var(--line);border-bottom-width:2px;padding:1px 5px;border-radius:4px;background:#faf8f3}.hintbar .dot{width:3px;height:3px;border-radius:50%;background:var(--line)}.bookcase{position:absolute;min-width:320px}.bookcase-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 2px}.bookcase-title{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ink);padding:2px 6px;margin-left:-6px;border-radius:6px;outline:none;max-width:360px}.bookcase-title[contenteditable=true]:focus{background:#fff;box-shadow:0 0 0 2px var(--accent)}.bookcase-count{font-size:12px;color:var(--ink-3);font-weight:500}.bookcase-actions{margin-left:auto;display:flex;gap:4px;opacity:0;transition:opacity .15s}.bookcase:hover .bookcase-actions{opacity:1}.iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-3)}.iconbtn:hover{background:#fff;border-color:var(--line);color:var(--ink)}.iconbtn.danger:hover{color:#b33a2a;border-color:#eccfc9;background:#fdf4f2}.iconbtn svg{width:14px;height:14px}.shelf{position:relative;margin-bottom:16px}.shelf-surface{position:relative;display:flex;align-items:flex-end;min-height:128px;padding:0 8px}.shelf-board{position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(180deg,var(--wood-hl) 0%,var(--wood-1) 30%,var(--wood-2) 72%,var(--wood-3) 100%);border-radius:0 0 2px 2px;box-shadow:0 3px 6px #140a0033,0 8px 20px #140a001f}.shelf-board:before{display:none}.shelf-board:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(180deg,#ffffff8c,#ffffff2e 60%,#fff0);pointer-events:none}.shelf-inset{position:absolute;left:0;right:0;bottom:22px;height:12px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,transparent 100%);pointer-events:none}.books-row{position:relative;z-index:2;display:flex;align-items:flex-end;gap:8px;padding:0 12px 22px;min-height:120px;width:100%;flex-wrap:nowrap}.books-row.empty{justify-content:center;align-items:center;color:var(--ink-3);font-size:12px;font-style:italic;padding-bottom:34px}.drop-marker{width:3px;align-self:stretch;background:var(--accent);border-radius:2px;margin:6px 0 20px;box-shadow:0 0 0 3px #c9603a2e}.shelf-actions{position:absolute;right:-2px;top:4px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.shelf:hover .shelf-actions{opacity:1}.shelf-full-pill{position:absolute;right:8px;top:4px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;background:#ffffffd9;color:var(--ink-3);border:1px solid var(--line);pointer-events:none;opacity:0;transition:opacity .12s}.books-row.full~.shelf-full-pill,.shelf:hover .shelf-full-pill{opacity:1}.cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cover-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.book{position:relative;width:74px;height:108px;cursor:grab;flex:0 0 auto;transform-origin:bottom center;transition:transform .26s cubic-bezier(.2,.8,.2,1);will-change:transform}.book.dragging{opacity:0;pointer-events:none}.book:hover{transform:translateY(-5px);z-index:3}body.dragging-book .book:hover{transform:none;z-index:auto}.books-row.dragging-active .book{transition:transform .28s cubic-bezier(.2,.8,.2,1)}.book.tall{height:116px}.book.short{height:100px}.book.thin{width:66px}.book.thick{width:82px}.cover{position:relative;width:100%;height:100%;border-radius:2px 4px 4px 2px;overflow:hidden;font-family:"Instrument Serif",Georgia,serif;box-shadow:inset 1px 0 #ffffff14,inset -1px 0 #0000004d,0 3px 6px #140a0040,0 1px 2px #140a0033}.cover-big{box-shadow:inset 1px 0 #ffffff14,inset -1px 0 #0000004d,0 18px 32px #140a0066,0 4px 10px #140a004d}.cover-spine{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(90deg,#00000073,#00000026)}.cover-gloss{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,#ffffff1f,#fff0 35%,#00000014);border-radius:inherit}.c-title{font-size:11px;line-height:1.08;font-weight:500;padding:0 7px;text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-shadow:0 1px 0 rgba(0,0,0,.25);font-family:"Instrument Serif",Georgia,serif}.cover-big .c-title{font-size:22px;padding:0 18px}.c-author{font-family:Inter,sans-serif;font-size:7px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-big .c-author{font-size:13px;padding:0 18px;letter-spacing:.12em}.c-center{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.c-top{position:absolute;left:0;right:0;top:14%}.c-bottom{position:absolute;left:0;right:0;bottom:10%}.c-band{position:absolute;left:0;right:0;top:38%;height:24%;opacity:.7}.cover-big .c-band{height:26%}.c-rule{position:absolute;left:14%;right:14%;top:34%;height:1px;opacity:.8}.cover-big .c-rule{height:2px}.c-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);width:38%;aspect-ratio:1;border:1px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Instrument Serif",Georgia,serif;font-size:22px;font-style:italic}.cover-big .c-glyph{font-size:54px;border-width:2px}.c-panel{position:absolute;left:10%;right:10%;top:14%;bottom:24%;display:flex;align-items:center;justify-content:center;padding:6px}.cover-big .c-panel{padding:16px}.c-ornament{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;gap:4px}.c-ornament div{width:5px;height:5px;border-radius:50%}.cover-big .c-ornament{gap:10px}.cover-big .c-ornament div{width:12px;height:12px}.drag-ghost{position:fixed;pointer-events:none;z-index:500;width:81px;height:119px;transform-origin:20% 20%;transform:translate(-50%,-50%) rotate(-4deg);filter:drop-shadow(0 10px 18px rgba(20,10,0,.35));transition:none}.drag-ghost.tall{height:128px}.drag-ghost.short{height:110px}.drag-ghost.thin{width:73px}.drag-ghost.thick{width:90px}.add-shelf-row-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:16px;padding:5px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:11px;font-weight:500;color:var(--ink-3);cursor:pointer;border-radius:6px;opacity:0;transition:opacity .15s,color .15s}.bookcase:hover .add-shelf-row-btn{opacity:1}.add-shelf-row-btn:hover{color:var(--ink)}.add-shelf{width:64px;height:64px;border-radius:14px;border:1.5px dashed var(--line);background:#fff6;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);cursor:pointer;transition:all .12s}.add-shelf:hover{border-color:var(--ink-3);color:var(--ink);background:#fff;transform:scale(1.03)}.add-shelf svg{width:18px;height:18px}.add-shelf-wrap{display:flex;justify-content:center;padding:4px 0 8px}.gap-handle{position:absolute;transform:translate(-50%);width:28px;height:56px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;z-index:20}.gap-handle:before{content:"";width:3px;height:100%;background:var(--line);border-radius:99px;transition:background .15s,width .12s,box-shadow .15s}.gap-handle:hover:before{background:var(--ink-3);width:4px;box-shadow:0 0 0 3px #0000000f}.add-bookcase{position:absolute;width:320px}.add-bookcase-btn{width:100%;padding:26px 0;border-radius:14px;border:1.5px dashed var(--line);background:#ffffff4d;color:var(--ink-3);font-size:13px;font-weight:500;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.add-bookcase-btn:hover{border-color:var(--ink-2);color:var(--ink);background:#fff}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#19140e59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fade .16s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:640px;max-width:calc(100% - 40px);max-height:80vh;background:var(--panel);border-radius:14px;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden;animation:rise .18s cubic-bezier(.3,.8,.3,1)}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.modal header{padding:18px 20px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.modal h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.modal .sub{color:var(--ink-3);font-size:12px;margin-top:2px}.modal .tabs{margin:12px 20px 0;display:flex;gap:2px;padding:3px;border-radius:10px;background:#f1ede4}.modal .tab{flex:1;padding:7px 10px;border-radius:7px;font:500 12.5px Inter,sans-serif;color:var(--ink-2);cursor:pointer;border:0;background:transparent;transition:background .12s,color .12s}.modal .tab:hover{color:var(--ink)}.modal .tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #0000000f}.modal .tab{display:flex;align-items:center;justify-content:center;gap:5px}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font:600 10px Inter,sans-serif;line-height:1}.deleted-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 4px;font-size:12px;color:var(--ink-3)}.deleted-clear-sel{background:none;border:none;cursor:pointer;padding:2px 6px;font-size:12px;color:var(--accent);border-radius:5px;transition:background .12s}.deleted-clear-sel:hover{background:#c9603a14}.deleted-when{font-size:11px;color:var(--ink-3);margin-top:1px}.modal .paste-area{margin:14px 20px 0;flex:1;display:flex;flex-direction:column;gap:8px}.modal .paste-area textarea{flex:1;min-height:180px;resize:none;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:13px JetBrains Mono,ui-monospace,Menlo,monospace;color:var(--ink);background:#fff;outline:none;line-height:1.5}.modal .paste-area textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c9603a1f}.modal .paste-hint{font-size:11.5px;color:var(--ink-3);padding:0 2px;line-height:1.5}.modal .paste-hint code{background:#f1ede4;padding:1px 5px;border-radius:3px;font:11px JetBrains Mono,monospace}.modal .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-3);font-size:13px;padding:40px 20px;text-align:center;gap:8px}.modal .empty-state svg{opacity:.35}.modal .spinner{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.modal .resolve-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px dashed var(--line);font-size:12.5px}.modal .resolve-row:last-child{border-bottom:0}.modal .resolve-row .status{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.modal .resolve-row .status.ok{background:#5fa56a}.modal .resolve-row .status.fail{background:#c4503a}.modal .resolve-row .status.pending{background:#c8b86a}.modal .resolve-row .label{flex:1;min-width:0;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal .resolve-row .resolved{color:var(--ink);font-weight:500}.modal .search{margin:14px 20px 0;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff}.modal .search input{flex:1;border:0;outline:0;background:transparent;font:14px Inter,sans-serif;color:var(--ink)}.modal .booklist{flex:1;overflow-y:auto;padding:10px 20px;margin-top:10px}.modal .booklist-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:0 6px 8px;border-bottom:1px solid var(--line)}.modal .book-row{display:flex;align-items:center;gap:12px;padding:9px 6px;border-radius:8px;cursor:pointer}.modal .book-row:hover{background:#faf8f3}.modal .book-row.selected{background:#c9603a14}.modal .book-row .mini{width:22px;height:30px;border-radius:2px;flex:0 0 auto;box-shadow:0 1px 2px #00000026}.modal .book-row .meta{flex:1;min-width:0}.modal .book-row .t{font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal .book-row .a{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal .book-row .check{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:transparent}.modal .book-row.selected .check{background:var(--accent);border-color:var(--accent);color:#fff}.modal footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#fafafa}.modal .destination{font-size:13px;color:var(--ink-2)}.modal .destination b{color:var(--ink);font-weight:600}.modal select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 24px 5px 8px;font:13px Inter;color:var(--ink);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='none' stroke='%23666' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.ctx{position:fixed;z-index:200;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-panel);padding:5px;min-width:170px;font-size:13px}.ctx button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:0;padding:7px 9px;border-radius:6px;cursor:pointer;color:var(--ink)}.ctx button:hover{background:#faf8f3}.ctx button.danger{color:#b33a2a}.ctx button.danger:hover{background:#fdf4f2}.ctx hr{border:0;border-top:1px solid var(--line);margin:4px 2px}.toast{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:500;z-index:150;box-shadow:0 4px 20px #00000040;animation:toastIn .2s}@keyframes toastIn{0%{transform:translate(-50%) translateY(8px);opacity:0}}.stage,.world{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e042e;z-index:50;animation:drawer-fade .18s ease both}.book-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--panel);border-left:1px solid var(--line);box-shadow:-16px 0 48px #140e0424;z-index:51;display:flex;flex-direction:column;animation:drawer-slide .26s cubic-bezier(.2,.7,.2,1) both;overflow:hidden}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.drawer-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);cursor:pointer}.drawer-close:hover{color:var(--ink);border-color:#cec8ba}.drawer-quick-delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);cursor:pointer;transition:color .13s,border-color .13s,background .13s}.drawer-quick-delete:hover{color:#c4503a;border-color:#e8b0a4;background:#fdf3f1}.drawer-cover-wrap{flex-shrink:0;padding:26px 24px 18px;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.7),transparent 70%),linear-gradient(180deg,#faf7f0,#efece6);border-bottom:1px solid var(--line);display:flex;justify-content:center}.drawer-cover{width:168px;height:246px;position:relative;filter:drop-shadow(0 14px 22px rgba(20,14,4,.22)) drop-shadow(0 2px 4px rgba(20,14,4,.18))}.drawer-cover .cover{width:100%;height:100%}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding:18px 22px 28px;display:flex;flex-direction:column;gap:18px}.drawer-title{font-family:"Instrument Serif",Georgia,serif;font-size:24px;font-weight:400;line-height:1.15;margin:0;color:var(--ink);letter-spacing:-.005em;text-wrap:pretty}.drawer-author{font-size:13.5px;color:var(--ink-2);margin-top:2px}.drawer-meta{font:11.5px JetBrains Mono,ui-monospace,monospace;color:var(--ink-3);margin-top:6px}.drawer-section{display:flex;flex-direction:column;gap:8px}.drawer-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.rating-row{display:flex;align-items:center;gap:2px}.star{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:4px;color:var(--ink-3);cursor:pointer;transition:color .12s,transform .08s}.star:hover{color:var(--accent)}.star:active{transform:scale(.92)}.star.on{color:var(--accent)}.rating-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;margin-left:8px;font-size:11.5px;color:var(--ink-3);cursor:pointer;padding:4px 6px;border-radius:5px}.rating-clear:hover{color:var(--ink-2);background:#f4f0e7}.drawer-note{width:100%;resize:vertical;min-height:92px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:13.5px Inter,sans-serif;color:var(--ink);background:#fff;line-height:1.5;outline:none;transition:border-color .12s,box-shadow .12s}.drawer-note:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c9603a1f}.drawer-note::placeholder{color:var(--ink-3)}.cover-actions{display:flex;flex-wrap:wrap;gap:8px}.drawer-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;font:500 12.5px Inter,sans-serif;color:var(--ink);display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.drawer-btn:hover{background:#faf8f3;border-color:#cec8ba}.drawer-btn.ghost{background:transparent;color:var(--ink-2)}.drawer-btn.ghost:hover{color:var(--ink)}.drawer-btn.danger{color:#b33a2a;border-color:#eccfc9;background:#fdf4f2;width:100%;justify-content:center}.drawer-btn.danger:hover{background:#fae9e4;border-color:#d9b3ac}.drawer-hint{margin:0;font-size:11.5px;color:var(--ink-3);line-height:1.45}body[data-material=oak] .shelf-board{background:linear-gradient(180deg,#d4a76a,#b8854a 22%,#8c5d2c 70%,#5e3d1a)}body[data-material=oak] .shelf-board:before{background:repeating-linear-gradient(90deg,rgba(60,30,5,.07) 0 1px,transparent 1px 9px),repeating-linear-gradient(90deg,rgba(255,235,200,.08) 0 2px,transparent 2px 15px)}body[data-material=oak]{--wood-1: #b8854a;--wood-2: #8c5d2c;--wood-hl: #d4a76a}body[data-material=painted] .shelf-board{background:linear-gradient(180deg,#fbf7ee,#efe9dc 35%,#ddd5c2);box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #503c1e1a,0 6px 12px #3c280f1a,0 1px 2px #3c280f14}body[data-material=painted] .shelf-board:before{display:none}body[data-material=painted] .shelf-board:after{background:linear-gradient(180deg,rgba(255,255,255,.7),transparent)}body[data-material=painted] .shelf-inset{background:linear-gradient(180deg,transparent,rgba(0,0,0,.06))}body[data-material=painted] .brand-mark{background:linear-gradient(180deg,#fbf7ee,#ddd5c2);box-shadow:inset 0 -1px #00000014,inset 0 1px #fff9}body[data-material=brass] .shelf-board{height:4px;bottom:4px;background:linear-gradient(180deg,#f5d287,#c89a3e,#6b4d18);border-radius:2px;box-shadow:inset 0 1px #fff0c8b3,0 1px #28190566,0 4px 8px #3c280a2e}body[data-material=brass] .shelf-board:before{display:none}body[data-material=brass] .shelf-board:after{display:none}body[data-material=brass] .shelf-inset{display:none}body[data-material=brass] .books-row{padding-bottom:12px}body[data-material=brass] .shelf-surface{min-height:116px}body[data-material=brass] .brand-mark{background:linear-gradient(180deg,#f5d287,#6b4d18)}body[data-mood=studio]{--bg: #f6f6f4;--bg-grid: #ececea;--line: #e3e1dc}body[data-mood=studio] .stage{background:radial-gradient(1400px 900px at 50% 0%,#ffffff 0%,transparent 65%),var(--bg)}body[data-mood=evening]{--bg: #1f1812;--bg-grid: #2a2118;--ink: #f5ede0;--ink-2: #c9bda9;--ink-3: #8a7f6d;--line: #3a2f23;--panel: #2a2118;--accent: oklch(.72 .15 60)}body[data-mood=evening] .stage{background:radial-gradient(900px 600px at 50% 5%,rgba(255,200,130,.35) 0%,transparent 55%),radial-gradient(1400px 900px at 50% 100%,#1a1109 0%,transparent 60%),var(--bg)}body[data-mood=evening] .topbar{background:linear-gradient(180deg,#2a2118eb,#2a2118b8);border-bottom-color:var(--line)}body[data-mood=evening] .toolbtn{background:#2a2118;border-color:var(--line)}body[data-mood=evening] .toolbtn:hover{background:#342818;border-color:#4a3a28}body[data-mood=evening] .toolbtn.primary{background:var(--accent);border-color:var(--accent);color:#1a1109}body[data-mood=evening] .toolbtn .kbd{background:#1f1812}body[data-mood=evening] .zoom{background:#2a2118;border-color:var(--line)}body[data-mood=evening] .hintbar{background:#2a2118eb;border-color:var(--line)}body[data-mood=evening] .hintbar .kbd{background:#1f1812}body[data-mood=evening] .add-bookcase-btn,body[data-mood=evening] .add-shelf{background:#ffffff0a;border-color:#ffffff1f}body[data-mood=evening] .shelf-full-pill{background:#2a2118d9;border-color:var(--line)}body[data-mood=evening] .bookcase{filter:drop-shadow(0 -10px 24px rgba(255,180,110,.06))}body[data-mood=evening] .book{filter:brightness(.92) saturate(1.05)}.book-rating-bubble,.book-note-bubble{position:absolute;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 4px 12px #140e0424,0 1px 2px #140e0414;pointer-events:none;opacity:0;transform:translateY(4px) scale(.92);transition:opacity .14s ease,transform .14s cubic-bezier(.2,.8,.2,1);z-index:8;white-space:nowrap}.book:hover .book-rating-bubble,.book:hover .book-note-bubble{opacity:1;transform:none;transition-delay:.12s}body.dragging-book .book-rating-bubble,body.dragging-book .book-note-bubble{display:none}.book-rating-bubble{bottom:calc(100% + 8px);left:50%;transform-origin:bottom center;transform:translate(-50%) translateY(4px) scale(.92);padding:5px 8px;display:inline-flex;align-items:center;gap:1px;color:var(--accent)}.book:hover .book-rating-bubble{transform:translate(-50%)}.book-rating-bubble:after{content:"";position:absolute;top:100%;left:50%;width:8px;height:8px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translate(-50%,-50%) rotate(45deg)}.book-note-bubble{top:6px;left:calc(100% + 10px);width:max-content;max-width:220px;padding:7px 10px 7px 9px;border-radius:10px;display:flex;align-items:flex-start;gap:6px;color:var(--ink-2);font-size:11.5px;line-height:1.4;white-space:normal;transform-origin:left center;transform:translate(-4px) scale(.96)}.book:hover .book-note-bubble{transform:none}.book-note-bubble:before{content:"";position:absolute;top:14px;left:0;width:8px;height:8px;background:#fff;border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:translate(-50%) rotate(45deg)}.book-note-icon{color:var(--ink-3);flex:0 0 auto;margin-top:1px}.book-note-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-family:"Instrument Serif",Georgia,serif;font-size:13px;font-style:italic;color:var(--ink);line-height:1.35;text-wrap:pretty}body[data-mood=evening] .book-rating-bubble,body[data-mood=evening] .book-note-bubble{background:#2a2118;border-color:var(--line)}body[data-mood=evening] .book-rating-bubble:after,body[data-mood=evening] .book-note-bubble:before{background:#2a2118}body[data-mood=evening] .book-note-text{color:var(--ink)}.book.view-spine,.book.view-spine.thin,.book.view-spine.thick{width:calc(30px * var(--cover-scale) * var(--book-size-scale, 1) * var(--spine-page-scale, 1))}.book-spine-view{position:relative;width:100%;height:100%;border-radius:2px 3px 3px 2px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 2px 0 #ffffff1f,inset -1px 0 #00000059,0 3px 6px #140a0040,0 1px 2px #140a0033}.book-spine-gloss{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#ffffff24,#fff0 40%,#00000014)}.book-spine-title{writing-mode:vertical-rl;font-family:"Instrument Serif",Georgia,serif;line-height:1;letter-spacing:.01em;padding:6px 0;overflow:hidden;white-space:nowrap;max-height:92%;max-width:92%;position:relative;z-index:1}.drawer-view-toggle{display:flex;gap:6px}.drawer-view-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:background .12s,border-color .12s,color .12s;-webkit-user-select:none;user-select:none}.drawer-view-opt:hover{background:#faf8f3;border-color:#cec8ba;color:var(--ink)}.drawer-view-opt.selected{background:var(--ink);border-color:var(--ink);color:#fff}.drawer-view-opt input[type=radio]{display:none}:root{--cover-scale: 1}.book{width:calc(74px * var(--cover-scale) * var(--book-size-scale, 1));height:calc(108px * var(--cover-scale) * var(--book-size-scale, 1))}.book.tall{height:calc(118px * var(--cover-scale) * var(--book-size-scale, 1))}.book.short{height:calc(94px * var(--cover-scale) * var(--book-size-scale, 1))}.book.thin{width:calc(58px * var(--cover-scale) * var(--book-size-scale, 1))}.book.thick{width:calc(86px * var(--cover-scale) * var(--book-size-scale, 1))}.shelf-surface{min-height:calc(128px*max(1,var(--cover-scale)))}.books-row{min-height:calc(120px*max(1,var(--cover-scale)));gap:calc(8px*max(.5,var(--cover-scale)))}.cover-picker-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073}.cover-picker-modal{position:fixed;z-index:61;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;max-width:calc(100vw - 32px);max-height:80vh;background:var(--panel);border-radius:16px;box-shadow:0 24px 64px #00000047;display:flex;flex-direction:column;overflow:hidden}.cover-picker-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid var(--line);flex-shrink:0}.cover-picker-title{margin:0;font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.cover-picker-sub{margin:3px 0 0;font-size:12px;color:var(--ink-3)}.cover-picker-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:4px;cursor:pointer;color:var(--ink-3);border-radius:6px;line-height:0;flex-shrink:0}.cover-picker-close:hover{background:var(--line);color:var(--ink)}.cover-picker-body{flex:1;overflow-y:auto;padding:16px 20px}.cover-picker-status{display:flex;align-items:center;gap:10px;justify-content:center;padding:40px 0;font-size:13px;color:var(--ink-3)}.cover-picker-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--ink-2);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cover-picker-grid{display:flex;flex-wrap:wrap;gap:10px}.cover-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;background:var(--line);border-radius:6px;padding:0 0 6px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:5px;transition:border-color .12s,box-shadow .12s}.cover-option:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) 22}.cover-option.ready{background:transparent}.cover-option-img-wrap{width:80px;height:116px;position:relative;background:var(--line);border-radius:4px 4px 0 0;overflow:hidden}.cover-option-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.cover-option-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--line) 25%,#e8e2d4 50%,var(--line) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.cover-option-source{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);line-height:1}.cover-picker-footer{padding:12px 20px 16px;border-top:1px solid var(--line);flex-shrink:0}.iconbtn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.iconbtn.active:hover{background:var(--ink-2);border-color:var(--ink-2)}.bookcase-settings{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-panel)}.bcs-row{display:flex;align-items:center;gap:10px}.bcs-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);min-width:56px}.bcs-pills{display:flex;gap:4px}.bcs-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:transparent;border-radius:6px;padding:3px 11px;font-size:12px;font-weight:500;cursor:pointer;color:var(--ink-2);transition:all .1s}.bcs-pill:hover{border-color:var(--ink-3);color:var(--ink);background:#f5f2ec}.bcs-pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.bcs-stepper{display:flex;align-items:center;gap:6px}.bcs-step-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:transparent;border-radius:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;color:var(--ink-2);transition:all .1s}.bcs-step-btn:hover:not(:disabled){background:#f5f2ec;border-color:var(--ink-3);color:var(--ink)}.bcs-step-btn:disabled{opacity:.3;cursor:default}.bcs-step-val{font-size:13px;font-weight:600;min-width:18px;text-align:center;color:var(--ink)}.bcs-swatches{display:flex;gap:7px}.bcs-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;width:20px;height:20px;border-radius:50%;background:var(--sw);cursor:pointer;transition:transform .12s,border-color .12s;box-shadow:0 1px 3px #00000040}.bcs-swatch:hover{transform:scale(1.18)}.bcs-swatch.active{border-color:var(--ink);outline:2px solid #fff;outline-offset:-3px}.bookcase-frame{display:grid;grid-template-columns:12px 1fr 12px;grid-template-rows:1fr auto;background:transparent}.bc-side{grid-row:1;background:transparent}.bc-side--l{grid-column:1}.bc-side--r{grid-column:3}.bookcase-body{grid-row:1;grid-column:2;display:flex;flex-direction:column}.shelf-row{position:relative;display:flex;flex-direction:row;align-items:stretch}.shelf-row-delete{position:absolute;bottom:28px;right:8px;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-3);opacity:0;transition:opacity .15s,color .12s,border-color .12s}.shelf-row:hover .shelf-row-delete{opacity:1}.shelf-row-delete:hover{color:#b33a2a;border-color:#eccfc9;background:#fdf4f2}.shelf-col{flex:1;min-width:0;position:relative}.shelf-col--divided{border-left:12px solid var(--bc-wall)}.shelf-col--divided:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:12px;background:linear-gradient(90deg,#00000038,#00000014 55%,#ffdca00f);pointer-events:none;z-index:1}.shelf-col .books-row{min-height:calc(108px*max(1,var(--cover-scale))*1.45 + 26px);padding-bottom:22px}.shelf-row>.shelf-board{position:absolute;left:0;right:0;bottom:0;height:22px;z-index:3}.shelf-row>.shelf-inset{position:absolute;left:0;right:0;bottom:22px;height:10px;z-index:2}.bookcase-floor{grid-row:2;grid-column:1 / -1;height:22px;position:relative;background:linear-gradient(180deg,var(--wood-hl) 0%,var(--wood-1) 30%,var(--wood-2) 72%,var(--wood-3) 100%);border-radius:0 0 2px 2px;clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 100%,0% 100%);filter:drop-shadow(0 3px 6px rgba(20,10,0,.22)) drop-shadow(0 9px 18px rgba(20,10,0,.13))}.bookcase-floor:before{display:none}.bookcase-floor:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(180deg,#ffffff8c,#ffffff2e 60%,#fff0);border-radius:2px 2px 0 0;pointer-events:none}.bookcase-frame[data-theme=walnut]{--bc-back: #30180a;--bc-wall: #3e2010;--wood-hl: #8a5a35;--wood-1: #6b4527;--wood-2: #4a2e18;--wood-3: #2b1a0d}.bookcase-frame[data-theme=oak]{--bc-back: #5e3618;--bc-wall: #7a4a22;--wood-hl: #d4a76a;--wood-1: #b8854a;--wood-2: #8c5d2c;--wood-3: #5a3a18}.bookcase-frame[data-theme=pine]{--bc-back: #9c7230;--bc-wall: #b88c3a;--wood-hl: #f0d490;--wood-1: #d4a84a;--wood-2: #c09038;--wood-3: #9a7228}.bookcase-frame[data-theme=white]{--bc-back: #dedad4;--bc-wall: #ccc8c0;--wood-hl: #ffffff;--wood-1: #f0ece6;--wood-2: #e0ddd6;--wood-3: #ccc8c0}.bookcase-frame[data-theme=black]{--bc-back: #111111;--bc-wall: #1a1a1a;--wood-hl: #3a3a3a;--wood-1: #282828;--wood-2: #1e1e1e;--wood-3: #111111}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#19140e66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade .16s ease}.import-modal{position:fixed;z-index:101;left:50%;top:50%;transform:translate(-50%,-50%);width:580px;max-width:calc(100vw - 32px);max-height:84vh;background:var(--panel);border-radius:16px;box-shadow:0 32px 80px #00000047,0 4px 16px #0000001f;display:flex;flex-direction:column;overflow:hidden;animation:rise .18s cubic-bezier(.3,.8,.3,1)}.import-head{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.import-title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink);flex:1}.import-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:5px;cursor:pointer;color:var(--ink-3);border-radius:7px;line-height:0;transition:background .12s,color .12s}.import-close:hover{background:var(--line);color:var(--ink)}.steam-credentials{padding:16px 18px;border-bottom:1px solid var(--line);flex-shrink:0;display:flex;flex-direction:column;gap:10px}.steam-fields{display:flex;gap:10px}.steam-field{flex:1;display:flex;flex-direction:column;gap:5px}.steam-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.steam-input{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:13px Inter,sans-serif;color:var(--ink);background:#fff;outline:none;transition:border-color .12s,box-shadow .12s;width:100%}.steam-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c9603a1f}.steam-cred-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.steam-help-link{font-size:12px;color:var(--accent);text-decoration:none}.steam-help-link:hover{text-decoration:underline}.steam-fetch-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 14px;font:500 13px Inter,sans-serif;color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s}.steam-fetch-btn:hover:not(:disabled){background:#faf8f3;border-color:#cec8ba}.steam-fetch-btn:disabled{opacity:.45;cursor:default}.steam-error{margin:0;font-size:12.5px;color:#c4503a;line-height:1.45}.import-tabs{display:flex;align-items:center;padding:8px 18px;border-bottom:1px solid var(--line);flex-shrink:0;gap:8px}.import-tab{font-size:12.5px;font-weight:600;color:var(--ink-2);flex:1}.import-tab-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:500 12px Inter,sans-serif;color:var(--accent);cursor:pointer;padding:3px 6px;border-radius:5px;transition:background .12s}.import-tab-action:hover{background:#c9603a14}.import-results{flex:1;overflow-y:auto;padding:6px 10px}.import-result{display:flex;align-items:center;gap:10px;width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .1s}.import-result:hover{background:#faf8f3}.import-result.selected{background:#c9603a0f}.import-result-check{width:18px;height:18px;border-radius:5px;flex-shrink:0;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:transparent;transition:background .1s,border-color .1s,color .1s}.import-result.selected .import-result-check{background:var(--accent);border-color:var(--accent);color:#fff}.steam-thumb{width:46px;height:22px;border-radius:3px;object-fit:cover;flex-shrink:0;background:var(--line)}.import-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.import-result-title{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-result-meta{font-size:11px;color:var(--ink-3)}.import-footer{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--line);background:#fafafa;flex-shrink:0}.import-dest{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 28px 6px 9px;font:13px Inter,sans-serif;color:var(--ink);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='none' stroke='%23666' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;flex:1;max-width:200px}.import-ok-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--ink);color:#fff;border-radius:8px;padding:8px 16px;font:600 13px Inter,sans-serif;cursor:pointer;transition:background .12s;margin-left:auto}.import-ok-btn:hover:not(:disabled){background:#000}.import-ok-btn:disabled{opacity:.4;cursor:default}.auth-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:radial-gradient(900px 600px at 50% 20%,rgba(200,160,100,.12),transparent 70%),#19140e8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.auth-modal{width:360px;max-width:calc(100vw - 32px);background:var(--panel);border-radius:18px;box-shadow:0 32px 80px #00000047,0 4px 16px #0000001f;padding:28px 28px 24px;display:flex;flex-direction:column;gap:20px;animation:rise .2s cubic-bezier(.3,.8,.3,1)}.auth-head{display:flex;align-items:center;justify-content:space-between}.auth-brand{display:flex;align-items:center;gap:10px}.auth-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:4px;cursor:pointer;color:var(--ink-3);border-radius:6px;line-height:0;transition:background .12s,color .12s}.auth-close:hover{background:var(--line);color:var(--ink)}.auth-tabs{display:flex;gap:2px;padding:3px;background:#f1ede4;border-radius:10px}.auth-tab{flex:1;padding:7px 10px;border-radius:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:500 13px Inter,sans-serif;color:var(--ink-2);cursor:pointer;transition:background .12s,color .12s}.auth-tab:hover{color:var(--ink)}.auth-tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #00000012}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.auth-input{border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:14px Inter,sans-serif;color:var(--ink);background:#fff;outline:none;transition:border-color .12s,box-shadow .12s;width:100%}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c9603a1f}.auth-error{margin:0;font-size:12.5px;color:#c4503a;line-height:1.4}.auth-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--ink);color:#fff;border-radius:9px;padding:10px 16px;font:600 13.5px Inter,sans-serif;cursor:pointer;transition:background .12s;width:100%;text-align:center}.auth-btn:hover:not(:disabled){background:#000}.auth-btn:disabled{opacity:.45;cursor:default}.auth-btn.primary{margin-top:4px}.auth-done{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:8px 0;color:var(--ink-2);font-size:13.5px;line-height:1.5}.auth-done svg{color:#5fa56a}.auth-done strong{color:var(--ink)}.topbar-user{display:flex;align-items:center;gap:6px;padding-left:10px;border-left:1px solid var(--line);margin-left:4px}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font:600 12px Inter,sans-serif;flex-shrink:0;cursor:default}