:root{color:#22221f;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f8f7f2;--surface:#fffefa;--ink:#22221f;--muted:#77756e;--line:#ddd9cf;--accent:#b94f38;--accent-dark:#8d3827;--shadow:0 20px 60px #2927201f;--glass-blur:blur(24px) saturate(165%);--glass-blur-strong:blur(36px) saturate(180%);--glass-bg:#fffefa2e;--glass-bg-strong:#fffefa4d;--glass-border:#ffffff94;--glass-sheen:linear-gradient(135deg, #ffffff94, #ffffff14 46%, #ffffff05);--glass-inset:inset 0 1px 0 #ffffffc7, inset 0 -1px 0 #22221f0a;--glass-shadow:0 22px 56px #29272038, 0 4px 14px #29272014;--radius-xl:28px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--writer-header-height:64px;--page-bar-height:68px;background:#eceae4;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}.writer-shell,.writer-shell *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.writer-shell input,.writer-shell textarea,.writer-shell select{-webkit-user-select:text;user-select:text}.writer-header,.tool-palette,.page-bar{touch-action:manipulation}button,select,input,textarea{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #b94f3847}button:disabled{opacity:.38;cursor:default}.primary-button,.secondary-button,.icon-button{cursor:pointer;border:0;border-radius:12px;min-height:42px;padding:0 17px;font-weight:600;transition:transform .16s,background .16s,box-shadow .16s}.primary-button{color:#fff;background:var(--accent);box-shadow:0 7px 18px #8d38272e}.primary-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.secondary-button{background:var(--glass-sheen), #f1efe84d;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(150%);box-shadow:0 8px 22px #2927201a, var(--glass-inset)}.secondary-button:hover{background:var(--glass-sheen), #e9e5dc7a;box-shadow:0 11px 27px #29272024, var(--glass-inset)}.icon-button{background:0 0;width:42px;padding:0;font-size:27px}.icon-button:hover{background:#22221f0f}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.spinner{border:2px solid #c8c4ba;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.library-shell{isolation:isolate;background:#f3f1eb;grid-template-columns:252px 1fr;min-height:100dvh;display:grid;position:relative;overflow:hidden}.library-shell:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 76% 10%,#b94f3829,#0000 31%),radial-gradient(circle at 22% 82%,#2927201a,#0000 34%);position:fixed;inset:-18%}.library-sidebar{padding:calc(27px + var(--safe-top)) 20px calc(22px + var(--safe-bottom)) calc(20px + var(--safe-left));color:#f7f4ec;background:#292925;flex-direction:column;display:flex}.brand{align-items:center;gap:12px;padding:0 6px 28px;display:flex}.brand-mark{color:#e3846c;border:1px solid #5e5c54;border-radius:13px;place-items:center;width:42px;height:42px;font-size:28px;display:grid}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:22px}.brand small{color:#aaa79e;margin-top:2px;font-size:11px}.library-sidebar nav{gap:5px;display:grid}.library-sidebar nav button{color:#d8d5cd;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 12px}.library-sidebar nav button span{color:#aaa79e;width:26px;font-size:17px;display:inline-block}.library-sidebar nav button:hover,.library-sidebar nav button.active{color:#fff;background:#3a3934}.nav-label{color:#8f8d85;letter-spacing:.13em;text-transform:uppercase;margin:22px 12px 5px;font-size:10px;font-weight:700}.sidebar-action{color:#f5f2ea;background:#3a3934;border-color:#4a4943;margin-top:19px}.connection-state{color:#9d9a92;align-items:center;gap:8px;margin-top:auto;padding:14px 7px 0;font-size:11px;display:flex}.connection-state>span{background:#d08166;border-radius:50%;width:7px;height:7px}.connection-state>span.online{background:#85a879}.library-content{min-width:0;padding:calc(48px + var(--safe-top)) calc(clamp(30px, 5vw, 74px) + var(--safe-right)) calc(48px + var(--safe-bottom)) clamp(30px, 5vw, 74px);height:100dvh;overflow-y:auto}.library-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px;display:flex}.library-header h1{margin:0;font-family:Georgia,serif;font-size:clamp(36px,4vw,50px);line-height:.95}.header-actions{gap:10px;display:flex}.library-search{align-items:center;gap:10px;margin-bottom:24px;display:flex}.library-search input{width:min(100%,560px);min-height:46px;color:var(--ink);border:1px solid var(--glass-border);background:var(--glass-sheen), var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 12px 30px #2927201a, var(--glass-inset);border-radius:14px;padding:0 16px}.notebook-grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:34px 28px;display:grid}.notebook-card{min-width:0}.notebook-cover{aspect-ratio:4/5;color:#8a392a;cursor:pointer;background:linear-gradient(140deg,#dc8069,#bd5640 75%);border:0;border-radius:5px 15px 15px 5px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 26px #4f2b222b,inset 4px 0 #5c261c33}.notebook-cover:after{content:"";opacity:.18;background-image:repeating-linear-gradient(110deg,#0000 0 7px,#ffffff29 8px,#0000 9px);position:absolute;inset:0}.notebook-cover:hover{transform:translateY(-3px)rotate(-.4deg);box-shadow:0 19px 33px #4f2b2238}.binding{z-index:2;background:#66231842;width:2px;position:absolute;top:0;bottom:0;left:12px}.cover-scribble{z-index:2;color:#ffffffb8;font-size:52px;position:relative}.notebook-meta{z-index:3;border:1px solid var(--glass-border);background:var(--glass-sheen), var(--glass-bg-strong);-webkit-backdrop-filter:blur(18px)saturate(150%);box-shadow:0 10px 24px #2927201a, var(--glass-inset);border-radius:13px;margin:-9px 7px 0;padding:14px 12px 11px;position:relative}.title-button{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;max-width:100%;padding:0;font-weight:700;overflow:hidden}.notebook-meta p{color:var(--muted);margin:5px 0 9px;font-size:11px}.tag-list{flex-wrap:wrap;gap:5px;margin-bottom:9px;display:flex}.tag-chip{min-height:25px;color:var(--accent-dark);cursor:pointer;background:#fffefa57;border:1px solid #b94f382e;border-radius:999px;padding:0 8px;font-size:10px}.card-actions{opacity:0;gap:5px;transition:opacity .15s;display:flex}.notebook-card:hover .card-actions,.notebook-card:focus-within .card-actions{opacity:1}.card-actions button,.card-actions select{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);height:28px;box-shadow:var(--glass-inset);background:#fffefaa6;border-radius:7px;font-size:11px}.card-actions button{cursor:pointer;width:30px}.card-actions select{flex:1;min-width:0}.empty-state{min-height:200px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.empty-state.large{text-align:center;flex-direction:column;min-height:55vh}.empty-state h2{color:var(--ink);margin:3px 0 0;font-family:Georgia,serif;font-size:29px}.empty-state p{margin:0 0 12px}.empty-icon{color:#c46b55;font-size:62px}.writer-shell{isolation:isolate;background:radial-gradient(circle at 82% 4%,#fffefac7,#0000 32%),radial-gradient(circle at 14% 88%,#b94f381c,#0000 36%),#dddcd7;height:100dvh;min-height:0;position:relative;overflow:hidden}.writer-header{height:calc(var(--writer-header-height) + var(--safe-top));z-index:10;padding:var(--safe-top) calc(18px + var(--safe-right)) 0 calc(18px + var(--safe-left));background:var(--glass-sheen), var(--glass-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:0 14px 38px #29272024, var(--glass-inset);grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid;position:absolute;top:0;left:0;right:0}.writer-left-actions,.writer-actions{align-items:center;gap:8px;display:flex}.writer-actions{justify-content:flex-end;min-width:0}.writer-actions select,.input-profile-badge{border:1px solid var(--glass-border);background:var(--glass-sheen), #f5f3ed4d;-webkit-backdrop-filter:blur(18px)saturate(150%);min-height:40px;box-shadow:var(--glass-inset);border-radius:10px;padding:0 11px}.input-profile-badge{color:var(--ink);white-space:nowrap;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.stylus-only-toggle{border:1px solid var(--glass-border);background:var(--glass-sheen), #f5f3ed4d;-webkit-backdrop-filter:blur(18px)saturate(150%);min-height:40px;box-shadow:var(--glass-inset);color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;display:flex}.stylus-only-toggle input{margin:0}.writing-zoom-control{color:var(--muted);align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.writing-zoom-control select{min-height:34px;padding:0 7px}.palette-side-toggle{border:1px solid var(--glass-border);background:var(--glass-sheen), #f5f3ed4d;min-height:40px;color:var(--muted);box-shadow:var(--glass-inset);cursor:pointer;white-space:nowrap;border-radius:10px;padding:0 10px;font-size:11px;font-weight:600}.header-action-button{white-space:nowrap;letter-spacing:.01em;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:11px;display:inline-flex}.action-glyph{width:18px;height:18px;color:var(--accent-dark);background:#b94f3817;border-radius:6px;place-items:center;font-size:14px;line-height:1;display:grid}.document-title strong,.document-title small{text-overflow:ellipsis;white-space:nowrap;max-width:230px;display:block;overflow:hidden}.document-title strong{font-size:14px}.document-title small{color:var(--muted);margin-top:2px;font-size:9px}.mode-switch{background:var(--glass-sheen), #eceae347;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(150%);box-shadow:var(--glass-inset);border-radius:11px;padding:3px;display:flex}.mode-switch button{min-height:33px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:12px;font-weight:600}.mode-switch button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #22221f14}.workspace{position:absolute;inset:0;overflow:hidden}.tool-palette{left:0;top:calc(var(--writer-header-height) + var(--safe-top));bottom:calc(var(--page-bar-height) + var(--safe-bottom));width:calc(88px + var(--safe-left));z-index:5;padding:16px 10px 16px calc(10px + var(--safe-left));background:var(--glass-sheen), var(--glass-bg);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:14px 0 38px #2927201f, var(--glass-inset);flex-direction:column;align-items:stretch;gap:4px;display:flex;position:absolute;overflow-y:auto}.tool-palette.palette-right{width:calc(88px + var(--safe-right));padding-right:calc(10px + var(--safe-right));border-right:0;border-left:1px solid var(--glass-border);box-shadow:-14px 0 38px #2927201f, var(--glass-inset);padding-left:10px;left:auto;right:0}.tool-palette button{cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;display:flex}.tool-palette button span{font-size:22px;line-height:1}.tool-palette button small{color:var(--muted);font-size:8px}.tool-palette button:hover,.tool-palette button.active{background:var(--glass-sheen), #e7e3da75;box-shadow:var(--glass-inset)}.tool-palette button.active{color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.tool-palette.palette-right button.active{box-shadow:inset -3px 0 0 var(--accent)}.palette-rule{background:#dcd8cf;height:1px;margin:5px 7px}.ruler-units{justify-content:center;gap:3px;padding:2px 0;display:flex}.tool-palette .ruler-units button{border-radius:8px;width:30px;min-height:26px;padding:0;font-size:10px}.eraser-panel{z-index:30;top:calc(var(--safe-top) + var(--writer-header-height) + 18px);left:calc(var(--safe-left) + 100px);border:1px solid var(--glass-border);background:var(--glass-sheen), #f8f6f1f5;width:252px;box-shadow:0 14px 40px #2927202e, var(--glass-inset);border-radius:14px;gap:10px;padding:12px 14px;display:grid;position:absolute}.workspace.left-handed .eraser-panel{left:auto;right:calc(var(--safe-right) + 100px)}.eraser-panel header{justify-content:space-between;align-items:center;display:flex}.eraser-panel-row{color:var(--muted);gap:6px;font-size:12px;display:grid}.eraser-panel-row[role=radiogroup]{grid-template-columns:1fr 1fr}.eraser-panel-row button{border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:10px;min-height:34px;font-size:11px}.eraser-panel-row button.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.eraser-sizes{gap:6px;display:flex}.eraser-sizes button{border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:10px;place-items:center;width:38px;min-height:38px;display:grid}.eraser-sizes button span{border:1.5px solid #783e32cc;border-radius:50%;display:block}.eraser-sizes button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.eraser-panel input[type=range]{width:100%;accent-color:var(--accent)}.eraser-panel-toggle{align-items:center;gap:8px;min-height:30px;font-size:12px;display:flex}.eraser-panel-toggle input{width:16px;height:16px;accent-color:var(--accent)}.ink-colors{flex-wrap:wrap;justify-content:center;gap:7px;padding:4px 0;display:flex}.tool-palette .ink-colors button{border:1px solid #22221f3d;border-radius:50%;width:22px;height:22px;min-height:22px;padding:0;box-shadow:0 2px 5px #22221f29}.tool-palette .ink-colors button.active{outline:2px solid var(--accent-dark);outline-offset:2px;box-shadow:none}.width-presets{justify-content:center;gap:3px;padding-top:5px;display:flex}.tool-palette .width-presets button{width:21px;min-height:28px;padding:0;font-size:9px}.stroke-correction-control{color:var(--muted);text-align:center;gap:4px;padding:5px 4px;font-size:9px;display:grid}.stroke-correction-control select{border:1px solid var(--glass-border);background:0 0;border-radius:8px;width:100%;min-height:28px;font-size:10px}.width-control{place-items:center;gap:10px;padding:7px 0;display:grid}.width-preview{background:var(--ink);border-radius:50%;max-width:24px;max-height:24px;display:block}.width-control input{width:60px;accent-color:var(--accent)}.page-viewport{padding:calc(var(--safe-top) + var(--writer-header-height) + 24px) calc(var(--safe-right) + clamp(24px, 5vw, 70px)) calc(var(--safe-bottom) + var(--page-bar-height) + 24px) calc(var(--safe-left) + 88px + clamp(24px, 4vw, 56px));overscroll-behavior:contain;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;overflow:auto}.workspace.left-handed .page-viewport{padding-left:calc(var(--safe-left) + clamp(24px, 5vw, 70px));padding-right:calc(var(--safe-right) + 88px + clamp(24px, 4vw, 56px))}.page-stage{background:var(--paper);touch-action:none;-webkit-touch-callout:none;flex:none;width:min(100%,75vh - 135px);max-width:768px;position:relative;overflow:hidden;box-shadow:0 14px 50px #2d2c262b}.page-stage.zoom-150{width:min(150%,112.5vh - 202.5px);max-width:1152px}.canvas-layer{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.ink-canvas{z-index:2;touch-action:none}.live-ink-canvas{z-index:3;pointer-events:none}.prediction-overlay{z-index:4;pointer-events:none}.ink-overlay{z-index:5;pointer-events:none}.page-stage.is-reading .ink-canvas{touch-action:pan-x pan-y pinch-zoom}.page-loading{color:var(--muted);align-items:center;gap:10px;margin:auto;display:flex}.page-bar{min-height:calc(var(--page-bar-height) + var(--safe-bottom));z-index:8;padding:7px calc(14px + var(--safe-right)) calc(7px + var(--safe-bottom)) calc(14px + var(--safe-left));background:var(--glass-sheen), var(--glass-bg);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 -14px 38px #29272021, var(--glass-inset);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.page-format-controls,.page-navigation,.page-actions{align-items:center;gap:7px;min-width:0;display:flex}.page-navigation{justify-content:center}.page-actions{justify-content:flex-end}.page-format-controls label{min-width:0;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:2px;font-size:8px;font-weight:700;display:grid}.page-format-controls select,.page-actions select{min-width:0;max-width:170px;height:34px;color:var(--ink);border:1px solid var(--glass-border);background:var(--glass-sheen), #f5f3ed57;-webkit-backdrop-filter:blur(16px)saturate(150%);box-shadow:var(--glass-inset);border-radius:10px;padding:0 9px;font-size:10px}.pdf-format-badge{border:1px solid var(--glass-border);background:var(--glass-bg-strong);color:var(--muted);border-radius:10px;padding:8px 10px;font-size:10px}.page-indicator{cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;min-width:108px;padding:4px 14px;font-weight:700;display:flex}.page-indicator:hover{background:#efede6}.page-indicator span{color:var(--muted);margin-top:2px;font-size:8px;font-weight:500}.page-bar .secondary-button{min-height:36px;padding:0 11px;font-size:10px}.immersive-controls{z-index:24;top:calc(8px + var(--safe-top));left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));pointer-events:none;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;display:grid;position:absolute}.immersive-controls button,.immersive-status{pointer-events:auto;background:var(--glass-sheen), #f8f7f2a8;-webkit-backdrop-filter:blur(22px)saturate(160%);box-shadow:0 8px 28px #23221e26, var(--glass-inset);border:1px solid #ffffff9e}.immersive-controls button{min-height:42px;color:var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:6px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.immersive-controls button span{font-size:20px;line-height:1}.immersive-status{text-align:center;border-radius:13px;justify-self:center;gap:1px;max-width:min(280px,42vw);padding:7px 14px;display:grid}.immersive-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.immersive-status span{color:var(--muted);font-size:8px}.immersive-writing .writer-header,.immersive-writing>.page-bar{opacity:0;visibility:hidden;pointer-events:none}.immersive-writing .page-viewport,.immersive-writing .workspace.left-handed .page-viewport{padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px);align-items:flex-start}.immersive-writing .page-stage{width:min(100%, calc((100dvh - var(--safe-top) - var(--safe-bottom) - 16px) * .75));max-width:none;box-shadow:0 5px 28px #23221e24}.immersive-writing .page-stage.zoom-150{width:min(150%, calc((100dvh - var(--safe-top) - var(--safe-bottom) - 16px) * 1.125));max-width:none}.immersive-writing .tool-palette{z-index:30;top:calc(58px + var(--safe-top));bottom:calc(10px + var(--safe-bottom));width:calc(88px + var(--safe-left));opacity:0;visibility:hidden;border-radius:0 20px 20px 0;transition:transform .18s,opacity .18s,visibility .18s;transform:translate(-110%)}.immersive-writing .tool-palette.palette-right{width:calc(88px + var(--safe-right));border-radius:20px 0 0 20px;transform:translate(110%)}.immersive-writing .tool-palette.immersive-open{opacity:1;visibility:visible;transform:translate(0)}.tool-palette .palette-close{min-height:38px;color:var(--muted)}.immersive-scrim{z-index:29;-webkit-backdrop-filter:blur(2px);cursor:default;background:#1e1d1a14;border:0;position:absolute;inset:0}.immersive-pager{z-index:24;left:50%;bottom:calc(9px + var(--safe-bottom));background:var(--glass-sheen), #f8f7f2ad;-webkit-backdrop-filter:blur(22px)saturate(160%);box-shadow:0 8px 28px #23221e2b, var(--glass-inset);border:1px solid #ffffff9e;border-radius:16px;align-items:stretch;padding:3px;display:flex;position:absolute;transform:translate(-50%)}.immersive-pager button{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;min-width:43px;min-height:42px;padding:0 10px;display:grid}.immersive-pager button:nth-child(2){min-width:78px}.immersive-pager button:hover{background:#ffffff75}.immersive-pager strong,.immersive-pager span{display:block}.immersive-pager strong{font-size:11px}.immersive-pager span{color:var(--muted);font-size:8px}.error-banner{color:#762e20;background:#f4d8d0;border:1px solid #e9b8ab;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:13px 15px;font-size:12px;display:flex}.error-banner button{cursor:pointer;background:0 0;border:0;font-size:20px}.error-banner.floating{z-index:80;right:calc(18px + var(--safe-right));bottom:calc(var(--page-bar-height) + 7px + var(--safe-bottom));max-width:440px;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow), var(--glass-inset);background:#f4d8d0c7;border-color:#ffffff80;margin:0;position:fixed}.progress-toast{z-index:70;right:calc(18px + var(--safe-right));bottom:calc(var(--page-bar-height) + 7px + var(--safe-bottom));-webkit-backdrop-filter:var(--glass-blur);color:#fff;box-shadow:var(--glass-shadow);background:#292725bd;border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:10px;padding:13px 17px;font-size:12px;display:flex;position:fixed}.modal-backdrop{z-index:100;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));-webkit-backdrop-filter:blur(14px)saturate(120%);background:#1c1c196b;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(640px,100%);max-height:min(760px, calc(100vh - 48px - var(--safe-top) - var(--safe-bottom)));max-height:min(760px, calc(100dvh - 48px - var(--safe-top) - var(--safe-bottom)));border-radius:var(--radius-xl);background:var(--glass-sheen), var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:var(--glass-shadow), var(--glass-inset);padding:25px;overflow:auto}.modal>header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal h2{margin:0;font-family:Georgia,serif;font-size:30px}.handedness-onboarding{text-align:center;width:min(510px,100%)}.handedness-onboarding>p:not(.eyebrow):not(.onboarding-error){max-width:390px;color:var(--muted);margin:13px auto 22px;font-size:14px;line-height:1.55}.handedness-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.handedness-choices button{min-height:88px;padding:12px;font-size:13px}.handedness-choices span{opacity:.82;margin-top:5px;font-size:10px;font-weight:500;display:block}.onboarding-error{color:#8d3827;margin:14px 0 0;font-size:11px}.calibration-modal{width:min(760px,100%)}.calibration-intro{color:var(--muted);margin:-6px 0 16px;font-size:13px;line-height:1.5}.calibration-pad{touch-action:none;cursor:crosshair;background:repeating-linear-gradient(0deg,#7591aa2e 0 1px,#0000 1px 42px),linear-gradient(135deg,#ffffffd1,#ecdccdb8);border:1px solid #8d382742;border-radius:17px;width:100%;height:230px;display:block}.calibration-pad-wrap{position:relative}.latency-target{border:2px solid var(--accent);width:42px;height:42px;color:var(--accent);pointer-events:none;background:#ffffff94;border-radius:50%;place-items:center;display:grid;position:absolute;top:30px;right:38px}.calibration-stats{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.calibration-stats span,.calibration-result{border:1px solid var(--glass-border);color:var(--muted);background:#ffffff6b;border-radius:8px;padding:6px 8px;font-size:10px}.calibration-result{color:var(--ink);gap:3px;margin-top:10px;display:grid}.calibration-result span{color:var(--muted)}.calibration-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:18px;font-size:10px;display:flex}.page-overview{width:min(760px,100%)}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:18px;margin-bottom:22px;display:grid}.overview-grid article{border:1px solid #0000;border-radius:11px;padding:8px;position:relative}.overview-grid article.current{background:#fbede9;border-color:#d47a63}.page-miniature{aspect-ratio:3/4;cursor:pointer;background:#f8f7f2;border:1px solid #d8d5cc;place-items:center;width:100%;display:grid;box-shadow:0 5px 12px #22221f14}.page-miniature span{color:#b5b1a8;font-size:25px}.page-miniature.template-grid-small{background-image:repeating-linear-gradient(#c7d7e8 0 1px,#0000 1px 9px),repeating-linear-gradient(90deg,#c7d7e8 0 1px,#0000 1px 9px)}.page-miniature.template-grid-margin{background-image:linear-gradient(90deg,#0000 0 18%,#e59a94 18% calc(18% + 1px),#0000 calc(18% + 1px)),repeating-linear-gradient(#c7d7e8 0 1px,#0000 1px 9px),repeating-linear-gradient(90deg,#c7d7e8 0 1px,#0000 1px 9px)}.page-miniature.template-grid-large{background-image:repeating-linear-gradient(#c7d7e8 0 1px,#0000 1px 17px),repeating-linear-gradient(90deg,#c7d7e8 0 1px,#0000 1px 17px)}.page-miniature.template-lined{background-image:repeating-linear-gradient(#0000 0 12px,#c7d7e8 12px 13px)}.page-miniature.template-seyes{background-image:repeating-linear-gradient(#0000 0 3px,#d4d9ec 3px 4px),repeating-linear-gradient(#0000 0 15px,#bfc4e0 15px 16px)}.page-miniature.template-dotted{background-image:radial-gradient(#c6c6bf 1px,#0000 1px);background-size:10px 10px}.page-miniature.template-blank-margin{background-image:linear-gradient(90deg,#0000 0 18%,#e59a94 18% calc(18% + 1px),#0000 calc(18% + 1px))}.page-miniature.template-planner-daily{background-image:linear-gradient(#c7d7e8 0 1px,#0000 1px),repeating-linear-gradient(#0000 0 15px,#d9d8d1 15px 16px);background-size:100% 22%,100% 16px}.page-miniature.template-planner-weekly{background-image:repeating-linear-gradient(90deg,#0000 0 calc(33.333% - 1px),#c7d7e8 calc(33.333% - 1px) 33.333%),linear-gradient(#c7d7e8 0 1px,#0000 1px);background-size:100% 100%,100% 18%}.page-miniature.template-planner-monthly{background-image:repeating-linear-gradient(90deg,#0000 0 calc(14.285% - 1px),#c7d7e8 calc(14.285% - 1px) 14.285%),repeating-linear-gradient(#0000 0 calc(16.666% - 1px),#c7d7e8 calc(16.666% - 1px) 16.666%)}.page-miniature.template-todo{background-image:radial-gradient(circle,#0000 0 3px,#c7d7e8 3px 4px,#0000 4px),repeating-linear-gradient(#0000 0 16px,#d9d8d1 16px 17px);background-position:8px 8px,0 0;background-size:16px 17px,100% 17px}.page-miniature.template-music{background-image:repeating-linear-gradient(#0000 0 4px,#9da5ad 4px 5px,#0000 5px 9px);background-size:100% 45px}.page-miniature.template-storyboard{background-image:repeating-linear-gradient(90deg,#0000 0 calc(50% - 3px),#c7c8c2 calc(50% - 3px) calc(50% + 3px),#0000 calc(50% + 3px)),repeating-linear-gradient(#0000 0 calc(33.333% - 3px),#c7c8c2 calc(33.333% - 3px) calc(33.333% + 3px),#0000 calc(33.333% + 3px))}.page-miniature.template-isometric{background-image:repeating-linear-gradient(30deg,#0000 0 11px,#d5d9dc 11px 12px),repeating-linear-gradient(150deg,#0000 0 11px,#d5d9dc 11px 12px),repeating-linear-gradient(90deg,#0000 0 19px,#e2e4e5 19px 20px)}.template-select{border:1px solid var(--line);background:var(--surface);border-radius:7px;width:100%;min-height:28px;margin-top:6px;font-size:11px}.overview-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.overview-footer select{border:1px solid var(--line);background:#f5f3ed;border-radius:10px;min-height:40px;padding:0 10px}.divider-card{border:1px dashed var(--line);background:#faf9f4;border-radius:11px;gap:7px;padding:8px;display:grid}.divider-tab{aspect-ratio:3/1.4;color:#fff;text-align:left;cursor:pointer;border:0;border-radius:9px 16px 16px 9px;align-content:center;gap:2px;width:100%;padding:0 12px;display:grid;box-shadow:0 5px 12px #22221f24}.divider-tab strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.divider-tab span{opacity:.85;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.divider-colors{gap:4px;display:flex}.divider-colors button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0}.divider-colors button.active{border-color:var(--ink)}.divider-actions{gap:5px;display:flex}.divider-actions button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:7px;flex:1;min-height:26px;font-size:10px}.overview-grid article>div{margin-top:8px;display:grid}.overview-grid article strong{font-size:11px}.overview-grid article span{color:var(--muted);font-size:8px}.reorder-actions{gap:3px;position:absolute;top:12px;right:12px;display:flex!important}.reorder-actions button{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff8c;border-radius:6px;width:25px;height:25px}.ocr-modal textarea{resize:vertical;border:1px solid var(--line);background:#faf9f5;border-radius:12px;width:100%;min-height:280px;padding:15px;line-height:1.55}.modal-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:16px;font-size:11px;display:flex}.ocr-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:280px;display:flex}.ocr-loading progress{width:min(320px,90%);accent-color:var(--accent)}.ocr-loading p{max-width:390px;color:var(--muted);margin:0;font-size:11px;line-height:1.5}@media (width<=1180px){.input-profile-badge{display:none}.writer-header{gap:10px;padding-inline:12px}.writer-actions{gap:5px}}@media (width<=980px){.writer-header{grid-template-columns:1fr auto}.mode-switch{display:none}.header-action-button{min-width:68px;padding-inline:8px}.document-title strong,.document-title small{max-width:155px}.page-actions .secondary-button:nth-of-type(2),.page-actions select{display:none}.page-format-controls select{max-width:145px}}@media (width<=700px){:root{--writer-header-height:58px;--page-bar-height:62px}body{overflow:auto}.library-shell{grid-template-columns:1fr}.library-sidebar{min-height:auto;padding:calc(14px + var(--safe-top)) calc(17px + var(--safe-right)) 14px calc(17px + var(--safe-left))}.brand{padding-bottom:10px}.library-sidebar nav,.sidebar-action{display:none}.connection-state{margin:0;position:absolute;top:22px;right:17px}.library-content{height:auto;min-height:calc(100dvh - 70px);padding:29px calc(20px + var(--safe-right)) calc(60px + var(--safe-bottom)) calc(20px + var(--safe-left))}.library-header{align-items:flex-start;margin-bottom:28px}.header-actions{flex-direction:column-reverse}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.card-actions{opacity:1}.writer-header{padding:var(--safe-top) calc(8px + var(--safe-right)) 0 calc(8px + var(--safe-left))}.writing-zoom-control,.input-profile-badge{display:none}.stylus-only-toggle{justify-content:center;width:38px;padding:0}.stylus-only-toggle span{display:none}.writer-actions{scrollbar-width:none;overflow-x:auto}.writer-actions::-webkit-scrollbar{display:none}.header-action-button{gap:4px;min-width:62px;padding-inline:7px;font-size:9px}.action-glyph{width:16px;height:16px;font-size:12px}.palette-side-toggle{color:#0000;width:40px;padding:0;position:relative;overflow:hidden}.palette-side-toggle:after{content:"↔";color:var(--muted);place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.tool-palette{width:calc(68px + var(--safe-left));padding:8px 5px 8px calc(5px + var(--safe-left))}.tool-palette.palette-right{width:calc(68px + var(--safe-right));padding-right:calc(5px + var(--safe-right));padding-left:5px}.tool-palette button{min-height:49px}.tool-palette button small{display:none}.width-control input{width:45px}.page-viewport{padding:calc(var(--safe-top) + var(--writer-header-height) + 15px) calc(var(--safe-right) + 15px) calc(var(--safe-bottom) + var(--page-bar-height) + 15px) calc(var(--safe-left) + 68px + 15px)}.workspace.left-handed .page-viewport{padding-left:calc(var(--safe-left) + 15px);padding-right:calc(var(--safe-right) + 68px + 15px)}.page-stage{width:100%}.page-bar{padding:5px calc(7px + var(--safe-right)) calc(5px + var(--safe-bottom)) calc(7px + var(--safe-left));grid-template-columns:minmax(0,1fr) auto 44px;gap:4px}.default-format-control{display:none!important}.page-format-controls select{width:126px;max-width:100%;height:32px;font-size:9px}.page-navigation{gap:0}.page-navigation .icon-button{width:32px}.page-indicator{min-width:74px;padding-inline:4px}.page-actions .secondary-button{white-space:nowrap;width:40px;padding:0;overflow:hidden}.handedness-choices{grid-template-columns:1fr}.calibration-pad{height:185px}.calibration-actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.writer-header,.tool-palette,.page-bar{background:#faf9f5f7}.modal{background:var(--surface)}.secondary-button{background:#f1efe8}.progress-toast{background:#292925}.error-banner.floating{background:#f4d8d0}.card-actions button,.card-actions select,.reorder-actions button,.library-search input,.notebook-meta,.page-format-controls select,.page-actions select{background:var(--surface)}}@media (prefers-reduced-transparency:reduce){.writer-header,.tool-palette,.page-bar,.modal,.secondary-button,.progress-toast,.error-banner.floating,.card-actions button,.card-actions select,.reorder-actions button,.library-search input,.notebook-meta,.page-format-controls select,.page-actions select,.writer-actions select,.stylus-only-toggle{-webkit-backdrop-filter:none}.writer-header,.tool-palette,.page-bar{background:#faf9f5fa}.modal{background:var(--surface)}.secondary-button{background:#f1efe8}.progress-toast{background:#292925}}