.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}:root{--cream: #f6f1e6;--paper: #fbf8f0;--teal: #1e7a6d;--ink: #26332e;--red: #d8502c;--plum: #a84e8c;--mustard: #e3a63b;--cobalt: #2c4ea8;--forest: #254b3a;--pink: #e9a0b6;--hl: #f2ff00;--grid: #e6e1d2;--shelf-top: #1e7a6d;--shelf-edge: #175e53;--shelf-edge-highlight: #3d9486;--poster-backdrop: #efebe2;--color-cover-placeholder-bg: var(--poster-backdrop);--color-cover-placeholder-ink: #b8a78f;--font-serif: "Fraunces", "Noto Serif TC", serif;--font-sans: "Archivo", -apple-system, "PingFang TC", "Noto Sans TC", sans-serif;--font-hand: "Gloria Hallelujah", cursive;--color-bg: var(--cream);--color-green: var(--teal);--color-green-edge: var(--shelf-edge);--color-ink: var(--ink);--color-highlight: var(--hl);--color-hairline: var(--grid);--color-text-secondary: #8a8a86;--color-note-content: var(--ink);--color-darkroom: #16171a;--color-ink-on-yellow: #1c231b;--color-surface: var(--paper);--color-danger: var(--red);--color-ink-accent: #3e4a3d;--ink-rgb: 38, 51, 46;--teal-rgb: 30, 122, 109;--paper-rgb: 251, 248, 240;--shadow-cover: 0 6px 16px rgba(var(--ink-rgb), .14), 0 1px 3px rgba(var(--ink-rgb), .1);--shadow-float: 0 10px 26px rgba(var(--ink-rgb), .28);--shadow-card-hover: 0 16px 36px rgba(var(--ink-rgb), .14), 0 4px 10px rgba(var(--ink-rgb), .07);--content-left: 20px;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-right: env(safe-area-inset-right);--size-circle-btn: 36px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--radius-pill: 999px;--radius-full: 50%;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-22: 22px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-body: var(--text-sm);--text-wordmark: 46px;--text-brand-over: clamp(30px, 9vw, 38px);--text-brand-hero: clamp(50px, 15.5vw, 68px);--text-brand-splash: clamp(48px, 15vw, 88px)}:root{--color-shell-bg: var(--cream);--color-text: var(--color-ink);--color-text-muted: var(--color-text-secondary)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:var(--font-sans);background:var(--color-shell-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:inherit}button{cursor:pointer;font:inherit;border-radius:var(--radius-pill);border:1px solid var(--color-green);background:transparent;color:var(--color-green);padding:var(--space-10) var(--space-22);font-size:var(--text-sm);letter-spacing:.02em;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease}button:hover:not(:disabled){background:var(--color-green);color:var(--color-bg);box-shadow:0 6px 16px rgba(var(--teal-rgb),.28)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button.icon-btn{background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);padding:var(--space-4) var(--space-8);font-size:var(--text-md)}button.icon-btn:hover{background:var(--color-hairline);color:var(--color-text);box-shadow:none}input,textarea,select{font:inherit;font-size:var(--text-md);padding:var(--space-10) var(--space-12);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px rgba(var(--teal-rgb),.12)}label{display:flex;flex-direction:column;gap:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-14)}.app-header{display:flex;justify-content:center;padding:var(--space-24) var(--space-32);background:var(--color-shell-bg);box-shadow:0 1px rgba(var(--ink-rgb),.08)}.app-title{display:inline-flex;align-items:baseline;gap:var(--space-12);text-decoration:none}.app-name{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;letter-spacing:.07em;color:var(--color-text)}.app-subtitle{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.22em;color:var(--color-text-muted)}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-shell-bg);padding:var(--space-24)}.login-card{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:320px}.login-wordmark{font-family:var(--font-serif);font-optical-sizing:none;font-variation-settings:"opsz" 144;font-weight:400;font-size:var(--text-wordmark);line-height:1.1;color:var(--color-green);margin:0 0 var(--space-4)}.login-subtitle{font-family:var(--font-serif);font-weight:400;font-size:var(--text-md);letter-spacing:normal;color:var(--color-text-muted);margin:0 0 56px}.login-cta-block{width:100%}button.login-google-btn{width:100%;height:52px;border-radius:26px;border:none;background:var(--color-green);color:var(--color-bg);display:flex;align-items:center;justify-content:center;gap:var(--space-10);font-family:var(--font-serif);font-size:var(--text-md);padding:0 var(--space-22);box-shadow:none}button.login-google-btn:hover:not(:disabled){background:var(--color-green-edge);box-shadow:none;transform:none}.login-google-icon{width:26px;height:26px;border-radius:var(--radius-full);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-google-icon img{width:16px;height:16px;display:block}.login-divider{width:100%;display:flex;align-items:center;margin:var(--space-22) 0}.login-divider-line{flex:1;height:1px;background:var(--color-hairline)}.login-divider-label{margin:0 var(--space-12);font-size:var(--text-sm);color:var(--color-text-muted)}button.login-guest-btn{border:none;background:none;padding:var(--space-4) 0;font-family:var(--font-serif);font-optical-sizing:none;font-variation-settings:"opsz" 24;font-size:var(--text-md);color:rgba(var(--teal-rgb),.65);margin:0 0 var(--space-8)}button.login-guest-btn:hover:not(:disabled){background:none;color:rgba(var(--teal-rgb),.65);box-shadow:none;transform:none}.login-guest-warning{font-size:var(--text-xs);line-height:1.75;max-width:252px;color:var(--color-text-muted);margin:0}.avatar-menu{position:relative}.avatar-trigger{width:var(--size-circle-btn);height:var(--size-circle-btn);border-radius:var(--radius-full);border:none;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-green);color:var(--color-bg);-webkit-tap-highlight-color:transparent}.avatar-trigger:hover{background:var(--color-green);box-shadow:none;transform:none}.avatar-trigger img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:max(0px,env(safe-area-inset-right));z-index:20;min-width:200px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);padding:var(--space-14) var(--space-16)}.avatar-dropdown-email{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);word-break:break-all}.avatar-dropdown-divider{height:1px;background:var(--color-hairline);margin:var(--space-12) 0}button.avatar-dropdown-logout{width:100%;border:none;background:none;padding:0;text-align:left;color:var(--color-green);font-size:var(--text-sm)}button.avatar-dropdown-logout:hover{background:none;color:var(--color-green);box-shadow:none;transform:none;text-decoration:underline}.avatar-dropdown-language-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.avatar-dropdown-language-label{font-size:var(--text-sm);font-weight:600;color:var(--color-green)}.locale-pill{display:flex;border:1px solid var(--color-green);border-radius:var(--radius-pill);overflow:hidden}button.locale-pill-seg{border:none;border-radius:0;background:transparent;color:var(--color-green);padding:var(--space-4) var(--space-12);font-size:var(--text-xs);line-height:1.6}button.locale-pill-seg:hover{background:transparent;color:var(--color-green);box-shadow:none;transform:none}button.locale-pill-seg.is-active,button.locale-pill-seg.is-active:hover{background:var(--color-green);color:var(--cream)}button.guest-signin-btn{border:none;background:none;padding:var(--space-6) var(--space-4);color:var(--color-green);font-size:var(--text-sm)}button.guest-signin-btn:hover{background:none;color:var(--color-green);box-shadow:none;transform:none;text-decoration:underline}.local-mode-banner{background:color-mix(in srgb,var(--mustard) 16%,var(--color-bg));color:color-mix(in srgb,var(--mustard) 55%,var(--color-ink));font-size:var(--text-sm);padding:var(--space-10) var(--space-32);line-height:1.6;border-bottom:1px solid var(--color-hairline)}.local-mode-banner code{background:rgba(var(--ink-rgb),.06);padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm)}.app-main{max-width:1120px;margin:0 auto;padding:48px var(--space-32) 80px}.app-main--flush{max-width:none;margin:0;padding:0}.empty-hint{color:var(--color-text-muted);font-size:var(--text-md)}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-family:var(--font-serif);font-size:var(--text-2xl);margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-10);margin-top:var(--space-8)}.search-results{list-style:none;margin:0 0 var(--space-24);padding:0;max-height:280px;overflow-y:auto;border:1px solid var(--color-hairline);border-radius:var(--radius-md)}.search-result{display:flex;gap:var(--space-12);padding:var(--space-10);border-bottom:1px solid var(--color-hairline);cursor:pointer;transition:background .15s ease}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--color-shell-bg)}.search-result.selected{background:rgba(var(--teal-rgb),.08)}.search-result img{width:48px;height:72px;object-fit:cover;border-radius:var(--radius-sm);box-shadow:0 2px 6px rgba(var(--ink-rgb),.15)}.search-result-noimg{width:48px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:var(--text-lg);background:var(--color-cover-placeholder-bg);color:var(--color-cover-placeholder-ink);border-radius:var(--radius-sm)}.search-result-title{margin:0;font-family:var(--font-serif);font-weight:600;font-size:var(--text-sm)}.search-result-author,.search-result-date{margin:var(--space-4) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.form-error{color:var(--color-danger);font-size:var(--text-sm)}.book-page{min-height:100dvh;background:var(--color-bg);display:flex;flex-direction:column;overflow-x:hidden}.book-page-back{position:fixed;top:calc(var(--safe-top) + 12px);left:var(--content-left);z-index:20;text-decoration:none}.book-page-poster{position:relative;display:flex;justify-content:center;padding:calc(var(--safe-top) + 58px) var(--content-left) var(--space-32);background:var(--poster-backdrop)}.book-page-cover{display:block;width:118px;aspect-ratio:2 / 3;border-radius:var(--radius-md);overflow:hidden;background:var(--color-cover-placeholder-bg);border:.5px solid rgba(var(--ink-rgb),.12);box-shadow:var(--shadow-cover)}.book-page-cover img{width:100%;height:100%;object-fit:cover;display:block}.book-page-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-cover-placeholder-ink)}.book-page-titleblock{padding:var(--space-20) var(--content-left) 0}.book-page-title{margin:0;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;line-height:1.3;color:var(--color-ink)}.book-page-title-hairline{height:1px;background:var(--color-hairline);margin:var(--space-14) 0}.book-page-meta-grid{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10)}.book-page-meta-item{font-size:var(--text-xs);color:var(--color-text-secondary)}.book-page-author{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-page-meta-grid>:not(.book-page-author){flex-shrink:0;white-space:nowrap}.book-page-edit-btn{background:transparent;border:none;padding:var(--space-14) var(--space-4);text-decoration:underline}button.book-page-edit-btn:hover{background:transparent;color:var(--color-ink);box-shadow:none}.note-detail-screen{min-height:100dvh;background:var(--color-bg);display:flex;flex-direction:column;overflow-x:hidden}.note-detail-band{position:sticky;top:0;z-index:10;flex-shrink:0;display:flex;align-items:center;gap:var(--space-14);background:var(--color-bg);padding:calc(var(--safe-top) + 18px) var(--content-left) var(--space-18);border-bottom:1px solid var(--color-hairline)}.note-detail-back{flex-shrink:0}.note-detail-title{margin:0;min-width:0;flex:1;font-family:var(--font-serif);font-size:var(--text-md);font-weight:700;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-frosted--glass{border:1px solid rgba(var(--ink-rgb),.14);background:rgba(var(--paper-rgb),.55);backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);box-shadow:0 2px 8px rgba(var(--ink-rgb),.08);color:var(--color-ink)}button.btn-frosted--glass:hover{background:rgba(var(--paper-rgb),.8);color:var(--color-ink);box-shadow:0 2px 8px rgba(var(--ink-rgb),.08)}.note-detail-annotate-btn{flex-shrink:0}.note-detail-darkroom{flex-shrink:0;background:var(--color-darkroom)}.note-detail-image{display:block;width:100%;height:auto}.note-detail-paper{flex:1;padding:var(--space-20) var(--space-24) 60px}.note-detail-meta-row{display:flex;align-items:baseline;gap:var(--space-12)}.note-detail-meta-row--no-page{justify-content:flex-end}.meta-text{font-family:var(--font-sans);font-style:normal}.note-detail-page-wrap{position:relative;display:inline-flex;align-items:center}.note-detail-page-highlight{position:absolute;left:-5px;top:15%;height:70%;background:var(--color-highlight);opacity:.55;transform:skew(-8deg);z-index:0}.note-detail-page{position:relative;z-index:1;margin:0;font-weight:500;font-size:var(--text-lg);color:var(--color-ink)}.note-detail-date{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.note-detail-content{margin:var(--space-14) 0 0;font-size:var(--text-body);line-height:1.75;color:var(--color-note-content);white-space:pre-wrap;word-break:break-word}.note-detail-edit-btn{display:inline-flex;align-items:center;gap:var(--space-4);margin-top:var(--space-14);background:transparent;border:none;padding:var(--space-10) 0;font-size:var(--text-xs);font-weight:600;color:var(--color-green)}button.note-detail-edit-btn:hover{background:transparent;color:var(--color-green);box-shadow:none}.note-timeline{flex:1;display:flex;flex-direction:column;padding:var(--space-4) var(--content-left) 140px}.note-timeline-day-group+.note-timeline-day-group{margin-top:var(--space-8)}.note-timeline-day-header{position:relative;display:inline-flex;align-items:center;margin:var(--space-20) 0 var(--space-14)}.note-timeline-day-highlight{position:absolute;left:-5px;top:15%;height:70%;background:var(--color-highlight);opacity:.55;transform:skew(-8deg);z-index:0}.note-timeline-day-label{position:relative;z-index:1;font-size:var(--text-xs);font-weight:600;letter-spacing:.22em;color:var(--color-ink)}.note-timeline-card{display:block;width:100%;text-align:left;background:var(--color-surface);border:.5px solid var(--color-hairline);border-radius:var(--radius-sm);overflow:hidden;padding:0}.note-timeline-card+.note-timeline-card{margin-top:var(--space-16)}button.note-timeline-card:hover{background:var(--color-surface);box-shadow:none}.note-timeline-thumb{display:block;width:100%;max-height:320px;object-fit:cover}.note-timeline-card-body{padding:var(--space-14) var(--space-16) var(--space-12)}.note-timeline-page{margin:0;font-family:var(--font-serif);font-weight:500;font-size:var(--text-sm);color:var(--color-ink)}.note-timeline-content{margin:var(--space-10) 0 0;font-size:var(--text-body);line-height:1.75;color:var(--color-note-content);white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip}.note-timeline-content.is-multiline{mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)}.note-timeline-card-hairline{height:1px;background:var(--color-hairline);margin:var(--space-12) 0 var(--space-8)}.note-timeline-card-meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.note-timeline-empty{padding:var(--space-12) var(--content-left) 140px;color:var(--color-text-secondary);font-size:var(--text-sm)}.note-timeline-empty p{margin:0}.note-timeline-empty p+p{margin-top:var(--space-6)}.bookshelf-page{min-height:100dvh;background:var(--color-bg);position:relative;display:flex;flex-direction:column;overflow-x:hidden}.bookshelf-header{flex-shrink:0;padding:var(--space-28) var(--content-left) 0}.brand-hero{padding:0 0 0 var(--space-4)}.brand-title-over{font-family:var(--font-serif);font-weight:300;font-size:var(--text-brand-over);line-height:1.1;color:var(--color-green);letter-spacing:-.045em;margin:0 0 var(--space-2);font-optical-sizing:none;font-variation-settings:"opsz" 40}.brand-title{font-family:var(--font-serif);font-weight:300;font-size:var(--text-brand-hero);line-height:.98;color:var(--color-green);letter-spacing:-.045em;margin:0;font-optical-sizing:none;font-variation-settings:"opsz" 40}.brand-hero-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.shelf-illo{margin:var(--space-8) -4px 0;display:block;width:calc(100% + 8px);height:auto}@media (prefers-reduced-motion: no-preference){.shelf-illo .sway{transform-origin:bottom center;animation:shelf-illo-sway 6s ease-in-out infinite}@keyframes shelf-illo-sway{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}.shelf-illo .blink{animation:shelf-illo-blink 4.5s infinite}@keyframes shelf-illo-blink{0%,92%,to{opacity:1}95%{opacity:0}}}.bookshelf-filterrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-8) var(--space-10);padding:var(--space-20) 0 var(--space-4)}.bookshelf-count{margin:0;font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:var(--text-md);color:var(--color-ink);opacity:.65}.bookshelf-filterrow-icons{display:flex;align-items:center;gap:var(--space-12)}.filter-pills-row{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-8);margin-left:auto}.filter-pill{display:flex;align-items:center;gap:var(--space-6);border:1.2px solid var(--color-green);border-radius:var(--radius-pill);padding:var(--space-6) var(--space-14);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-green);background:transparent}button.filter-pill:hover{background:rgba(var(--teal-rgb),.08);color:var(--color-green);box-shadow:none}.pill-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-16);border-radius:var(--radius-pill);border:1.2px solid var(--color-green);background:transparent;color:var(--color-green);-webkit-tap-highlight-color:transparent}button.pill-btn:hover{background:var(--color-green);color:var(--color-bg);box-shadow:none}button.pill-btn:active{background:rgba(var(--teal-rgb),.08);color:var(--color-green);box-shadow:none}button.pill-btn:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.bookshelf-search-row{margin-top:var(--space-14)}.bookshelf-search-row input{width:100%;border:1.5px solid var(--color-hairline);border-radius:var(--radius-pill);padding:var(--space-10) var(--space-18)}.bookshelf-status{position:relative;z-index:2;padding:var(--space-8) var(--content-left) 0;font-size:var(--text-sm)}.shelf-rows{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;gap:var(--space-22);padding:var(--space-8) 0 170px}.shelf-plank-top{position:absolute;top:0;left:0;right:0;height:12px;background:var(--color-green);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 100%,0 100%)}.shelf-plank-front{position:absolute;bottom:0;left:0;right:0;height:7px;background:var(--color-green-edge);border-top:1px solid var(--shelf-edge-highlight);border-bottom:1px solid var(--color-ink);box-shadow:0 10px 20px rgba(var(--ink-rgb),.1)}.wrap-shelf-rows{display:flex;flex-direction:column;gap:var(--space-24);padding:0 var(--content-left) var(--space-24)}.wrap-shelf-row{position:relative}.wrap-shelf-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:var(--space-12);min-height:134px;padding-bottom:var(--space-14)}.wrap-shelf-book{position:relative;display:block;text-decoration:none;color:inherit;z-index:1}.wrap-shelf-book:after{content:"";position:absolute;left:14%;right:14%;bottom:-3px;height:10px;background:radial-gradient(ellipse at center,rgba(var(--ink-rgb),.28),transparent 72%);filter:blur(3px);z-index:-1}.wrap-shelf-book-cover{display:block;width:100%;aspect-ratio:2 / 3;border-radius:4px 8px 8px 4px;overflow:hidden;background:var(--color-cover-placeholder-bg);box-shadow:0 3px 6px rgba(var(--ink-rgb),.18)}.wrap-shelf-book-cover img{width:100%;height:100%;object-fit:cover;display:block}.wrap-shelf-book-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-cover-placeholder-ink);background:var(--color-cover-placeholder-bg)}.wrap-shelf-plank{position:absolute;left:0;right:0;bottom:0;height:19px;pointer-events:none;z-index:0}.add-book-btn{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);z-index:20;display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-14) var(--space-28);border:none;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-bg);font-size:var(--text-md);white-space:nowrap;font-weight:600;letter-spacing:.02em;box-shadow:0 8px 24px rgba(var(--ink-rgb),.25)}button.add-book-btn:hover{background:var(--color-ink);color:var(--color-bg);box-shadow:0 10px 28px rgba(var(--ink-rgb),.3)}button.add-book-btn:active{transform:translate(-50%) scale(.96)}.add-book-btn-icon{font-size:var(--text-lg);line-height:1}.add-book-btn.btn-frosted{border-radius:var(--radius-pill);padding:var(--space-14) var(--space-28);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);letter-spacing:.22em;text-transform:uppercase}.add-book-btn.btn-frosted .add-book-btn-icon{color:var(--hl);font-weight:600}.btn-frosted{border:.5px solid rgba(var(--paper-rgb),.22);background:rgba(var(--ink-rgb),.78);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 2px 6px rgba(var(--ink-rgb),.16),0 10px 28px rgba(var(--ink-rgb),.28),inset 0 1px rgba(var(--paper-rgb),.25),inset 0 -1px rgba(var(--ink-rgb),.18);color:var(--color-bg)}button.btn-frosted:hover{background:rgba(var(--ink-rgb),.78);color:var(--color-bg);box-shadow:0 2px 6px rgba(var(--ink-rgb),.16),0 10px 28px rgba(var(--ink-rgb),.28),inset 0 1px rgba(var(--paper-rgb),.25),inset 0 -1px rgba(var(--ink-rgb),.18)}.btn-frosted--circle{width:var(--size-circle-btn);height:var(--size-circle-btn);padding:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);line-height:1}.btn-frosted--sm{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-14);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-pill)}.add-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--ink-rgb),.4);z-index:100;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}.add-modal{width:calc(100% - 32px);max-width:420px;max-height:87dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-sizing:border-box;background:var(--color-bg);color:var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-22);box-shadow:var(--shadow-card-hover)}.add-modal *{box-sizing:border-box}.add-modal input,.add-modal select,.add-modal textarea{width:100%;background:var(--color-surface);border:1px solid rgba(var(--ink-rgb),.35);border-radius:var(--radius-md);padding:var(--space-10) var(--space-14);color:var(--color-ink);font-family:inherit}.add-modal textarea{resize:vertical;min-height:120px;transition:min-height .18s ease}.add-modal textarea:focus{min-height:220px}.add-modal input::placeholder,.add-modal textarea::placeholder{color:var(--color-text-secondary)}.add-modal input:focus,.add-modal select:focus,.add-modal textarea:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px rgba(var(--teal-rgb),.15)}.add-modal-search{margin:var(--space-12) 0 var(--space-14)}.add-modal-section-title{font-family:var(--font-serif);font-weight:600;font-size:var(--text-lg);color:var(--color-green);margin:var(--space-2) 0 var(--space-10)}.add-modal-title{color:var(--color-green)}.add-modal-form{display:flex;flex-direction:column;width:100%}.add-modal-label{display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-10);width:100%}.add-modal-field{margin-bottom:var(--space-10);width:100%}.add-modal-label-text{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.note-image-selected-row{display:flex;align-items:center;gap:var(--space-10)}.note-image-thumb-sm{display:block;width:72px;height:72px;max-height:96px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-ink);flex-shrink:0}.note-image-annotate-link{flex:1;min-width:0;background:transparent;border:none;padding:0;color:var(--color-ink);font-size:var(--text-sm);text-decoration:underline;text-align:left}button.note-image-annotate-link:hover{background:transparent;color:var(--color-text-secondary);box-shadow:none}.note-image-remove-sm{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-ink);color:var(--color-ink);font-size:var(--text-xs);padding:0}button.note-image-remove-sm:hover{background:var(--color-ink);color:var(--color-bg);box-shadow:none}.annotator-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--color-darkroom);display:flex;flex-direction:column;touch-action:none;overscroll-behavior:none}.annotator-header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-6);padding:calc(var(--safe-top) + 10px) var(--space-10) var(--space-10)}.annotator-cancel{flex-shrink:0;background:rgba(var(--paper-rgb),.14);border:1px solid rgba(var(--paper-rgb),.4);border-radius:var(--radius-pill);color:var(--color-bg);padding:var(--space-10) var(--space-18);font-size:var(--text-xs);font-weight:600}button.annotator-cancel:hover{background:rgba(var(--paper-rgb),.24);color:var(--color-bg);box-shadow:none}.annotator-spacer{flex:1}.annotator-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:var(--space-14);padding:var(--space-4) var(--space-10) var(--space-14)}.annotator-swatches{display:flex;align-items:center;gap:var(--space-12)}.annotator-swatch{flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-full);box-shadow:none;transform:scale(1);transition:transform .15s ease,box-shadow .15s ease}button.annotator-swatch:hover{box-shadow:none}.annotator-swatch.selected{box-shadow:0 0 0 2px var(--color-bg);transform:scale(1.1)}.annotator-clear,.annotator-undo{flex-shrink:0;width:var(--size-circle-btn);height:var(--size-circle-btn);padding:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--paper-rgb),.14);border:none;border-radius:var(--radius-full);color:var(--color-bg)}button.annotator-clear:hover,button.annotator-undo:hover{background:rgba(var(--paper-rgb),.28);color:var(--color-bg);box-shadow:none}button.annotator-clear:disabled,button.annotator-undo:disabled{opacity:.35}.annotator-canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--space-8);overflow:hidden}.annotator-canvas{max-width:100%;max-height:100%;touch-action:none;background:var(--color-darkroom);border-radius:var(--radius-sm)}.annotator-done{flex-shrink:0;background:var(--paper);border:none;border-radius:var(--radius-pill);color:var(--color-ink);padding:var(--space-10) var(--space-18);font-size:var(--text-xs);font-weight:700}button.annotator-done:hover{background:var(--paper);color:var(--color-ink);box-shadow:0 0 0 2px rgba(var(--paper-rgb),.4)}input.add-modal-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.add-modal-file-row{display:flex;align-items:center;gap:var(--space-12)}.add-modal-file-btn{flex-shrink:0;display:inline-flex;align-items:center;border:1px solid var(--color-green);border-radius:var(--radius-md);padding:var(--space-10) var(--space-16);font-size:var(--text-sm);color:var(--color-green);background:transparent;cursor:pointer}.add-modal-file-btn:hover{background:var(--color-green);color:var(--color-bg)}.add-modal-file-name{font-size:var(--text-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-page-btn{border-radius:var(--radius-pill);padding:var(--space-14) var(--space-28);font-size:var(--text-md);font-weight:600;letter-spacing:.02em;border:none}.add-page-btn-secondary--green{background:transparent;color:var(--color-green);border:1px solid var(--color-green)}button.add-page-btn-secondary--green:hover:not(:disabled){background:var(--color-green);color:var(--color-bg);box-shadow:none}.add-page-btn.btn-frosted{border-radius:var(--radius-pill);padding:var(--space-14) var(--space-28);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);letter-spacing:.22em;text-transform:uppercase}.action-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--ink-rgb),.35);z-index:200;display:flex;align-items:flex-end}.action-sheet{width:100%;background:var(--color-bg);border-radius:20px 20px 0 0;padding:var(--space-10) var(--space-20) calc(20px + var(--safe-bottom));box-shadow:0 -8px 30px rgba(var(--ink-rgb),.15)}.action-sheet-title{text-align:center;font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin:var(--space-8) 0 var(--space-6)}.action-sheet-option{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;border-radius:0;border-bottom:1px solid rgba(var(--ink-rgb),.08);padding:var(--space-14) var(--space-4);font-size:var(--text-md);color:var(--color-ink);text-align:left}button.action-sheet-option:hover{background:transparent;color:var(--color-ink);box-shadow:none}.action-sheet-check{color:var(--color-ink);font-weight:700}.action-sheet-sublist{padding-left:var(--space-16)}.action-sheet-suboption{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;border-bottom:1px solid rgba(var(--ink-rgb),.08);padding:var(--space-12) var(--space-4);font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-ink);text-align:left}.action-sheet-sublist .action-sheet-suboption:last-child{border-bottom:none}button.action-sheet-suboption:hover{background:transparent;color:var(--color-ink);box-shadow:none}.action-sheet-cancel{display:block;width:100%;margin-top:var(--space-12);background:var(--color-surface);border:1.5px solid var(--color-green);border-radius:var(--radius-lg);padding:var(--space-14);font-size:var(--text-md);font-weight:600;color:var(--color-green);text-align:center}button.action-sheet-cancel:hover{background:var(--color-green);color:var(--color-bg);box-shadow:none}.edit-modal-delete{display:block;margin:var(--space-18) auto 0;background:transparent;border:none;border-radius:var(--radius-sm);padding:var(--space-6);font-size:var(--text-sm);font-weight:400;color:var(--color-danger);text-decoration:underline}.edit-modal-delete:hover{background:transparent;color:var(--color-danger);box-shadow:none;opacity:.8}.driver-popover.marginalia-tour{font-family:var(--font-sans);background:var(--cream);color:var(--color-ink-accent);border-radius:var(--radius-lg);padding:var(--space-18) var(--space-20);box-shadow:var(--shadow-float);max-width:280px}.marginalia-tour .driver-popover-title{font-family:var(--font-serif);font-size:var(--text-md);font-weight:700;color:var(--color-ink-accent)}.marginalia-tour .driver-popover-description{font-size:var(--text-sm);line-height:1.6;color:var(--color-ink-accent)}.marginalia-tour .driver-popover-arrow-side-left{border-left-color:var(--cream)}.marginalia-tour .driver-popover-arrow-side-right{border-right-color:var(--cream)}.marginalia-tour .driver-popover-arrow-side-top{border-top-color:var(--cream)}.marginalia-tour .driver-popover-arrow-side-bottom{border-bottom-color:var(--cream)}.marginalia-tour .driver-popover-footer{margin-top:var(--space-16)}.marginalia-tour .driver-popover-navigation-btns{gap:var(--space-8)}.marginalia-tour .driver-popover-next-btn,.marginalia-tour .tour-skip-btn{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--radius-pill);padding:var(--space-10) var(--space-18);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;text-align:center;transition:background .18s ease,color .18s ease}.marginalia-tour .driver-popover-next-btn{border:.5px solid rgba(var(--paper-rgb),.22);background:rgba(var(--ink-rgb),.78);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);color:var(--color-bg)}.marginalia-tour .driver-popover-next-btn:hover{background:rgba(var(--ink-rgb),.78);color:var(--color-bg)}.marginalia-tour .tour-skip-btn{border:1px solid var(--color-green);background:transparent;color:var(--color-green)}.marginalia-tour .tour-skip-btn:hover{background:var(--color-green);color:var(--color-bg)}.splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cream);cursor:pointer;transition:opacity .45s ease}.splash-overlay--fading{opacity:0;pointer-events:none}.splash-lockup{position:relative;width:min(86vw,440px);display:flex;flex-direction:column;align-items:center;transform:scale(1);transition:transform .5s cubic-bezier(.22,.61,.36,1)}.splash-lockup--settling{transform:scale(.92)}.splash-word{font-family:var(--font-serif);font-weight:300;font-size:var(--text-brand-splash);line-height:1;color:var(--color-green);letter-spacing:-.045em;font-optical-sizing:none;font-variation-settings:"opsz" 40;display:flex;align-items:baseline;white-space:nowrap;position:relative}.splash-ch{opacity:0;transform:translateY(.06em);display:inline-block}.splash-ch--on{opacity:1;transform:none;transition:opacity .05s linear}.splash-caret{position:absolute;top:50%;left:0;transform:translateY(-50%);width:.06em;height:.82em;background:var(--color-ink-accent);opacity:0}.splash-caret--blink{animation:splash-caret-blink .62s step-end infinite}.splash-caret--gone{opacity:0!important;animation:none}@keyframes splash-caret-blink{50%{opacity:0}0%,to{opacity:1}}.splash-stroke-wrap{width:100%;margin-top:.12em;display:flex;justify-content:center}.splash-stroke{width:78%;height:auto;overflow:visible}.splash-book-line{fill:none;stroke:var(--color-ink-accent);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .68s cubic-bezier(.65,0,.35,1)}.splash-bird{position:absolute;right:9%;bottom:-14px;width:clamp(50px,14vw,72px);opacity:0;transform:translateY(7px) scale(.9)}.splash-bird svg{display:block;width:100%;height:auto}.splash-bird--in{opacity:1;transform:none;transition:opacity .32s ease,transform .34s cubic-bezier(.34,1.4,.5,1)}.splash-eye{transform-box:fill-box;transform-origin:center}.splash-eye--wink{animation:splash-wink .28s ease-in-out 1}@keyframes splash-wink{0%,to{transform:scaleY(1)}45%,55%{transform:scaleY(.1)}}@media (prefers-reduced-motion: reduce){.splash-ch{opacity:1;transform:none}.splash-caret{display:none}}@keyframes app-enter-fade{0%{opacity:0}to{opacity:1}}.app-enter-fade{animation-name:app-enter-fade;animation-timing-function:ease;animation-fill-mode:both}