@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111;--paper:#fffdf7;--canvas:#f5f0e6;--yellow:#ffd84d;--cobalt:#6c72ff;--blue:#91b8ff;--mint:#a9e5c1;--orange:#ff704d;--line:#111;--muted:#555;--border:2px solid var(--ink);--shadow:5px 5px 0 var(--ink);background:#f5f0e6;font-family:Space Grotesk,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.app-shell{min-height:100vh}.topbar{border-bottom:var(--border);background:var(--paper);z-index:10;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-1.2px;text-transform:uppercase;align-items:center;gap:11px;font-size:25px;font-weight:700;text-decoration:none;display:flex}.brand-mark{border:var(--border);background:var(--yellow);width:41px;height:41px;box-shadow:3px 3px 0 var(--ink);place-items:center;display:grid}.top-actions,.primary-button,.secondary-button,.text-button{align-items:center;gap:8px;display:flex}.top-actions{gap:15px}.text-button{border-bottom:2px solid #0000;padding:9px 3px;font-size:13px;font-weight:600}.text-button:hover{border-color:var(--ink)}.primary-button,.secondary-button,.card-button{border:var(--border);background:var(--cobalt);color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:0;justify-content:center;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s}.primary-button{padding:11px 17px}.primary-button:hover,.secondary-button:hover,.card-button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.primary-button:active,.secondary-button:active,.card-button:active{box-shadow:none;transform:translate(4px,4px)}.primary-button:disabled,.secondary-button:disabled{opacity:.65;cursor:wait}.sync-button{background:var(--yellow);min-width:126px}.layout{grid-template-columns:246px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.sidebar{border-right:var(--border);background:var(--yellow);flex-direction:column;padding:27px 19px 22px;display:flex}.nav-item,.filter-item{text-align:left;border:2px solid #0000;align-items:center;gap:10px;width:100%;font-size:13px;display:flex}.nav-item{padding:11px 10px;font-weight:700}.nav-item.active{border-color:var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.nav-item span,.filter-item span:last-child{margin-left:auto;font:500 11px DM Mono,monospace}.sidebar-section{margin-top:34px}.sidebar-label{text-transform:uppercase;letter-spacing:1px;margin:0 10px 10px;font:500 10px DM Mono,monospace}.filter-item{padding:8px 10px}.filter-item:hover,.filter-item.active{text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.format-dot{border:1.5px solid var(--ink);background:var(--paper);flex:none;width:10px;height:10px}.format-dot.epub{background:var(--blue)}.format-dot.txt{background:var(--orange)}.device-card{border:var(--border);background:var(--mint);box-shadow:4px 4px 0 var(--ink);margin-top:auto;padding:14px}.device-topline{align-items:center;gap:9px;display:flex}.device-icon{border:2px solid var(--ink);background:var(--paper);place-items:center;width:34px;height:34px;display:grid}.device-topline>span:nth-child(2){flex-direction:column;gap:1px;min-width:0;display:flex}.device-topline strong{font-size:12px}.device-topline small{font:400 9px DM Mono,monospace}.status-dot{border:1.5px solid var(--ink);background:#aaa;width:9px;height:9px;margin-left:auto}.status-dot.ready{background:#2eb75f}.card-button{background:var(--paper);width:100%;box-shadow:3px 3px 0 var(--ink);margin-top:12px;padding:8px;font-size:11px}.folder-name{align-items:center;gap:5px;min-width:0;margin-top:11px;font:400 9px DM Mono,monospace;display:flex}.folder-name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.storage-summary{margin-top:23px}.storage-summary>span{text-transform:uppercase;justify-content:space-between;font:500 9px DM Mono,monospace;display:flex}.storage-summary>div{border:1.5px solid var(--ink);background:var(--paper);height:9px;margin:8px 0}.storage-summary i{background:var(--orange);min-width:4px;height:100%;display:block}.storage-summary small{font:400 8px DM Mono,monospace}.content{background-color:var(--canvas);background-image:linear-gradient(#11111113 1px,#0000 1px),linear-gradient(90deg,#11111113 1px,#0000 1px);background-size:24px 24px;min-width:0;padding:48px clamp(28px,5vw,70px) 80px}.content-heading{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1140px;margin:0 auto 33px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:1px;margin:0 0 7px;font:500 10px DM Mono,monospace!important}.eyebrow:before{content:"◆";color:var(--orange);margin-right:7px}h1,h2{color:var(--ink);margin-top:0;font-family:Space Grotesk,Arial,sans-serif;font-weight:700}.content-heading h1{letter-spacing:-4px;text-transform:uppercase;margin:0;font-size:clamp(44px,5vw,68px);line-height:.88}.content-heading p:last-child{margin:13px 0 0;font:400 12px DM Mono,monospace}.secondary-button{background:var(--blue);flex:none;padding:10px 14px}.toolbar{border:var(--border);background:var(--paper);max-width:1140px;box-shadow:4px 4px 0 var(--ink);justify-content:space-between;align-items:center;gap:14px;margin:0 auto 27px;padding:13px;display:flex}.search-box{align-items:center;gap:9px;width:min(390px,100%);display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font:400 11px DM Mono,monospace}.search-box input::placeholder{color:#626262}.search-box button{padding:2px}.sort-button{text-transform:uppercase;align-items:center;gap:5px;font:500 10px DM Mono,monospace;display:flex}.sort-button:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.selection-bar{border:var(--border);background:var(--cobalt);max-width:1140px;box-shadow:3px 3px 0 var(--ink);align-items:center;gap:13px;margin:-9px auto 24px;padding:10px 12px;font:500 10px DM Mono,monospace;display:flex}.selection-bar span,.selection-bar .danger-button{align-items:center;gap:5px;font-weight:700;display:flex}.selection-bar button:hover{text-decoration:underline}.selection-bar .danger-button{margin-left:auto}.book-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:38px 27px;max-width:1140px;margin:0 auto;display:grid}.book-card{min-width:0}.cover-button{border:var(--border);text-align:left;width:100%;box-shadow:7px 7px 0 var(--ink);padding:0;transition:transform .12s,box-shadow .12s;display:block;position:relative}.cover-button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(3px,3px)}.book-cover{aspect-ratio:3/4.35;object-fit:cover;background:#ddd;width:100%;display:block}.generated-cover{color:var(--ink);flex-direction:column;justify-content:space-between;padding:21px 15px 17px;display:flex;position:relative;overflow:hidden}.generated-cover:before{content:"";border:2px solid var(--ink);width:90px;height:90px;box-shadow:0 0 0 14px #ffffff4d, 0 0 0 16px var(--ink), 0 0 0 30px #ffffff2e;border-radius:50%;position:absolute;top:-29px;right:-29px}.generated-cover:after{content:"";background:var(--ink);width:2px;position:absolute;top:0;bottom:0;left:13px}.generated-cover span{z-index:1;letter-spacing:-1px;text-transform:uppercase;margin-top:38%;font-size:clamp(16px,1.6vw,22px);font-weight:700;line-height:.98;position:relative}.generated-cover small{z-index:1;text-align:right;text-transform:uppercase;align-self:flex-end;max-width:58%;font:500 8px DM Mono,monospace;position:relative}.generated-cover.sage{background:var(--mint)}.generated-cover.clay{background:var(--orange)}.generated-cover.ink{background:var(--blue)}.generated-cover.ochre{background:var(--yellow)}.select-indicator{z-index:2;border:2px solid var(--ink);background:var(--paper);opacity:0;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:8px;right:8px}.cover-button:hover .select-indicator,.book-card.selected .select-indicator{opacity:1}.book-card.selected .select-indicator{background:var(--cobalt)}.book-card.selected .cover-button{box-shadow:7px 7px 0 var(--cobalt), 10px 10px 0 var(--ink)}.format-badge{z-index:2;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);padding:4px 6px;font:500 8px DM Mono,monospace;position:absolute;bottom:9px;left:9px}.book-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:16px 0 3px;font-size:15px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.book-card>p{white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font:400 9px DM Mono,monospace;overflow:hidden}.book-card>small{font:400 8px DM Mono,monospace}.empty-state{border:var(--border);background:var(--paper);max-width:650px;box-shadow:9px 9px 0 var(--ink);text-align:center;margin:64px auto 0;padding:35px}.empty-state h2{letter-spacing:-2px;text-transform:uppercase;margin:0;font-size:38px;line-height:1}.empty-state>p:not(.eyebrow){max-width:430px;margin:13px auto 24px;font:400 11px/1.65 DM Mono,monospace}.empty-state .primary-button{margin:0 auto}.empty-illustration{border-bottom:3px solid var(--ink);width:180px;height:132px;margin:0 auto 27px;position:relative}.book-spine{border:2px solid var(--ink);box-shadow:3px 0 0 var(--ink);border-bottom:0;display:block;position:absolute;bottom:0}.spine-one{background:var(--orange);transform-origin:bottom;width:29px;height:94px;left:39px;transform:rotate(-4deg)}.spine-two{background:var(--blue);width:35px;height:111px;left:76px}.spine-three{background:var(--yellow);transform-origin:bottom;width:25px;height:84px;left:120px;transform:rotate(6deg)}.book-spine:after{content:"";background:var(--ink);height:2px;box-shadow:0 7px var(--ink);position:absolute;top:14px;left:4px;right:4px}.leaf{border:2px solid var(--ink);background:var(--mint);border-radius:100% 0;width:28px;height:13px;display:block;position:absolute}.leaf-one{bottom:20px;left:15px;transform:rotate(26deg)}.leaf-two{bottom:27px;right:7px;transform:rotate(145deg)}.no-results,.loading-state{border:var(--border);background:var(--paper);max-width:650px;box-shadow:var(--shadow);text-align:center;margin:70px auto;padding:30px;font:400 11px DM Mono,monospace}.no-results h2{margin:12px 0 4px;font-size:23px}.no-results p{margin:0}.loading-state{justify-content:center;align-items:center;gap:10px;display:flex}.drop-overlay{z-index:40;border:4px dashed var(--ink);background:#ffd84df5;place-items:center;display:grid;position:fixed;inset:14px}.drop-overlay>div{border:var(--border);background:var(--paper);box-shadow:8px 8px 0 var(--ink);text-align:center;padding:36px}.drop-overlay h2{text-transform:uppercase;margin:12px 0 3px;font-size:30px}.drop-overlay p{margin:0;font:400 10px DM Mono,monospace}.toast{z-index:50;border:var(--border);background:var(--ink);color:#fff;max-width:min(560px,100vw - 32px);box-shadow:5px 5px 0 var(--orange);align-items:center;gap:8px;padding:11px 16px;font:500 11px DM Mono,monospace;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.toast.error{background:var(--orange);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.toast.neutral{background:var(--blue);color:var(--ink)}.spinner{border:2px solid #1111114d;border-top-color:var(--ink);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.spinner.dark{border-color:#aaa;border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:60;background:#11111194;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guide-modal{border:3px solid var(--ink);background:var(--paper);width:min(580px,100%);box-shadow:10px 10px 0 var(--cobalt);padding:38px;position:relative}.modal-close{border:var(--border);background:var(--yellow);width:34px;height:34px;box-shadow:3px 3px 0 var(--ink);place-items:center;display:grid;position:absolute;top:15px;right:15px}.guide-modal h2{letter-spacing:-2px;text-transform:uppercase;margin:0 0 26px;font-size:36px;line-height:.95}.guide-steps{gap:12px;display:grid}.guide-steps>div{border:var(--border);background:#fff;grid-template-columns:31px 1fr;column-gap:12px;padding:12px;display:grid}.guide-steps span{border:2px solid var(--ink);background:var(--blue);grid-row:1/3;place-items:center;width:27px;height:27px;font:700 11px DM Mono,monospace;display:grid}.guide-steps strong{font-size:13px}.guide-steps p{margin:3px 0 0;font:400 9px/1.5 DM Mono,monospace}.wireless-note{border:var(--border);background:var(--mint);gap:12px;margin-top:17px;padding:14px;display:flex}.wireless-note svg{flex:none;margin-top:2px}.wireless-note strong{font-size:12px}.wireless-note p{margin:3px 0 0;font:400 9px/1.5 DM Mono,monospace}.modal-action{width:100%;margin-top:18px}@media (width<=760px){.topbar{height:66px;padding:0 15px}.brand{font-size:20px}.brand-mark{width:36px;height:36px}.text-button{display:none}.layout{display:block}.sidebar{display:none}.content{min-height:calc(100vh - 66px);padding:34px 18px 60px}.content-heading{align-items:center}.content-heading h1{letter-spacing:-3px;font-size:43px}.content-heading p:last-child{display:none}.secondary-button{width:43px;height:43px;padding:0;font-size:0}.secondary-button svg{width:18px;height:18px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 19px}.sort-button{display:none}.empty-state{box-shadow:6px 6px 0 var(--ink);margin-top:35px;padding:25px 18px 29px}.empty-state h2{font-size:31px}.empty-illustration{margin:-8px auto 12px;transform:scale(.82)}.guide-modal{box-shadow:7px 7px 0 var(--cobalt);padding:33px 20px 24px}.guide-modal h2{font-size:30px}.sync-button{min-width:auto;padding:10px 11px}}