:root{--paper: #FAF6EB;--paper-raised: #FFFCF3;--paper-sunken: #F4EDDB;--paper-deep: #EBE5D3;--ink-1: #1A1A1A;--ink-2: #4A4A4A;--ink-3: #7A766F;--ink-4: #A8A4A0;--line-1: #E8E2D4;--line-2: #D6CEB8;--line-3: #C0B89E;--accent-1: #C45A2C;--accent-2: #9A3F1A;--accent-3: #7A2F11;--accent-soft: #FAE8DA;--accent-faint: #FCF1E5;--stage: #F0EBDC;--success: #2D7A4F;--warning: #B8861C;--danger: #B33A2C;--info: #1B4965;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--s-10: 64px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-2xl: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(60, 50, 30, .04);--shadow-md: 0 2px 8px rgba(60, 50, 30, .06), 0 1px 2px rgba(60, 50, 30, .04);--shadow-lg: 0 8px 24px rgba(60, 50, 30, .08), 0 2px 6px rgba(60, 50, 30, .04)}:root[data-theme=dark]{--paper: #1B1814;--paper-raised: #24201B;--paper-sunken: #14110E;--paper-deep: #0E0C0A;--ink-1: #F2EDE2;--ink-2: #C8C0B0;--ink-3: #8A8275;--ink-4: #5C564B;--line-1: #2E2A24;--line-2: #3A3530;--line-3: #524B42;--accent-1: #D8673A;--accent-2: #B5502B;--accent-3: #923E1E;--accent-soft: #3A1F12;--accent-faint: #251610;--stage: #14110E;--success: #4FA678;--warning: #D9A845;--danger: #D86A5C;--info: #5B8FB0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{background:var(--paper);color:var(--ink-1);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;color:var(--ink-1);margin:0}a{color:var(--accent-1);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}a:hover{border-bottom-color:var(--accent-1)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}code,pre{font-family:var(--font-mono);font-size:.92em}img,svg{display:block;max-width:100%}#app{min-height:100dvh}.app-header{text-align:center;padding:40px 20px 24px}.brand{font-family:var(--font-display);font-size:clamp(40px,8vw,64px);font-weight:500;letter-spacing:-.02em;color:var(--ink-1);margin:0}.tagline{font-family:var(--font-display);font-style:italic;color:var(--ink-3);margin:var(--s-2) 0 0;font-size:17px}.view{display:flex;flex-direction:column;flex:1}.home-page,.notebook-page,.settings-page,.trash-page,.welcome-page{max-width:920px;width:100%;margin:0 auto;padding:0 24px 48px}.card{background:var(--paper-raised);border:1px solid var(--line-1);border-radius:var(--r-xl);padding:var(--s-7);box-shadow:var(--shadow-md)}.card h2{font-size:28px;margin:0 0 var(--s-2)}.muted{color:var(--ink-3);margin:0}.muted.small{font-size:14px}.muted.tiny{font-size:12px}.muted+.actions{margin-top:var(--s-5)}.welcome h2,.auth-card h2,.home h2{font-size:28px;margin:0 0 var(--s-2)}.actions{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-5)}.auth-card{max-width:460px;margin:24px auto;padding:36px 32px;background:var(--paper-raised);border:1px solid var(--line-1);border-radius:12px;box-shadow:var(--shadow-md);width:100%}.auth-card h2{font-size:24px;font-weight:600;margin:0 0 6px;letter-spacing:-.015em}.auth-card form{display:flex;flex-direction:column;gap:10px;margin-top:16px}form{display:flex;flex-direction:column;gap:var(--s-4);margin-top:var(--s-4)}form>p{margin:0}.field{display:flex;flex-direction:column;gap:var(--s-1)}.field__label{font-size:14px;font-weight:500;color:var(--ink-2)}.field__req{color:var(--accent-1)}.field__input{font:inherit;color:var(--ink-1);background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field__input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-faint)}.field__input:disabled{opacity:.6;cursor:not-allowed}.field__hint{font-size:13px;color:var(--ink-3);margin:0}.field__error{font-size:13px;color:var(--danger);margin:0}.field--error .field__input{border-color:var(--danger);box-shadow:0 0 0 3px #b33a2c1f}.form-error{background:#b33a2c14;border:1px solid rgba(179,58,44,.2);color:var(--danger);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:14px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font:500 15px var(--font-body);letter-spacing:.01em;padding:var(--s-3) var(--s-5);border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--ink-1);cursor:pointer;transition:background .15s ease,color .15s ease,transform .05s ease,border-color .15s ease,opacity .15s ease;text-decoration:none}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.7}.btn--primary{background:var(--accent-1);color:var(--paper);border-color:var(--accent-1)}.btn--primary:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--paper)}.btn--secondary{background:var(--paper);color:var(--ink-1);border-color:var(--line-3)}.btn--secondary:hover{background:var(--paper-sunken)}.btn--ghost{background:transparent;color:var(--ink-2);border-color:transparent}.btn--ghost:hover{color:var(--ink-1);background:var(--paper-sunken)}.btn--danger{background:var(--paper);color:var(--danger);border-color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff}.btn--full{width:100%}.btn--loading .btn__label{opacity:.7}.btn--loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.toast-host{position:fixed;bottom:var(--s-6);left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:var(--s-2);z-index:100;pointer-events:none}.toast{background:var(--ink-1);color:var(--paper);padding:var(--s-3) var(--s-5);border-radius:var(--r-md);font-size:14px;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;pointer-events:auto}.toast--in{opacity:1;transform:translateY(0)}.toast--out{opacity:0;transform:translateY(8px)}.toast--success{background:var(--success)}.toast--error{background:var(--danger)}.toast--info{background:var(--ink-1)}.home__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-6)}.home__head h2{font-size:28px;margin:0}.home__head-actions{display:flex;gap:var(--s-2)}.nb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-4)}.nb-card{display:flex;flex-direction:column;background:var(--paper-raised);border:1px solid var(--line-1);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.nb-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-2);color:inherit}.nb-card__cover{height:90px;background:var(--cover, var(--accent-1));position:relative}.nb-card__pages{position:absolute;bottom:var(--s-2);right:var(--s-3);color:var(--paper);font-size:12px;background:#0000002e;padding:2px var(--s-2);border-radius:var(--r-sm)}.nb-card__body{padding:var(--s-3) var(--s-4)}.nb-card__title{font-size:16px;font-weight:500;margin:0 0 2px}.nb-card__meta{font-size:13px;color:var(--ink-3);margin:0}.empty{grid-column:1 / -1;text-align:center;padding:var(--s-9) var(--s-5);background:var(--paper-raised);border:1px dashed var(--line-2);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:var(--s-4);align-items:center}.empty p{margin:0}.notebook-page__head{margin-bottom:var(--s-6)}.notebook-page__head h2{font-size:28px;margin:var(--s-1) 0 var(--s-1)}.notebook-page__head a{color:var(--ink-2)}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s-4)}.page-card{position:relative;background:var(--paper-raised);border:1px solid var(--line-1);border-radius:var(--r-lg);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.page-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.page-card__thumb{display:flex;align-items:center;justify-content:center;height:200px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 31px,var(--line-1) 31px,var(--line-1) 32px),var(--paper);color:var(--ink-3);font-family:var(--font-display);font-size:40px;text-decoration:none}.page-card__thumb:hover{color:var(--ink-1)}.page-card__body{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-3);border-top:1px solid var(--line-1)}.page-card__meta{font-size:12px;color:var(--ink-3)}.page-card__del{background:transparent;border:0;color:var(--ink-3);font-size:18px;cursor:pointer;padding:0 var(--s-2);border-radius:var(--r-sm)}.page-card__del:hover{color:var(--danger);background:var(--paper-sunken)}.page-card--add{display:flex;flex-direction:column;align-items:center;justify-content:center;height:234px;background:transparent;border:2px dashed var(--line-2);color:var(--ink-3);cursor:pointer;font:inherit}.page-card--add:hover{color:var(--ink-1);border-color:var(--accent-1)}.page-card__add-icon{font-size:32px;line-height:1;margin-bottom:var(--s-1)}.canvas-page__head{margin-bottom:var(--s-5)}.canvas-page__head h2{font-size:28px;margin:var(--s-1) 0}.canvas-placeholder{background:var(--paper-raised);border:1px solid var(--line-1);border-radius:var(--r-lg);padding:var(--s-7);min-height:400px;display:flex;align-items:center;justify-content:center}.canvas-placeholder__inner{max-width:540px;text-align:center}.strokes-preview{margin-top:var(--s-4);text-align:left;background:var(--paper-sunken);padding:var(--s-3);border-radius:var(--r-sm);font-size:12px;color:var(--ink-2);max-height:200px;overflow:auto}.modal-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center}body.modal-open{overflow:hidden}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1414126b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__panel{position:relative;background:var(--paper-raised);border:1px solid var(--line-1);border-radius:var(--r-xl);width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line-1)}.modal__title{font-size:18px;margin:0;font-family:var(--font-display)}.modal__close{background:transparent;border:0;font-size:24px;line-height:1;color:var(--ink-3);cursor:pointer;padding:0 var(--s-2)}.modal__close:hover{color:var(--ink-1)}.modal__body{padding:var(--s-5)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--s-2);padding:var(--s-3) var(--s-5);border-top:1px solid var(--line-1)}.color-picker{border:0;padding:0;margin:var(--s-3) 0 0;display:flex;gap:var(--s-2);flex-wrap:wrap}.color-picker legend{font-size:14px;color:var(--ink-2);margin-bottom:var(--s-2)}.color-picker__opt{position:relative;display:inline-block;width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s ease}.color-picker__opt input{position:absolute;opacity:0;pointer-events:none}.color-picker__opt:hover{transform:scale(1.1)}.color-picker__opt:has(input:checked){border-color:var(--ink-1)}.canvas-page{display:flex;flex-direction:column;height:100dvh;min-height:0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--paper)}.canvas-page__head{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--rule)}.canvas-page__head h2{margin:0;font-size:16px;font-weight:600;font-family:var(--font-body);letter-spacing:-.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-page__actions{display:flex;gap:6px}.canvas-page__status{padding:4px 20px;font-size:12px;color:var(--ink-3);border-bottom:1px solid var(--line-1);min-height:22px;font-family:var(--font-body)}.canvas-page__status.is-saved{color:var(--success)}.canvas-page__status.is-syncing{color:var(--info)}.canvas-page__status.is-offline{color:var(--warning)}.canvas-page__status.is-conflict{color:var(--danger)}.canvas-page__stage{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f0ebdc;padding:16px}.canvas-page__sheet{position:relative;height:100%;aspect-ratio:800 / 1100;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.40 0 0 0 0 0.30 0 0 0 0.045 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),#fffcf3;box-shadow:0 1px 2px #3c321e14,0 4px 16px #3c321e1a,0 12px 32px #3c321e0f,0 0 0 1px #3c321e0a;border-radius:4px;overflow:hidden}.inkwell-canvas{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-page__toolbar{padding:12px 20px 20px;display:flex;justify-content:center;background:var(--paper);border-top:1px solid var(--rule)}.ink-toolbar{display:inline-flex;align-items:center;gap:2px;padding:6px 8px;background:#fff;border:1px solid var(--line-1);border-radius:999px;box-shadow:0 4px 16px #3c321e14,0 1px 3px #3c321e0a;max-width:100%;overflow-x:auto;flex-wrap:wrap;justify-content:center;position:relative}.ink-toolbar__group{display:flex;align-items:center;gap:2px;padding:0 4px;position:relative}.ink-toolbar__group+.ink-toolbar__group:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:1px;background:var(--line-1);opacity:.5}@media (max-width: 720px){.ink-toolbar__group+.ink-toolbar__group:before{display:none}.ink-toolbar__group{padding:0 2px}}.ink-btn{background:var(--paper-2);border:1px solid var(--line-1);padding:8px 14px;border-radius:6px;color:var(--ink-1);cursor:pointer;font:500 14px/1 var(--font-body);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .05s ease;text-decoration:none}.ink-btn:hover{background:var(--paper-raised);border-color:var(--line-2)}.ink-btn:active{transform:translateY(1px)}.ink-btn:disabled{opacity:.5;cursor:not-allowed}.ink-btn.is-active{background:var(--ink-1);color:var(--paper);border-color:var(--ink-1)}.ink-btn--primary{background:var(--accent-1);color:#fff;border-color:var(--accent-1)}.ink-btn--primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.ink-btn--ghost{background:transparent;border:1px solid var(--line-1)}.ink-btn--ghost:hover{background:var(--paper-2)}.ink-btn--sm{padding:4px 10px;font-size:12px}.ink-btn--danger{color:var(--danger);border-color:var(--line-1)}.ink-btn--danger:hover{background:#fcedea;border-color:var(--danger)}.ink-btn--icon{width:auto;min-width:36px;height:36px;padding:0 10px;gap:6px;line-height:1;flex-shrink:0}.ink-btn--icon svg{width:18px;height:18px;flex-shrink:0}.ink-btn--icon .ink-btn__label{font-size:11px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.ink-btn--icon .ink-size-line{background:var(--ink-1)}.ink-btn--icon.is-active .ink-size-line{background:#fff}.ink-btn--icon.is-active .ink-size-preview__line{background:var(--ink-1)}.ink-btn--icon.is-active.is-lifted,.ink-btn--icon.is-lifted{background:var(--ink-1);color:var(--paper);border-color:var(--ink-1);transform:translateY(-2px);box-shadow:0 4px 10px #1a1a1a33,0 1px 2px #1a1a1a29}.ink-btn--icon.is-lifted svg{color:var(--paper)}.ink-btn--icon.is-lifted .ink-btn__label{color:var(--paper);font-weight:600}.ink-btn--icon.is-lifted .ink-size-line{background:var(--paper)}.ink-nib{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:22px}.ink-nib__dot{display:block;background:currentColor;border-radius:50%;transition:width .15s ease,height .15s ease}.ink-color-orbit{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:2px 4px}.ink-color-orbit .ink-swatch{transition:transform .18s ease,box-shadow .18s ease;position:relative}.ink-color-orbit .ink-swatch.is-active{width:30px;height:30px;outline:2px solid var(--ink-1);outline-offset:2px;box-shadow:0 0 0 4px #1a1a1a0d,0 2px 6px #1a1a1a26;transform:translateY(-1px)}.ink-color-orbit .ink-swatch:not(.is-active){width:20px;height:20px;opacity:.75}.ink-color-orbit .ink-swatch:hover{opacity:1;transform:scale(1.1)}.ink-btn--icon{position:relative}.ink-btn--icon[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(2px);background:var(--ink-1);color:var(--paper);font-size:11px;font-weight:500;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:100;box-shadow:0 2px 6px #00000026}.ink-btn--icon[data-tip]:hover:after,.ink-btn--icon[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.ink-toolbar--icons-only .ink-btn__label{display:none}.ink-toolbar--icons-only .ink-btn--icon{padding:0 8px;min-width:36px}@media (max-width: 720px){.ink-btn--icon{min-width:32px;padding:0 6px;height:32px}.ink-btn--icon .ink-btn__label{font-size:10px}.ink-btn--icon svg{width:16px;height:16px}}.ink-swatch{width:28px;height:28px;border-radius:50%;background:var(--c, #000);border:2px solid #fff;outline:1px solid var(--line-1);cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease}.ink-swatch:hover{transform:scale(1.08)}.ink-swatch.is-active{outline:2px solid var(--ink-1);outline-offset:1px}.ink-size-line{display:block;width:28px;background:currentColor;border-radius:999px;opacity:.85;transition:height .15s ease,width .15s ease,opacity .15s ease}.ink-btn--icon[data-size].is-active .ink-size-line{width:32px;opacity:1}.ink-size-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-left:4px;border-left:1px solid var(--line-1);color:var(--ink-3);font-size:11px;font-weight:500}.ink-size-preview__line{background:var(--ink-1);border-radius:999px;display:block}.ink-swatch.is-active{outline:2px solid var(--ink)}.ink-size-dot{display:inline-block;border-radius:50%;background:currentColor}@media (max-width: 720px){.canvas-page{height:calc(100dvh - 56px)}.ink-toolbar{padding:4px 6px}.ink-swatch{width:24px;height:24px}}.empty-state{text-align:center;padding:var(--s-9) var(--s-5);background:var(--paper);border:1px dashed var(--rule);border-radius:8px;max-width:480px;margin:24px auto}.empty-state h3{margin:0 0 6px}.empty-state .ink-btn{margin-top:12px}.home-page__head{display:flex;align-items:baseline;gap:16px;padding:24px 0 8px}.home-page__head h2{margin:0;flex:1;font-size:28px;font-weight:600;letter-spacing:-.015em}.nb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:16px}.nb-card{display:block;background:var(--paper);border:1px solid var(--rule);border-radius:8px;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.nb-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.nb-card__trash{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;color:var(--ink-3);border:1px solid var(--rule);border-radius:6px;cursor:pointer;opacity:0;transition:opacity .12s ease,background-color .12s ease,color .12s ease}.nb-card:hover .nb-card__trash,.nb-card__trash:focus,.nb-card__trash:focus-visible,.nb-card__trash[disabled]{opacity:1}.nb-card__trash:hover{background:#fff;color:#c84b26;border-color:#c84b26}.nb-card__trash[disabled]{opacity:.5;cursor:not-allowed}.nb-card__cover{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),var(--cover, var(--accent-1));color:#fff;padding:24px 16px;min-height:110px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background-blend-mode:overlay}.nb-card__cover:before{content:"";position:absolute;top:0;bottom:0;left:0;width:6px;background:linear-gradient(to right,#00000047,#0000001a)}.nb-card__cover:after{content:"";position:absolute;top:0;bottom:0;left:14px;width:1px;background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0 4px,transparent 4px 12px);background-size:1px 12px;opacity:.45}.nb-card__title{font-size:16px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);z-index:1}.nb-card__meta{display:flex;justify-content:space-between;padding:8px 12px;font-size:12px}.notebook-page__head{padding:12px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notebook-page__head h2{margin:0;flex:1}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:16px}.page-card{background:var(--paper-raised);border:1px solid var(--line-1);border-radius:8px;overflow:hidden;position:relative;transition:box-shadow .12s ease,transform .12s ease,border-color .12s ease;box-shadow:var(--shadow-sm)}.page-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-2)}.page-card[draggable]{cursor:grab}.page-card.is-dragging{opacity:.4}.page-card.is-drop-target{box-shadow:0 0 0 2px var(--brand)}.page-card__thumb{background:#faf8f1;padding:12px;text-align:center;min-height:140px;position:relative;color:var(--ink);text-decoration:none;display:block;overflow:hidden}.page-card__thumb .inkwell-thumb__svg{position:absolute;top:12px;right:12px;bottom:12px;left:12px;width:calc(100% - 24px);height:calc(100% - 24px);border-radius:2px}.page-card__thumb:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--line-1);border-radius:2px;pointer-events:none}.page-card__num{font-family:var(--font-display);font-size:36px;font-weight:400;color:var(--ink-4);letter-spacing:-.02em;z-index:1}.page-card__grip{position:absolute;top:4px;right:6px;color:var(--ink-muted);font-size:14px;opacity:0;transition:opacity .12s}.page-card:hover .page-card__grip{opacity:1}.page-card__body{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-top:1px solid var(--rule);font-size:12px}.page-card__actions{display:flex;gap:4px}.page-card__btn{background:transparent;border:0;padding:2px 6px;color:var(--ink-muted);cursor:pointer;font:inherit}.page-card__btn:hover{color:var(--ink)}.page-card--add{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;background:transparent;border:2px dashed var(--rule);color:var(--ink-muted);cursor:pointer}.page-card--add:hover{color:var(--ink);border-color:var(--ink)}.trash-page__head{padding:12px 0}.trash-page__head h2{margin:4px 0}.trash-list h3{margin:18px 0 6px;font-size:14px;color:var(--ink-muted)}.trash-section{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.trash-item{display:flex;align-items:center;justify-content:space-between;background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:10px 14px}.trash-item small{display:block}.settings-page{max-width:560px;margin:24px auto}.settings-list{display:grid;grid-template-columns:100px 1fr;gap:6px 16px;margin:16px 0}.settings-list dt{color:var(--ink-muted);font-size:13px}.settings-list dd{margin:0}.settings-actions{margin:16px 0}.canvas-page__status.is-offline:before{content:"● ";color:#b58900}.canvas-page__status.is-syncing:before{content:"↻ ";color:var(--brand)}.canvas-page__status.is-saved:before{content:"✓ ";color:var(--ink-muted)}.welcome-page{width:100%}.welcome-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.welcome-actions .ink-btn{width:100%;padding:10px 14px;font-size:14px}.welcome-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:var(--ink-3);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.welcome-divider:before,.welcome-divider:after{content:"";flex:1;height:1px;background:var(--line-1)}.ink-btn--google{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--ink-1);border:1px solid var(--line-2);font-weight:500}.ink-btn--google:hover{background:var(--paper);border-color:var(--ink-3)}.dev-login-form{gap:10px!important;margin-top:12px!important}.dev-login-form input{font-family:var(--font-mono);font-size:13px}.welcome-hint{font-size:12px;color:var(--ink-3);margin:0}.dev-login-form{display:flex;flex-direction:column;gap:6px}.dev-login-form input{padding:8px 10px;border:1px solid var(--rule);border-radius:6px;font:inherit;background:#fff}.ink-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ink-pill--warning{background:#fff4e0;color:#b07300}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],textarea,select{font:inherit;color:var(--ink-1);background:var(--paper-raised);border:1px solid var(--line-1);border-radius:6px;padding:10px 12px;line-height:1.4;width:100%;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px #c45a2c1f}input::placeholder{color:var(--ink-4)}.nb-card__ribbon{position:absolute;top:12px;right:14px;width:26px;height:36px;background:var(--paper-raised);border:1px solid rgba(0,0,0,.08);border-radius:2px;display:flex;align-items:center;justify-content:center;font:600 9px var(--font-body);color:var(--ink-2);letter-spacing:.05em;transform:rotate(4deg);box-shadow:0 1px 2px #0000001a}.nb-card__ribbon:before,.nb-card__ribbon:after{content:"";position:absolute;bottom:-6px;width:0;height:0;border-style:solid}.nb-card__ribbon:before{left:0;border-width:6px 0 0 13px;border-color:transparent transparent transparent var(--paper-raised)}.nb-card__ribbon:after{right:0;border-width:6px 13px 0 0;border-color:transparent var(--paper-raised) transparent transparent}.empty-state--hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 32px;border:1px dashed var(--line-2);border-radius:16px;background:var(--paper-raised);margin:16px 0}.empty-state--hero h3{font-family:var(--font-display);font-size:24px;font-weight:500;margin:16px 0 6px;letter-spacing:-.01em}.empty-state--hero p{color:var(--ink-3);max-width:380px;margin:0 0 20px;line-height:1.5}.empty-state__art{color:var(--accent-1);margin-bottom:4px}.ink-btn--lg{padding:12px 24px;font-size:15px}.settings-page h2{font-family:var(--font-display);font-size:28px;font-weight:500;margin:0 0 24px;letter-spacing:-.015em;padding:0}.settings-list{display:grid;grid-template-columns:max-content 1fr;column-gap:32px;row-gap:14px;margin:0 0 24px;padding:0}.settings-list dt{font-weight:500;color:var(--ink-3);font-size:13px;text-transform:uppercase;letter-spacing:.06em}.settings-list dd{margin:0;color:var(--ink-1)}.ink-pill{display:inline-block;padding:2px 8px;border-radius:999px;font:600 10px var(--font-body);letter-spacing:.08em}.ink-pill--warning{background:var(--accent-soft);color:var(--accent-2)}.settings-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line-1)}.trash-page h2{font-family:var(--font-display);font-size:28px;font-weight:500;margin:0 0 4px}.trash-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.trash-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--paper-raised);border:1px solid var(--line-1);border-radius:8px}.trash-item__title{font-weight:500}.trash-item__meta{font-size:12px;color:var(--ink-3)}.auth-card>p.muted{margin:0 0 20px}.auth-card form{gap:12px!important}.auth-card h2{font-family:var(--font-display);font-size:28px;font-weight:500;margin:0 0 6px;letter-spacing:-.015em}.ink-toast{background:var(--ink-1)!important;color:var(--paper)!important;font-weight:500;border-radius:8px!important;padding:10px 16px!important;box-shadow:var(--shadow-lg)!important}.ink-toast--success{background:var(--success)!important}.ink-toast--error{background:var(--danger)!important}.ink-toast--info{background:var(--ink-1)!important}.add-page-bar{display:flex;justify-content:center;margin-top:18px;padding:4px 0 24px}.add-page-bar__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;background:var(--paper-raised);border:1px dashed var(--line-2);color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.add-page-bar__btn:hover{background:var(--paper-sunken);border-color:var(--line-1);color:var(--ink-1)}.add-page-bar__icon{font-size:18px;line-height:1}.add-page-menu{position:relative;display:inline-block}.add-page-menu__pop[hidden]{display:none}.add-page-menu__pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--paper-raised);border:1px solid var(--line-1);border-radius:var(--r-lg);box-shadow:0 8px 24px #3c321e1f,0 2px 6px #3c321e0f;padding:6px;min-width:240px;z-index:50;display:flex;flex-direction:column;gap:2px}.add-page-menu__opt{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);cursor:pointer;text-align:left;background:transparent;border:0;font:inherit;color:var(--ink-1);transition:background .12s ease}.add-page-menu__opt:hover{background:var(--paper-sunken)}.add-page-menu__icon{font-size:18px;text-align:center}.add-page-menu__label{font-weight:500;font-size:14px}.add-page-menu__sub{font-size:11px;color:var(--ink-3);text-align:right}.add-page-menu__opt input[type=file]{display:none}.audio-page{width:100%;max-width:720px;margin:0 auto;padding:32px 24px}.audio-page__card{background:var(--paper-raised);border:1px solid var(--line-1);border-radius:var(--r-xl);padding:32px;box-shadow:var(--shadow-md)}.audio-page__card h2{margin:0 0 18px;font-family:var(--font-display);font-size:22px}.audio-page__player{width:100%;margin-bottom:14px;display:none}.audio-page__controls{display:flex;align-items:center;gap:14px;margin-bottom:18px}.audio-page__play{width:48px;height:48px;min-width:48px;border-radius:50%;font-size:16px;padding:0;display:inline-flex;align-items:center;justify-content:center}.audio-page__progress{flex:1;display:flex;flex-direction:column;gap:4px}.audio-page__seek{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:24px}.audio-page__seek::-webkit-slider-runnable-track{height:4px;background:var(--line-1);border-radius:999px}.audio-page__seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-1);margin-top:-6px;border:0;cursor:pointer}.audio-page__seek::-moz-range-track{height:4px;background:var(--line-1);border-radius:999px}.audio-page__seek::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-1);border:0}.audio-page__times{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}.audio-page__record-btn{display:inline-flex;align-items:center;gap:10px;font-size:15px;padding:12px 24px}.audio-page__record-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);display:inline-block}.audio-page__record-dot.is-recording{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.audio-page__hint{margin-top:10px}.audio-page__notes{margin-top:16px;display:flex;flex-direction:column;gap:6px}.audio-page__textarea{font:inherit;width:100%;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-md);padding:10px 12px;resize:vertical;min-height:100px;color:var(--ink-1)}.audio-page__textarea:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-faint)}.ink-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;vertical-align:middle}.ink-pill--success{background:#dcefd8;color:#2e6b3a;border-color:#b7d9af}.ink-pill--warning{background:#fce7c5;color:#8a4d0f;border-color:#f2c57a}.ink-pill--muted{background:var(--paper-sunken);color:var(--ink-3);border-color:var(--line-1)}.ink-pill--danger{background:#fcedea;color:var(--danger);border-color:#e9b7b0}.settings-section{margin-top:28px;margin-bottom:10px}.settings-crypto{padding:16px;background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-md);margin-bottom:20px}.settings-crypto p{margin:6px 0}.settings-crypto .ink-btn{margin-right:8px;margin-top:8px}.settings-crypto code{font-size:12px;color:var(--ink-2);background:var(--paper-sunken);padding:1px 6px;border-radius:4px}.settings-crypto .muted.tiny{font-size:11px;margin-top:8px}.canvas-page__head-nav{display:inline-flex;align-items:center;gap:6px;margin:0 8px}.canvas-page__nav-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper-raised, #FFFCF3);color:var(--ink, #2A241C);border:1px solid var(--rule, rgba(42, 36, 28, .12));border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease,transform 80ms ease,box-shadow .12s ease}.canvas-page__nav-btn:hover:not(:disabled){background:var(--paper, #FAF6EB);box-shadow:0 1px 2px #0000000a}.canvas-page__nav-btn:active:not(:disabled){transform:translateY(1px)}.canvas-page__nav-btn:disabled{opacity:.35;cursor:not-allowed}.canvas-page__page-of{font-family:var(--font-serif, "Fraunces", Georgia, serif);font-size:13px;color:var(--ink-muted, #6B5E4D);padding:0 4px;-webkit-user-select:none;user-select:none;white-space:nowrap}.canvas-page__add{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent, #C84B26);color:#fffcf3;border:1px solid var(--accent, #C84B26);border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-left:4px;transition:background .12s ease,transform 80ms ease}.canvas-page__add:hover{background:#b33e1b;border-color:#b33e1b}.canvas-page__add:active{transform:translateY(1px)}.tpl-picker{z-index:1000;background:var(--paper-raised, #FFFCF3);color:var(--ink, #2A241C);border:1px solid var(--rule, rgba(42, 36, 28, .14));border-radius:12px;box-shadow:0 12px 32px -8px #140e064d,0 2px 6px #0000000d;padding:12px;min-width:280px;max-width:360px;font-family:var(--font-sans, "Inter", system-ui, sans-serif);animation:tpl-picker-in .14s cubic-bezier(.2,.8,.2,1)}@keyframes tpl-picker-in{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.tpl-picker__head{font-family:var(--font-serif, "Fraunces", Georgia, serif);font-size:13px;font-weight:600;color:var(--ink-muted, #6B5E4D);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding:0 4px}.tpl-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tpl-picker__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 4px;background:transparent;color:var(--ink, #2A241C);border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:11px;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.tpl-picker__item:hover{background:var(--paper, #FAF6EB);border-color:var(--rule, rgba(42, 36, 28, .1))}.tpl-picker__item:active{transform:scale(.97)}.tpl-picker__item.is-active{background:var(--paper-sunken, #F4EDDB);border-color:var(--accent, #C84B26);box-shadow:0 0 0 1px var(--accent, #C84B26) inset}.tpl-picker__thumb{width:56px;height:72px;background:#fffcf3;border:1px solid var(--rule, rgba(42, 36, 28, .18));border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tpl-picker__item.is-active .tpl-picker__thumb{border-color:var(--accent, #C84B26)}.tpl-picker__label{font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:11px;color:var(--ink-muted, #6B5E4D)}.tpl-picker__item.is-active .tpl-picker__label{color:var(--accent, #C84B26);font-weight:600}.recovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;padding:14px;background:var(--paper-sunken, #F4EDDB);border:1px solid var(--rule, rgba(42, 36, 28, .14));border-radius:10px}.recovery-grid__cell{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--paper-raised, #FFFCF3);border:1px solid var(--rule, rgba(42, 36, 28, .1));border-radius:6px;font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:13px;color:var(--ink, #2A241C)}.recovery-grid__num{font-family:var(--font-serif, "Fraunces", Georgia, serif);font-size:11px;color:var(--ink-muted, #6B5E4D);font-style:italic;min-width:16px;text-align:right}.recovery-grid__word{font-weight:600;letter-spacing:.02em}.field--inline{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:12px}.field--inline input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent, #C84B26)}.settings-crypto__actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.settings-appearance{margin-bottom:12px}.theme-toggle{display:inline-flex;gap:6px;padding:4px;background:var(--paper-sunken);border:1px solid var(--line-1);border-radius:10px;margin-top:8px}.theme-toggle__btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;color:var(--ink-2);border:1px solid transparent;border-radius:6px;font:inherit;font-size:13px;cursor:pointer;transition:background .12s ease,color .12s ease,transform 80ms ease}.theme-toggle__btn:hover{color:var(--ink-1)}.theme-toggle__btn.is-active{background:var(--paper-raised);color:var(--ink-1);border-color:var(--line-2);box-shadow:var(--shadow-sm)}.theme-toggle__btn:active{transform:scale(.97)}.theme-toggle__swatch{display:inline-block;width:18px;height:18px;border-radius:4px;border:1px solid var(--line-2);vertical-align:middle}.theme-toggle__swatch--light{background:linear-gradient(135deg,#faf6eb,#f4eddb)}.theme-toggle__swatch--dark{background:linear-gradient(135deg,#24201b,#14110e)}#enc-strength-label.is-strong{color:var(--success, #2D7A4F);font-weight:600}#enc-strength-label.is-weak{color:var(--ink-muted, #6B5E4D)}.canvas-page__head{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-bottom:1px solid var(--rule);flex:0 0 40px;background:var(--paper);position:relative;z-index:2}.canvas-page__head h2{margin:0;font-size:14px;font-weight:600;font-family:var(--font-body);letter-spacing:-.005em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-page__head-right{display:flex;align-items:center;gap:10px;margin-left:auto}.canvas-page__head .canvas-page__status{font-size:11px;color:var(--ink-3);padding:0;border:0;min-height:0;font-family:var(--font-body);white-space:nowrap}.canvas-page__head .canvas-page__status.is-saved{color:var(--success)}.canvas-page__head .canvas-page__status.is-syncing{color:var(--info)}.canvas-page__head .canvas-page__status.is-offline{color:var(--warning)}.canvas-page__head .canvas-page__status.is-conflict{color:var(--danger)}.canvas-page__icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink-2);border:1px solid transparent;border-radius:8px;cursor:pointer}.canvas-page__icon-btn:hover{background:var(--paper-raised);border-color:var(--rule)}.canvas-page__body{flex:1;min-height:0;display:flex;flex-direction:row;position:relative;overflow:hidden}.canvas-page__stage{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#f0ebdc;padding:16px;overflow:hidden;position:relative}.canvas-page__rail{flex:0 0 60px;display:flex;align-items:center;justify-content:center;background:var(--paper);border-right:1px solid var(--rule);padding:8px 0;position:relative;z-index:1;order:-1}.ink-toolbar--vertical{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 6px;background:var(--paper-raised, #FFFCF3);border:1px solid var(--line-1);border-radius:18px;box-shadow:0 2px 8px #3c321e0f,0 1px 2px #3c321e0a;max-height:100%;overflow-y:auto;overflow-x:hidden;flex-wrap:nowrap}.ink-toolbar--vertical .ink-toolbar__group{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;position:relative;width:100%}.ink-toolbar--vertical .ink-toolbar__group+.ink-toolbar__group:before{content:"";position:absolute;top:0;left:25%;right:25%;height:1px;background:var(--line-1)}.ink-toolbar--vertical .ink-toolbar__sep{width:60%;height:1px;background:var(--line-1);opacity:.5;margin:2px 0}.ink-toolbar--vertical .ink-color-orbit{display:flex;flex-direction:column;align-items:center;gap:4px}.ink-toolbar--vertical .ink-swatch{width:18px;height:18px}.ink-toolbar--vertical .ink-swatch.is-active{width:22px;height:22px}.canvas-page__toolbar{display:none}@media (max-width: 1024px){.canvas-page__rail{flex:0 0 56px;padding:6px 0}.canvas-page__stage{padding:12px}}@media (max-width: 600px){.canvas-page__head{height:36px;padding:0 8px;gap:6px;flex:0 0 36px}.canvas-page__head h2{font-size:13px}.canvas-page__head-right{gap:6px}.canvas-page__head .canvas-page__status{display:none}.canvas-page__page-of{font-size:11px}.canvas-page__body{flex-direction:column}.canvas-page__stage{flex:1 1 auto;min-height:0;padding:8px;order:1}.canvas-page__rail{flex:0 0 auto;order:2;width:100%;height:56px;border-right:0;border-top:1px solid var(--rule);padding:6px 8px;overflow-x:auto;overflow-y:hidden}.ink-toolbar--horizontal{flex-direction:row;flex-wrap:nowrap;max-height:none;max-width:100%}.ink-toolbar--horizontal .ink-toolbar__group{flex-direction:row;width:auto}.ink-toolbar--horizontal .ink-toolbar__group+.ink-toolbar__group:before{position:static;top:auto;left:auto;right:auto;width:1px;height:60%;margin:0 4px;background:var(--line-1)}.ink-toolbar--horizontal .ink-toolbar__sep{width:1px;height:60%;background:var(--line-1);opacity:.5;margin:0 4px;align-self:center}.ink-toolbar--horizontal .ink-color-orbit{flex-direction:row}}@media (min-width: 1024px){.canvas-page__rail{flex:0 0 64px}}.add-page-menu__hint{margin:8px 12px 4px;padding-top:8px;border-top:1px solid var(--line-1);font-size:11px;line-height:1.4}.layer-audio-overlay{position:absolute;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#fffcf3;border:1px solid var(--line-1);border-radius:6px;box-shadow:0 1px 3px #3c321e14;font-size:12px;color:var(--ink);z-index:2;pointer-events:auto}.layer-audio__play{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer}.layer-audio__play.is-playing{background:var(--accent-deep)}.layer-audio__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.layer-audio__del{flex:0 0 auto;width:22px;height:22px;border:0;border-radius:4px;background:transparent;color:var(--ink-2);font-size:16px;line-height:1;cursor:pointer}.layer-audio__del:hover{background:#f1e5d2;color:var(--danger)}.ink-pip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--paper-2, #fff);border:1px solid var(--line-1);padding:0;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .05s ease}.ink-pip:hover{background:var(--paper-sunken, #f5efde)}.ink-pip:focus-visible{outline:2px solid var(--accent, #C84B26);outline-offset:2px}.ink-pip#ink-pip-color{background:var(--pip-color, #1A1A1A);border:2px solid var(--paper-raised, #FFFCF3);box-shadow:0 0 0 1px var(--line-1),0 1px 3px #3c321e2e}.ink-pip#ink-pip-color:hover{box-shadow:0 0 0 1px var(--ink-2),0 1px 3px #3c321e3d}.ink-pip--thick{overflow:hidden;background:var(--paper-2, #fff)}.ink-pip__dot{display:block;background:var(--ink-1, #1A1A1A);border-radius:50%;transition:width .15s ease,height .15s ease}.ink-pop{z-index:100;min-width:220px;max-width:320px;background:var(--paper-raised, #FFFCF3);border:1px solid var(--line-1);border-radius:14px;box-shadow:0 12px 32px #3c321e2e,0 2px 6px #3c321e14;padding:6px;animation:ink-pop-in .14s cubic-bezier(.2,.8,.2,1);font:inherit;color:var(--ink-1)}@keyframes ink-pop-in{0%{opacity:0;transform:translate(var(--ink-pop-tx, 0),var(--ink-pop-ty, 0)) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.ink-toolbar--vertical+.ink-pop{--ink-pop-tx: -6px;--ink-pop-ty: 0}.ink-toolbar--horizontal+.ink-pop{--ink-pop-tx: 0;--ink-pop-ty: 6px}.ink-pop__head{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3, #8A7E66);padding:8px 12px 6px}.ink-pop__list{display:flex;flex-direction:column;gap:1px}.ink-pop__row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:transparent;border:0;font:inherit;color:var(--ink-1);text-align:left;cursor:pointer;transition:background .12s ease;width:100%}.ink-pop__row:hover,.ink-pop__row:focus-visible{background:var(--paper-sunken, #f5efde);outline:none}.ink-pop__row.is-active{background:var(--paper-sunken, #f5efde)}.ink-pop__row.is-active .ink-pop__label{color:var(--accent, #C84B26);font-weight:600}.ink-pop__row--danger .ink-pop__label{color:var(--danger, #B23A2A)}.ink-pop__row--danger:hover{background:#b23a2a14}.ink-pop__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2, #5A5142);width:18px;height:18px}.ink-pop__label{font-size:14px;font-weight:500}.ink-pop__sub{font-size:11px;color:var(--ink-3, #8A7E66);text-align:right;white-space:nowrap}.ink-pop__row[data-pick-role=file]{cursor:pointer}.ink-pop__row[data-pick-role=file] input{display:none}.ink-pop__nib{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.ink-pop__nib-dot{display:block;background:var(--ink-1, #1A1A1A);border-radius:50%}.ink-pop__sep{height:1px;background:var(--line-1);margin:6px 8px;opacity:.6}.ink-pop__grid--colors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:6px 12px 12px}.ink-pop__color{width:36px;height:36px;border-radius:50%;background:var(--c);border:2px solid transparent;cursor:pointer;padding:0;justify-self:center;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;box-shadow:0 0 0 1px #0000000f}.ink-pop__color:hover{transform:scale(1.08)}.ink-pop__color.is-active{border-color:var(--ink-1, #1A1A1A);box-shadow:0 0 0 2px var(--paper-raised, #FFFCF3),0 0 0 4px var(--ink-1, #1A1A1A)}.ink-pop__grid--tpl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px 8px 10px}.ink-pop__tpl{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background .12s ease,border-color .12s ease;font:inherit;color:var(--ink-2)}.ink-pop__tpl:hover{background:var(--paper-sunken, #f5efde);border-color:var(--line-1)}.ink-pop__tpl.is-active{border-color:var(--accent, #C84B26);background:#c84b260f}.ink-pop__tpl-thumb{display:flex;align-items:center;justify-content:center;width:48px;height:60px;background:var(--paper-2, #fff);border:1px solid var(--line-1);border-radius:4px;overflow:hidden}.ink-pop__tpl.is-active .ink-pop__tpl-thumb{border-color:var(--accent, #C84B26)}.ink-pop__tpl-label{font-size:11px;text-align:center;white-space:nowrap}.ink-pop__tpl.is-active .ink-pop__tpl-label{color:var(--accent, #C84B26);font-weight:600}.ink-pop__sub+.ink-pop__sub{margin-top:0}.ink-pop .ink-pop__sub{padding:6px 12px 10px;font-size:11px;line-height:1.4;text-align:left;white-space:normal}@media (max-width: 600px){.ink-pop{min-width:260px;max-width:92vw}.ink-pip{width:36px;height:36px}}@media (pointer: coarse){.ink-pip{width:36px;height:36px}.ink-pop__row{padding:12px}}[hidden]{display:none!important}@media print{html,body{background:#fff!important}body *{visibility:hidden!important}.canvas-page__stage,.canvas-page__stage *{visibility:visible!important}.canvas-page__stage{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:0!important;padding:12mm!important;box-shadow:none!important;background:#fff!important}.inkwell-canvas,.canvas-page__sheet{width:100%!important;max-width:100%!important}.ink-toolbar,.canvas-page__rail,.canvas-page__head,.canvas-page__head-nav,.canvas-page__actions,.canvas-page__status,.ink-toast,.modal-open,[data-act=print]{display:none!important}@page{size:A4;margin:10mm}}.ink-pop__color--custom{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px dashed rgba(0,0,0,.25);background:linear-gradient(135deg,#ff7e5f,#feb47b,#86a8e7,#91eae4,#d4a5ff)}.ink-pop__color--custom:hover{border-color:#0000008c}.ink-pop__color-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;background:transparent}.ink-pop__color-custom-plus{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.ink-pop__grid--recents{margin-top:6px}.page-card__num.is-behind{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}.inkwell-thumb__svg{display:block;width:100%;height:100%;background:#faf8f1;border-radius:6px;overflow:hidden}.trash-page__head-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--line-1);border-radius:6px;margin-bottom:var(--s-1);background:var(--paper-raised)}.trash-item__actions{display:flex;gap:var(--s-1);flex-shrink:0}.ink-btn--danger{color:#c13b2c;border-color:#c13b2c59}.ink-btn--danger:hover{background:#c13b2c14;border-color:#c13b2c}.ink-btn--small{padding:4px 10px;font-size:12px}.home-page__search{position:relative;display:inline-flex;align-items:center}.ink-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-2);border-radius:18px;background:var(--paper-raised);color:var(--ink);font:inherit;font-size:13px;padding:6px 28px 6px 12px;width:200px;outline:none;transition:border-color .12s ease,box-shadow .12s ease,width .15s ease}.ink-search:focus{border-color:var(--brand, #C45A2C);box-shadow:0 0 0 2px #c45a2c26;width:240px}.ink-search::placeholder{color:var(--ink-muted, #8C7B5C)}.ink-search__clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:0;background:#0000000f;color:var(--ink-muted, #5A4A33);font:inherit;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.ink-search__clear:hover{background:#0000001f;color:var(--ink)}.auth-card__links{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:0!important}.auth-card__links a{font-weight:500}.auth-card__sep{color:var(--ink-muted, #8C7B5C)}.dev-hint{background:#c45a2c14;border:1px dashed rgba(196,90,44,.3);border-radius:6px;padding:8px 12px;margin:12px 0 0!important}.dev-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:#0000000d;padding:1px 5px;border-radius:3px}.reset-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0 0!important}.reset-actions .ink-btn{flex:0 0 auto}.ink-search-wrap{position:relative;display:inline-flex;align-items:center}.nb-tree{display:flex;flex-direction:column;gap:6px;margin-top:12px}.nb-folder{position:relative;border-radius:8px}.nb-folder:hover{background:#00000005}.nb-folder__row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;font-size:14px;color:var(--ink, #2A241C);-webkit-user-select:none;user-select:none}.nb-folder__toggle{flex:0 0 auto;width:20px;height:20px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--ink-muted, #8C7B5C);cursor:pointer;padding:0;border-radius:4px}.nb-folder__toggle:hover{background:#0000000f;color:var(--ink, #2A241C)}.nb-folder__caret{transition:transform .12s ease;display:block}.nb-folder__caret.is-open{transform:rotate(90deg)}.nb-folder__label{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;text-decoration:none;color:inherit;font-weight:500;padding:2px 4px;border-radius:4px}.nb-folder__label:hover{background:#0000000a}.nb-folder__icon{display:inline-flex;color:var(--brand, #C45A2C)}.nb-folder__count{font-size:12px;color:var(--ink-muted, #8C7B5C);font-variant-numeric:tabular-nums;background:#0000000d;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.nb-folder__children{display:flex;flex-direction:column;gap:4px;margin-top:2px;border-left:1px dashed rgba(0,0,0,.08);padding-left:6px;margin-left:12px}.nb-card__add-inside,.nb-card__move,.nb-folder__row .nb-card__trash{flex:0 0 auto;width:22px;height:22px;border:0;background:transparent;border-radius:4px;font:inherit;color:var(--ink-muted, #8C7B5C);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .1s ease,background .1s ease;font-size:14px;line-height:1}.nb-folder:hover .nb-card__add-inside,.nb-folder:hover .nb-card__move,.nb-folder:hover .nb-folder__row .nb-card__trash,.nb-card:hover .nb-card__move{opacity:1}.nb-card__add-inside:hover,.nb-card__move:hover,.nb-folder__row .nb-card__trash:hover{background:#00000014;color:var(--ink, #2A241C)}.nb-card{position:relative}.nb-card .nb-card__move{position:absolute;top:6px;right:30px;z-index:1}.nb-move-popover{background:#fffcf3;border:1px solid #E5DFD0;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:6px;min-width:200px;max-width:280px;max-height:320px;overflow-y:auto}.nb-move-popover__head{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted, #8C7B5C);padding:4px 8px 6px;border-bottom:1px solid #E5DFD0;margin-bottom:4px}.nb-move-popover__opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;font:inherit;padding:6px 8px;border-radius:6px;cursor:pointer;color:var(--ink, #2A241C)}.nb-move-popover__opt:hover{background:#0000000a}.nb-move-popover__opt.is-current{background:#c45a2c1a;color:var(--brand, #C45A2C);font-weight:500}.nb-move-popover__icon{display:inline-flex;color:var(--ink-muted, #8C7B5C)}.nb-move-popover__opt.is-current .nb-move-popover__icon{color:var(--brand, #C45A2C)}.nb-move-popover__empty{padding:8px 10px;margin:0}@media (max-width: 600px){.home-page__actions{flex-wrap:wrap;gap:8px}.ink-search{width:160px}.ink-search:focus{width:180px}.nb-folder__row{padding:4px}.nb-card__add-inside,.nb-card__move{opacity:1}}.nb-card__tags-btn{position:absolute;top:8px;right:64px;width:24px;height:24px;border:0;background:transparent;font:600 14px/1 var(--font-ui, system-ui);color:var(--ink-3);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.nb-card__tags-btn:hover{background:#0000000f;color:var(--accent-1)}.nb-card:hover .nb-card__tags-btn,.nb-card:focus-within .nb-card__tags-btn{opacity:1}.nb-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 8px}.nb-tag{display:inline-flex;align-items:center;font:500 11px/1.4 var(--font-ui, system-ui);color:var(--tag-color, #5A5048);background:color-mix(in srgb,var(--tag-color, #A8A4A0) 14%,transparent);border:1px solid color-mix(in srgb,var(--tag-color, #A8A4A0) 32%,transparent);padding:2px 8px;border-radius:999px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.nb-tag.is-active{background:color-mix(in srgb,var(--tag-color, #A8A4A0) 24%,transparent);border-color:var(--tag-color, #A8A4A0)}.nb-filter-bar{display:flex;align-items:center;gap:8px;padding:8px 16px 4px;flex-wrap:wrap}.nb-filter-bar__chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto;min-width:0}.nb-filter-chip{display:inline-flex;align-items:center;gap:6px;font:500 12px/1.4 var(--font-ui, system-ui);color:var(--ink-2);background:var(--paper);border:1px solid var(--line-2);padding:4px 10px 4px 8px;border-radius:999px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.nb-filter-chip:hover{background:var(--paper-2)}.nb-filter-chip.is-active{background:color-mix(in srgb,var(--tag-color, #A8A4A0) 18%,var(--paper));border-color:var(--tag-color, #A8A4A0);color:var(--ink-1)}.nb-filter-chip__dot{width:8px;height:8px;border-radius:50%;background:var(--tag-color, #A8A4A0);flex:0 0 auto}.nb-filter-chip__count{font-size:10px;color:var(--ink-3);background:#0000000a;padding:1px 6px;border-radius:999px}.nb-filter-chip.is-active .nb-filter-chip__count{background:color-mix(in srgb,var(--tag-color, #A8A4A0) 24%,transparent);color:var(--ink-1)}.nb-tag-popover{width:280px;max-width:calc(100vw - 16px);background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-md, 8px);box-shadow:0 12px 32px #0000001f;padding:8px 0 6px;font:13px/1.4 var(--font-ui, system-ui);color:var(--ink-1)}.nb-tag-popover__head{padding:4px 12px 8px;font-weight:500;border-bottom:1px solid var(--line-1);margin-bottom:4px}.nb-tag-popover__opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;font:inherit;color:inherit;padding:6px 12px;cursor:pointer;border-radius:0}.nb-tag-popover__opt:hover{background:var(--paper-2)}.nb-tag-popover__opt.is-on{background:color-mix(in srgb,var(--tag-color, #A8A4A0) 12%,transparent)}.nb-tag-popover__check{display:inline-flex;width:16px;justify-content:center;font-weight:600;color:var(--tag-color, #A8A4A0)}.nb-tag-popover__dot{width:8px;height:8px;border-radius:50%;background:var(--tag-color, #A8A4A0);flex:0 0 auto}.nb-tag-popover__new{border-top:1px solid var(--line-1);margin-top:6px;padding:8px 12px 6px;display:flex;flex-direction:column;gap:6px}.nb-tag-popover__new .field__input{font-size:13px;padding:6px 10px}.nb-tag-popover__new-colors{display:flex;gap:6px}.nb-tag-popover__color{width:18px;height:18px;border:2px solid transparent;border-radius:50%;cursor:pointer;padding:0;transition:border-color .1s ease,transform .1s ease}.nb-tag-popover__color:hover{transform:scale(1.1)}.nb-tag-popover__color.is-on{border-color:var(--ink-1, #2A241C)}.nb-tag-popover__empty{padding:8px 12px;margin:0}.ink-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}.ink-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.ink-modal__panel{position:relative;background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-md, 8px);box-shadow:0 24px 48px #0003;width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}.ink-modal__panel--narrow{width:min(420px,calc(100vw - 24px))}.ink-modal__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line-1)}.ink-modal__head h3{margin:0;font:600 15px/1.2 var(--font-ui, system-ui);color:var(--ink-1)}.ink-modal__close{background:transparent;border:0;cursor:pointer;font-size:22px;line-height:1;color:var(--ink-3);padding:4px 8px;border-radius:4px}.ink-modal__close:hover{background:#0000000f;color:var(--ink-1)}.ink-modal__body{padding:14px 16px;overflow:auto}.tag-manager__create{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tag-manager__create .field__input{flex:1 1 160px;min-width:0}.tag-manager__colors{display:flex;gap:6px}.tag-manager__color{width:18px;height:18px;border:2px solid transparent;border-radius:50%;cursor:pointer;padding:0;transition:border-color .1s ease,transform .1s ease}.tag-manager__color:hover{transform:scale(1.1)}.tag-manager__color.is-on{border-color:var(--ink-1, #2A241C)}.tag-manager__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tag-manager__row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line-1);border-radius:6px;background:var(--paper)}.tag-manager__dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.tag-manager__name{flex:1 1 auto;min-width:0;font-size:13px;padding:4px 8px}.tag-manager__color-picker{width:28px;height:28px;border:1px solid var(--line-2);border-radius:4px;background:transparent;cursor:pointer;padding:0}.tag-manager__delete{width:24px;height:24px;border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:var(--ink-3);border-radius:4px}.tag-manager__delete:hover{background:#b33a2c1f;color:var(--danger, #B32A2C)}.tag-manager__empty{padding:8px 4px}@media (max-width: 600px){.nb-card__tags-btn{opacity:1}.nb-card__tags-btn{right:56px}}.ink-modal:has(.ink-history-panel){align-items:stretch;justify-content:flex-end;padding:0}.ink-history-panel{width:min(420px,100vw);max-width:100vw;height:100vh;max-height:100vh;border-radius:0;border-left:1px solid var(--line-1);box-shadow:-16px 0 32px #0000002e;animation:ink-history-slide-in .2s ease-out}@keyframes ink-history-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.ink-history-list{flex:1 1 auto;overflow-y:auto;padding:4px 0 16px}.ink-history-list p.muted{padding:16px 16px 0;margin:0}.ink-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-1);transition:background .12s ease}.ink-history-row:hover{background:#00000008}.ink-history-row__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.ink-history-row__meta strong{font:600 14px/1.2 var(--font-ui, system-ui);color:var(--ink-1)}.ink-history-restore{flex:0 0 auto;white-space:nowrap}@media (max-width: 600px){.ink-history-panel{width:100vw}}.ink-search-wrap{position:relative}.nb-search-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:60vh;overflow-y:auto;background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-md, 8px);box-shadow:0 12px 32px #00000029;padding:4px 0}.nb-search-panel .nb-search-section{padding:8px 0}.nb-search-panel .nb-search-section+.nb-search-section{border-top:1px solid var(--line-1)}.nb-search-panel .nb-search-section h4{margin:0;padding:4px 14px;font:600 12px/1.2 var(--font-ui, system-ui);color:var(--ink-3, #888);text-transform:uppercase;letter-spacing:.4px}.nb-search-panel .nb-search-item{display:flex;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;color:var(--ink-1);background:transparent;border:0;width:100%;text-align:left;cursor:pointer;font:inherit}.nb-search-panel .nb-search-item:hover{background:#0000000a}.nb-search-panel .nb-search-item__icon{font-size:16px;width:22px;text-align:center;flex:0 0 auto}.nb-search-panel .nb-search-item__title{flex:1 1 auto;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-search-panel .nb-search-item--tag{font-family:inherit;font-size:14px}.nb-search-panel .nb-search-empty{padding:16px 14px;text-align:center}.activity-feed{background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-md, 8px);padding:12px 16px 4px;margin-bottom:18px}.activity-feed[hidden]{display:none}.activity-feed__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.activity-feed__head h3{margin:0;font:600 13px/1.2 var(--font-ui, system-ui);color:var(--ink-3, #888);text-transform:uppercase;letter-spacing:.4px}.activity-feed__list{list-style:none;margin:0;padding:0}.activity-feed__item{border-bottom:1px solid var(--line-1)}.activity-feed__item:last-child{border-bottom:0}.activity-feed__link{display:flex;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;color:var(--ink-1);border-radius:4px}.activity-feed__link:hover{background:#00000008}.activity-feed__icon{font-size:18px;width:24px;text-align:center;flex:0 0 auto}.activity-feed__text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.activity-feed__label{font-size:12px;color:var(--ink-3, #888)}.activity-feed__title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-feed__time{flex:0 0 auto;font-size:12px}.activity-page{max-width:720px;margin:0 auto}.activity-page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.activity-page__head h2{margin:0 0 var(--s-1);font-family:var(--font-display)}.activity-page__filters{display:flex;gap:var(--s-1);flex-wrap:wrap;margin-bottom:var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--line-1)}.activity-page__empty{text-align:center;padding:var(--s-6) 0;list-style:none}.activity-page__pager{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--line-1);gap:var(--s-2)}.activity-page__pager-buttons{display:flex;gap:var(--s-1)}.ink-modal__head{display:flex;align-items:center;gap:var(--s-2)}.ink-modal__head h3{margin:0;flex:1;font-family:var(--font-display)}.ink-history-row__meta{flex:1;min-width:0}.onboarding-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none}.onboarding-tour__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e088c;pointer-events:auto;animation:onb-fade-in .18s ease}.onboarding-tour__spotlight{position:fixed;background:transparent;border:2px solid var(--accent-1, #C45A2C);box-shadow:0 0 0 9999px #140e088c;pointer-events:none;z-index:10001;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease}.onboarding-tour__caption{position:fixed;background:var(--paper-raised, #fff);border:1px solid var(--line-2, #ddd);border-radius:12px;padding:16px 18px;z-index:10002;pointer-events:auto;box-shadow:0 12px 32px #0000002e;animation:onb-fade-in .22s ease}.onboarding-tour__caption h3{margin:0 0 6px;font-size:17px;font-family:var(--font-display, serif)}.onboarding-tour__caption p{margin:0 0 14px;color:var(--ink-2, #555);font-size:14px;line-height:1.4}.onboarding-tour__nav{display:flex;align-items:center;gap:8px;justify-content:flex-end}.onboarding-tour__progress{margin-right:auto;color:var(--ink-3, #888);font-size:12px}@keyframes onb-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.onboarding-tour__spotlight,.onboarding-tour__backdrop,.onboarding-tour__caption{transition:none;animation:none}}.nb-card__cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--paper, #fff);pointer-events:none;border-radius:inherit}.nb-card__title-overlay.is-on-cover{position:absolute;left:0;right:0;bottom:0;padding:6px 10px;background:linear-gradient(0deg,#0000008c,#0000);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:600;font-size:13px;line-height:1.2;max-height:50%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nb-card.is-dragging,.nb-folder__row.is-dragging{opacity:.4;cursor:grabbing}.nb-card.is-drop-target,.nb-folder__row.is-drop-target,.nb-folder__children.is-drop-target{outline:2px dashed var(--accent-1, #C45A2C);outline-offset:4px;border-radius:8px}.nb-folder__children.is-drop-target{min-height:32px;background:#c45a2c0f;padding:6px 0}.nb-search-filter{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line-1);background:var(--paper-sunken);flex-wrap:wrap}.nb-search-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500;background:color-mix(in srgb,var(--tag-color, #C45A2C) 18%,transparent);color:var(--tag-color, #C45A2C);border:1px solid color-mix(in srgb,var(--tag-color, #C45A2C) 40%,transparent)}.kbd-overlay__panel{width:min(540px,calc(100vw - 24px))}.kbd-overlay__body{padding:4px 16px 20px}.kbd-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.kbd-section h4{margin:0 0 8px;font:600 12px/1.2 var(--font-ui, system-ui);color:var(--ink-3, #888);text-transform:uppercase;letter-spacing:.4px}.kbd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line-1);font-size:14px}.kbd-row:last-child{border-bottom:0}.kbd-keys{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.kbd-overlay kbd{font-family:var(--font-mono, ui-monospace, SFMono-Regular, monospace);font-size:12px;padding:2px 6px;background:var(--paper-2, #f5f5f0);border:1px solid var(--line-1);border-radius:4px;box-shadow:0 1px 0 var(--line-1);min-width:18px;text-align:center}#btn-kbd-help{font-weight:600;min-width:32px}@media (max-width: 600px){.kbd-grid{grid-template-columns:1fr;gap:16px}}.bulk-bar{position:sticky;bottom:12px;z-index:30;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--paper, #fff);border:1px solid var(--line-1, #e5e5e0);border-radius:var(--r-md, 8px);box-shadow:0 8px 24px #00000029;margin:0 0 12px}.bulk-bar[hidden]{display:none}.bulk-bar>span{flex:1 1 auto;font-size:14px}.nb-bulk-cb{display:none}.bulk-mode .nb-bulk-cb{display:inline-block;width:16px;height:16px;margin:0 8px 0 0;cursor:pointer;accent-color:var(--accent, #C45A2C)}.bulk-mode .nb-folder__row,.bulk-mode .nb-card{cursor:pointer}.bulk-mode .nb-card__move,.bulk-mode .nb-card__trash,.bulk-mode .nb-card__add-inside,.bulk-mode .nb-folder__toggle{display:none}.add-page-tpl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px 0 8px;border-top:1px solid var(--line-1, #e5e5e0);margin-top:4px}.add-page-tpl{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font:inherit;color:inherit}.add-page-tpl:hover{background:#0000000a;border-color:var(--line-1, #e5e5e0)}.add-page-tpl__name{font-size:11px;color:var(--ink-2)}.add-page-tpl{width:56px;height:40px;border-radius:4px;position:relative;display:block;background:#fff;border:1px solid var(--line-1, #e5e5e0)}.add-page-tpl--blank{background:#fdfcf7}.add-page-tpl--dotted{background:radial-gradient(circle,#c8c8c0 1px,transparent 1.2px) 0 0 / 8px 8px,#fdfcf7}.add-page-tpl--lined{background:linear-gradient(#fdfcf7 95%,#d8d4c8 95%) 0 0 / 100% 24px,#fdfcf7}.add-page-tpl--grid{background:linear-gradient(#d8d4c8 1px,transparent 1px) 0 0 / 100% 24px,linear-gradient(90deg,#d8d4c8 1px,transparent 1px) 0 0 / 24px 100%,#fdfcf7}.add-page-tpl--todo{background:linear-gradient(#d8d4c8 1px,transparent 1px) 0 0 / 100% 22px,#fdfcf7}