/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;height:100%;min-height:100%;overflow:clip hidden}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom);line-height:1.6}#root{flex-direction:column;height:100dvh;display:flex}.library-page,.library-shell,.library-header-wrap,.library-search-panel,.library-search-field,.library-content,.library-grid-wrap,.library-grid-panel,.entry-grid>*{min-width:0;max-width:100%}.library-shell{width:min(100% - clamp(24px,5vw,72px),1280px);min-width:0;margin-inline:auto}@media (width<=640px){.library-shell{width:min(100% - 20px,520px)}}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(170px,16vw,230px),1fr));align-items:start;gap:clamp(14px,1.8vw,24px);width:100%;min-width:0;max-width:100%;display:grid}@media (width<=640px){.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:12px}}@media (width<=340px){.entry-grid{grid-template-columns:1fr}}.entry-card{grid-template-rows:auto auto auto;justify-self:center;width:100%;min-width:0;max-width:240px;display:grid;overflow:visible}@media (width<=640px){.entry-card{max-width:none}}.cover-stage{aspect-ratio:3/4;position:relative;overflow:hidden}.library-results-shell{flex:1;padding:24px 0 120px}.library-results-shell.is-empty{padding-top:clamp(6px,1.5vh,14px);padding-bottom:calc(56px + env(safe-area-inset-bottom))}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,1.8vh,16px);min-height:clamp(260px,36dvh,360px);padding:clamp(14px,2.5vh,24px) 20px;display:flex}.empty-state-art{justify-content:center;display:flex;position:relative}.empty-state-art img{object-fit:contain;width:clamp(118px,17vw,168px);max-width:100%;height:auto;max-height:clamp(118px,17vw,168px);filter:drop-shadow(0 8px 16px var(--shadow))}.empty-state-copy{flex-direction:column;align-items:center;gap:6px;display:flex}.empty-state-title{font-family:var(--font-display);color:var(--ink);letter-spacing:.04em;text-wrap:balance;margin:0;font-size:clamp(1.35rem,3.6vw,1.7rem);line-height:1.12}.empty-state-message{font-family:var(--font-body);color:var(--muted);max-width:300px;margin:0;font-size:clamp(.82rem,2vw,.95rem);font-style:italic;line-height:1.45}.empty-state .sticker-btn{min-height:34px;padding:6px 14px;font-size:.9rem}.card-body{min-height:72px;overflow:hidden}.card-actions{grid-template-columns:1fr auto;align-items:stretch;gap:8px;min-height:42px;padding:6px 8px 8px;display:grid}.card-actions button{min-height:32px}.app-main{scrollbar-width:none;min-width:0;max-width:100%}.app-main::-webkit-scrollbar{width:0;height:0;display:none}.library-header-wrap{--panel:var(--paper);margin-inline:auto;width:min(100% - 48px,1050px);min-width:0;margin-top:18px;margin-bottom:28px}.library-tabs-desktop{z-index:2;justify-content:center;align-items:flex-end;gap:4px;min-width:0;padding-inline:16px;display:flex;position:relative;transform:translateY(1px)}.library-tab-desktop{border:1px solid var(--border);background:var(--panel);border-bottom:none;border-radius:12px 12px 0 0;flex:0 auto;min-width:0;height:42px;padding:0 clamp(10px,1.6vw,18px)}@supports (color:color-mix(in lab, red, red)){.library-tab-desktop{background:color-mix(in srgb, var(--panel) 82%, black)}}.library-tab-desktop{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.04em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;gap:6px;font-size:clamp(11px,1.3vw,13px);line-height:1;display:inline-flex}.library-tab-desktop:hover{color:var(--ink);background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.library-tab-desktop:hover{background:color-mix(in srgb, var(--panel) 90%, black)}}.library-tab-desktop:focus-visible{box-shadow:0 -8px 22px var(--accent), inset 0 0 0 1px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.library-tab-desktop:focus-visible{box-shadow:0 -8px 22px color-mix(in srgb, var(--accent) 16%, transparent), inset 0 0 0 1px var(--accent)}}.library-tab-desktop.is-active{background:var(--panel);color:var(--accent);border-color:var(--accent);height:46px;box-shadow:0 -8px 22px var(--accent);transform:translateY(1px)}@supports (color:color-mix(in lab, red, red)){.library-tab-desktop.is-active{box-shadow:0 -8px 22px color-mix(in srgb, var(--accent) 18%, transparent)}}.library-tab-desktop.is-active{z-index:3}.library-tab-desktop.is-active:after{content:"";background:var(--panel);height:2px;position:absolute;bottom:-1px;left:0;right:0}.library-tab-count-desktop{background:var(--accent);border-radius:999px;place-items:center;min-width:18px;height:18px;padding-inline:5px;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.library-tab-count-desktop{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.library-tab-count-desktop{color:currentColor;font-family:var(--font-body);letter-spacing:0;font-size:10px;font-weight:700}.library-search-panel{z-index:1;border:1px solid var(--border);background:linear-gradient(180deg, var(--panel), var(--panel));grid-template-columns:minmax(0,1fr) 150px;gap:12px;padding:16px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.library-search-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, white 3%), color-mix(in srgb, var(--panel) 86%, black 8%))}}.library-search-panel{min-width:0;box-shadow:inset 0 1px #ffffff14,0 18px 42px #00000038}.library-search-field{width:100%;position:relative}.library-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.library-search-input,.library-sort-select{border:1px solid var(--border);background:linear-gradient(180deg, var(--card), var(--card));border-radius:4px;width:100%;min-width:0;height:46px}@supports (color:color-mix(in lab, red, red)){.library-search-input,.library-sort-select{background:linear-gradient(180deg, color-mix(in srgb, var(--card) 82%, white 4%), color-mix(in srgb, var(--card) 88%, black 6%))}}.library-search-input,.library-sort-select{color:var(--ink);outline:none;box-shadow:inset 2px 2px #0000003d,inset -1px -1px #ffffff12}.library-search-input{font-family:var(--font-body);caret-color:var(--accent);padding:0 12px 0 40px;font-size:.95rem}.library-search-input::placeholder{color:var(--muted);font-style:italic}@supports (color:color-mix(in lab, red, red)){.library-search-input:focus,.library-sort-select:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent), inset 2px 2px 0 #0000003d, inset -1px -1px 0 #ffffff12}}.library-sort-select{width:150px;font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;padding:0 8px;font-size:.78rem}.library-tabs-mobile{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%;min-width:0;margin-top:10px;display:none}.icon-tab{border:1px solid var(--border);background:linear-gradient(180deg, var(--paper), var(--card));place-items:center;width:100%;min-width:0;height:42px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.icon-tab{background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 80%, var(--card)), var(--card))}}.icon-tab{color:var(--muted);box-shadow:inset 0 1px 0 var(--ink), 2px 2px 0 color-mix(in srgb, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a 70%, transparent);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.icon-tab{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent), 2px 2px 0 color-mix(in srgb, var(--shadow) 70%, transparent)}}.icon-tab{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .12s}.icon-tab svg{color:currentColor;pointer-events:none;width:20px;height:20px}.icon-tab:active{box-shadow:inset 1px 1px 0 color-mix(in srgb, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a 55%, transparent), 1px 1px 0 color-mix(in srgb, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a 65%, transparent);transform:translate(1px,1px)}@supports (color:color-mix(in lab, red, red)){.icon-tab:active{box-shadow:inset 1px 1px 0 color-mix(in srgb, var(--shadow) 55%, transparent), 1px 1px 0 color-mix(in srgb, var(--shadow) 65%, transparent)}}.icon-tab.is-active{color:var(--accent);border-color:var(--accent);background:linear-gradient(180deg, var(--accent), var(--accent))}@supports (color:color-mix(in lab, red, red)){.icon-tab.is-active{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 20%, var(--paper)), color-mix(in srgb, var(--accent) 16%, var(--card)))}}.icon-tab.is-active{box-shadow:0 0 0 1px var(--accent), inset 2px 2px 0 color-mix(in srgb, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a 24%, transparent)}@supports (color:color-mix(in lab, red, red)){.icon-tab.is-active{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent), inset 2px 2px 0 color-mix(in srgb, var(--shadow) 24%, transparent)}}.icon-tab-count{min-width:14px;height:14px;font-family:var(--font-body);text-align:center;background:var(--accent);color:var(--bg);box-shadow:0 0 0 1px var(--card);border-radius:999px;padding-inline:2px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:3px;right:4px}@media (width<=640px){.library-header-wrap{width:min(100% - 20px,520px);margin-top:12px;margin-bottom:12px}.library-tabs-desktop{display:none}.library-tabs-mobile{display:grid}.library-search-panel{grid-template-columns:minmax(0,1fr) 112px;gap:8px;padding:10px}.library-sort-select{width:112px;font-size:.72rem}.library-results-shell{padding-top:16px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.library-results-shell.is-empty{padding-top:0;padding-bottom:calc(74px + env(safe-area-inset-bottom))}.empty-state{gap:9px;min-height:clamp(270px,43dvh,340px);padding:8px 12px 12px}.empty-state-art img{width:clamp(104px,31vw,128px);max-height:clamp(104px,31vw,128px)}.empty-state-title{font-size:clamp(1.28rem,7.2vw,1.6rem);line-height:1.08}.empty-state-message{max-width:260px;font-size:.82rem;line-height:1.35}.empty-state .sticker-btn{min-height:32px;padding:5px 12px;font-size:.82rem}}@media (width>=641px){.library-tabs-mobile{display:none}}@media (width>=641px) and (width<=860px){.library-tab-count-desktop{display:none}}@media (width<=380px){.library-tabs-mobile{gap:4px}.icon-tab{height:38px}.icon-tab svg{width:18px;height:18px}.icon-tab-count{min-width:12px;height:12px;font-size:8px;line-height:12px;top:2px;right:3px}}@media (width<=340px){.library-search-panel{grid-template-columns:minmax(0,1fr) 104px}.library-sort-select{width:104px}}.update-toast{z-index:9999;left:50%;bottom:calc(var(--bottom-dock-offset,88px) + env(safe-area-inset-bottom) + 12px);width:min(calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)), 440px);max-width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-sizing:border-box;background:var(--paper);border:2.5px solid var(--border);box-shadow:4px 4px 0 var(--shadow);border-radius:10px;position:fixed;overflow:auto}.update-toast-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:clamp(14px,4vw,20px);display:grid}.update-toast-message{overflow-wrap:anywhere;align-items:flex-start;gap:10px;min-width:0;line-height:1.5;display:flex}.update-toast-actions{flex-shrink:0;gap:10px;display:flex}@media (width<=480px){.update-toast{width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right));bottom:calc(var(--bottom-dock-offset,84px) + env(safe-area-inset-bottom) + 10px)}.update-toast-inner{grid-template-columns:1fr;gap:12px}.update-toast-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.update-toast-actions button{width:100%;min-height:44px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--font-pixel:"Courier New", monospace;--font-display:var(--font-pixel);--font-diary:"Comic Sans MS", cursive;--font-body:system-ui, -apple-system, sans-serif;--font-mono:Consolas, "Courier New", monospace;--bg:#0d0b14;--paper:#151220;--ink:#e8e0f0;--muted:#7a6e8a;--accent:#a78bfa;--accent-2:#f472b6;--border:#2e2840;--shadow:#07050f;--card:#1a1628;--danger:#f87171;--success:#6ee7b7}.theme-night{--bg:#0d0b14;--paper:#151220;--ink:#e8e0f0;--muted:#7a6e8a;--accent:#a78bfa;--accent-2:#f472b6;--border:#2e2840;--shadow:#07050f;--card:#1a1628;--danger:#f87171;--success:#6ee7b7;--paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E")}.theme-movie{--bg:#1a1206;--paper:#23180a;--ink:#f5e6c8;--muted:#8a7455;--accent:#d4a84b;--accent-2:#c96b3a;--border:#3d2e12;--shadow:#0a0700;--card:#2b1f0d;--danger:#e05c4b;--success:#7dbe8a;--paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E")}.theme-anime{--bg:#1a0f1e;--paper:#221428;--ink:#f0e6f8;--muted:#9278a8;--accent:#e879f9;--accent-2:#fb7185;--border:#3d2650;--shadow:#0a0510;--card:#2a1a33;--danger:#f87171;--success:#86efac;--paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E")}.theme-tv{--bg:#071418;--paper:#0d1e24;--ink:#d4eef5;--muted:#5a868e;--accent:#38bdf8;--accent-2:#2dd4bf;--border:#163040;--shadow:#020a0d;--card:#102830;--danger:#fb7185;--success:#4ade80;--paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E")}.theme-custom{--bg:#0d0b14;--paper:#151220;--ink:#e8e0f0;--muted:#7a6e8a;--accent:#a78bfa;--accent-2:#f472b6;--border:#2e2840;--shadow:#07050f;--card:#1a1628;--danger:#f87171;--success:#6ee7b7;--paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;transition:background-color .6s cubic-bezier(.22,1,.36,1),border-color .6s cubic-bezier(.22,1,.36,1),color .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1)}html,body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;min-height:100dvh;margin:0;padding:0;font-size:16px;line-height:1.6;overflow-x:clip}#root{max-width:100%;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);margin:0}.font-pixel{font-family:var(--font-pixel)}.font-diary{font-family:var(--font-diary)}.font-body{font-family:var(--font-body)}code,pre,kbd,samp{font-family:var(--font-mono)}::selection{background-color:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.retro-border{border:2px solid var(--border);image-rendering:pixelated;border-style:dashed;border-radius:2px}.retro-border-solid{border:2px solid var(--border);border-radius:2px}.paper-panel{background-color:var(--paper);background-image:var(--paper-texture,none);background-blend-mode:overlay;border:1px solid var(--border);border-radius:4px;position:relative}.paper-panel:before{content:"";background-image:repeating-linear-gradient(transparent, transparent 27px, color-mix(in srgb, var(--border) 40%, transparent) 28px);border-radius:inherit;pointer-events:none;opacity:.25;background-size:100% 28px;position:absolute;inset:0}.retro-window{background-color:var(--card);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow), inset 0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent);border-radius:4px;position:relative;overflow:hidden}.retro-window-titlebar{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 30%, var(--border)) 0%, var(--border) 100%);border-bottom:2px solid var(--border);font-family:var(--font-display);letter-spacing:.08em;color:var(--ink);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:4px 8px;font-size:1rem;display:flex}.retro-window-titlebar-dot{border:1px solid color-mix(in srgb, var(--shadow) 60%, transparent);border-radius:50%;flex-shrink:0;width:10px;height:10px}.retro-window-titlebar-dot--close{background-color:var(--danger)}.retro-window-titlebar-dot--min{background-color:var(--accent)}.retro-window-titlebar-dot--max{background-color:var(--success)}.pixel-shadow{box-shadow:2px 2px 0 var(--shadow), 4px 4px 0 color-mix(in srgb, var(--shadow) 50%, transparent)}.pixel-shadow-lg{box-shadow:4px 4px 0 var(--shadow), 6px 6px 0 color-mix(in srgb, var(--shadow) 40%, transparent), 8px 8px 0 color-mix(in srgb, var(--shadow) 20%, transparent)}.sticker-btn{font-family:var(--font-display);letter-spacing:.06em;color:var(--bg);background-color:var(--accent);border:2px solid color-mix(in srgb, var(--accent) 60%, var(--shadow));cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:3px 3px 0 color-mix(in srgb, var(--accent) 40%, var(--shadow));white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:1.05rem;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background-color .12s;display:inline-flex}.sticker-btn:hover{box-shadow:4px 4px 0 color-mix(in srgb, var(--accent) 40%, var(--shadow));transform:translate(-1px,-1px)}.sticker-btn:active{box-shadow:1px 1px 0 color-mix(in srgb, var(--accent) 40%, var(--shadow));transform:translate(2px,2px)}.sticker-btn--ghost{color:var(--accent);border-color:var(--accent);box-shadow:3px 3px 0 color-mix(in srgb, var(--accent) 25%, transparent);background-color:#0000}.sticker-btn--ghost:hover{background-color:color-mix(in srgb, var(--accent) 12%, transparent)}.sticker-btn--danger{background-color:var(--danger);border-color:color-mix(in srgb, var(--danger) 60%, var(--shadow));box-shadow:3px 3px 0 color-mix(in srgb, var(--danger) 35%, var(--shadow))}.binder-hole{background-color:var(--bg);border:2px solid var(--border);width:18px;height:18px;box-shadow:inset 1px 1px 2px var(--shadow), inset -1px -1px 2px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:50%;flex-shrink:0}.binder-strip{background-color:color-mix(in srgb, var(--border) 60%, var(--paper));border-right:2px solid var(--border);flex-direction:column;align-items:center;gap:14px;width:28px;padding:12px 0;display:flex}.tape-edge{position:relative}.tape-edge:before{content:"";background-color:color-mix(in srgb, var(--accent-2) 30%, transparent);border:1px solid color-mix(in srgb, var(--accent-2) 50%, transparent);z-index:10;pointer-events:none;border-radius:1px;width:48px;height:14px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-2deg)}.tape-edge--right:before{left:auto;right:8px;transform:rotate(3deg)}.tape-edge--left:before{left:8px;transform:rotate(-3deg)}.worn-edge{position:relative;overflow:hidden}.worn-edge:after{content:"";background:repeating-linear-gradient(90deg, var(--border) 0px, var(--border) 3px, transparent 3px, transparent 6px, var(--border) 6px, var(--border) 8px, transparent 8px, transparent 13px);opacity:.5;pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0}.worn-edge--top:after{top:0;bottom:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border);border:1px solid var(--bg);border-radius:0}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 40%, var(--border))}::-webkit-scrollbar-corner{background:var(--bg)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}.retro-input{background-color:var(--bg);color:var(--ink);border:2px solid var(--border);font-family:var(--font-body);width:100%;caret-color:var(--accent);border-radius:2px;outline:none;padding:6px 10px;font-size:1rem;transition:border-color .12s,box-shadow .12s}.retro-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}.retro-input::placeholder{color:var(--muted);font-style:italic}.retro-textarea{resize:vertical;min-height:80px}.tag-chip{font-family:var(--font-mono);letter-spacing:.04em;background-color:color-mix(in srgb, var(--accent) 15%, var(--card));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);white-space:nowrap;border-radius:2px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;display:inline-flex}.tag-chip--muted{background-color:color-mix(in srgb, var(--muted) 12%, var(--card));color:var(--muted);border-color:color-mix(in srgb, var(--muted) 25%, transparent)}.rating-star{color:var(--accent);font-size:1.1rem;line-height:1}.rating-star--empty{color:var(--border)}.fade-mask-bottom{-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.scanlines{position:relative}.scanlines:after{content:"";pointer-events:none;z-index:1;border-radius:inherit;background:repeating-linear-gradient(#0000,#0000 2px,#0000000d 2px 4px);position:absolute;inset:0}.grid-dots-bg{background-image:radial-gradient(circle, color-mix(in srgb, var(--border) 70%, transparent) 1px, transparent 1px);background-size:20px 20px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.detail-page{--journal-paper:#efe0c4;--journal-paper-soft:#f7edda;--journal-paper-deep:#d9bd88;--journal-ink:#21170f;--journal-muted:#755f48;--journal-accent:#b56d31;--journal-accent-2:#294a64;--journal-dark-scrap:#172744;--journal-line:#3926162e;--journal-shadow:#0b070461;z-index:1000;color:var(--journal-ink);background:radial-gradient(circle at 14% 8%, color-mix(in srgb, var(--journal-accent) 20%, transparent), transparent 28%), radial-gradient(circle at 86% 16%, color-mix(in srgb, var(--journal-accent-2) 20%, transparent), transparent 30%), radial-gradient(circle at 50% 105%, color-mix(in srgb, var(--journal-paper-deep) 16%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--bg) 86%, var(--journal-accent) 14%), var(--bg));background-color:var(--bg);-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden auto}.detail-page:before{content:"";pointer-events:none;opacity:.32;mix-blend-mode:soft-light;background-image:radial-gradient(circle,#fff6dd29 0 1px,#0000 1.4px),radial-gradient(circle,#00000029 0 1px,#0000 1.5px);background-position:0 0,13px 17px;background-size:33px 33px,29px 29px;position:fixed;inset:0}.detail-page--movie{--journal-paper:#efe0c4;--journal-paper-soft:#f8edd7;--journal-paper-deep:#d5b277;--journal-ink:#21170f;--journal-muted:#735a38;--journal-accent:#b56d31;--journal-accent-2:#2e4a66;--journal-dark-scrap:#18243e;--journal-line:#462e1830}.detail-page--tv{--journal-paper:#dde8d4;--journal-paper-soft:#f0f0dc;--journal-paper-deep:#b7c7a6;--journal-ink:#102927;--journal-muted:#4c6861;--journal-accent:#2f7f8c;--journal-accent-2:#a07036;--journal-dark-scrap:#12334a;--journal-line:#1745482e}.detail-page--anime{--journal-paper:#f2dfdf;--journal-paper-soft:#fff1ea;--journal-paper-deep:#dbc0d8;--journal-ink:#2c1830;--journal-muted:#76536f;--journal-accent:#b45d88;--journal-accent-2:#52609d;--journal-dark-scrap:#281f4e;--journal-line:#4e264529}.detail-toolbar-wrap{z-index:30;padding:max(10px, env(safe-area-inset-top)) 14px 8px;pointer-events:none;position:sticky;top:0}.detail-toolbar{border:1px solid color-mix(in srgb, var(--journal-ink) 28%, transparent);background:linear-gradient(100deg, #ffffff52, transparent 28%), radial-gradient(circle at 12% 30%, #ffffff57 0 1px, transparent 1.5px), linear-gradient(180deg, color-mix(in srgb, var(--journal-paper-soft) 86%, white), var(--journal-paper));pointer-events:auto;clip-path:polygon(.5% 4%,99.5% 0,100% 88%,98.5% 100%,1% 96%,0 12%);border-radius:18px 14px 20px 13px;justify-content:space-between;align-items:center;gap:12px;width:min(100%,1040px);min-height:46px;margin-inline:auto;padding:8px 10px;display:flex;box-shadow:0 14px 35px #00000038,inset 0 0 0 1px #ffffff52}.detail-toolbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.journal-toolbar-button{border:1px solid color-mix(in srgb, var(--journal-ink) 34%, transparent);background:linear-gradient(180deg, #ffffff57, transparent), color-mix(in srgb, var(--journal-paper-soft) 84%, white);min-height:34px;color:var(--journal-ink);box-shadow:2px 3px 0 color-mix(in srgb, var(--journal-ink) 22%, transparent);font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px 9px 13px 8px;padding:7px 12px;font-size:.78rem;font-weight:700;line-height:1}.journal-toolbar-button:hover{transform:translateY(-1px)rotate(-.4deg)}.journal-toolbar-button:active{box-shadow:1px 1px 0 color-mix(in srgb, var(--journal-ink) 22%, transparent);transform:translate(1px,1px)}.journal-toolbar-button--back{transform:rotate(-1deg)}.journal-toolbar-button--edit{background:linear-gradient(180deg, #ffffff4d, transparent), color-mix(in srgb, var(--journal-accent-2) 14%, var(--journal-paper-soft))}.journal-toolbar-button--delete{color:#8b2525;background:linear-gradient(#ffffff4d,#0000),#f4d0c7;border-color:#8b25256b;transform:rotate(1deg)}.detail-content{width:100%;padding:clamp(12px, 3vw, 30px) clamp(12px, 4vw, 34px) calc(86px + env(safe-area-inset-bottom));flex:1;justify-content:center;display:flex}.detail-journal-sheet{isolation:isolate;clip-path:polygon(.7% .4%,99.2% 0,100% 97.8%,98.8% 100%,1.1% 99.5%,0 1.4%);background:radial-gradient(circle at 14% 18%, #ffffff6b 0 1px, transparent 1.6px), radial-gradient(circle at 78% 68%, #321f1314 0 1px, transparent 1.5px), repeating-linear-gradient(92deg, transparent 0 33px, #5f3f2309 33px 34px), linear-gradient(135deg, var(--journal-paper-soft), var(--journal-paper) 58%, color-mix(in srgb, var(--journal-paper-deep) 48%, var(--journal-paper)));width:min(100%,1040px);box-shadow:0 24px 80px #00000059, 0 4px 0 color-mix(in srgb, var(--journal-ink) 20%, transparent), inset 0 0 0 1px #ffffff6b, inset 0 -30px 60px #53331c14;background-size:11px 11px,17px 17px,auto,auto;border-radius:26px 22px 30px 20px;padding:clamp(22px,4.6vw,54px);position:relative;overflow:hidden}.detail-journal-sheet:before,.detail-journal-sheet:after{content:"";z-index:0;pointer-events:none;position:absolute}.detail-journal-sheet:before{clip-path:polygon(0 8%,10% 0,100% 6%,96% 91%,84% 100%,3% 95%);opacity:.64;background:repeating-linear-gradient(0deg,#0000 0 18px,#412b1e29 18px 19px),linear-gradient(135deg,#efe0b8,#c9aa73);border-radius:18px 8px 22px 10px;width:clamp(170px,27vw,330px);height:clamp(95px,16vw,180px);top:clamp(26px,5vw,58px);left:clamp(-54px,-5vw,-24px);transform:rotate(-8deg)}.detail-journal-sheet:after{clip-path:polygon(3% 11%,97% 0,100% 84%,84% 100%,0 91%);background:repeating-linear-gradient(90deg, #ffffff0d 0 1px, transparent 1px 9px), linear-gradient(135deg, var(--journal-dark-scrap), color-mix(in srgb, var(--journal-dark-scrap) 72%, black));opacity:.58;border-radius:20px 12px 24px 18px;width:clamp(200px,30vw,390px);height:clamp(120px,17vw,205px);bottom:clamp(-42px,-3vw,-20px);right:clamp(-80px,-5vw,-32px);transform:rotate(7deg)}.journal-star-doodle{z-index:1;color:color-mix(in srgb, var(--journal-ink) 70%, transparent);opacity:.18;pointer-events:none;position:absolute}.journal-star-doodle svg{fill:none;stroke:currentColor;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round;width:100%;height:100%;display:block}.journal-star-doodle--one{width:130px;height:102px;top:20px;right:clamp(20px,5vw,70px);transform:rotate(9deg)}.journal-star-doodle--two{width:118px;height:92px;bottom:clamp(30px,4vw,62px);left:clamp(12px,4vw,54px);transform:rotate(-11deg)}.detail-spread{z-index:2;grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);align-items:start;gap:clamp(26px,5vw,58px);display:grid;position:relative}.detail-cover-side,.detail-writing-side{min-width:0}.detail-cover-side{flex-direction:column;align-items:center;gap:18px;display:flex}.cover-collage{filter:drop-shadow(0 18px 24px #0000002e);width:min(100%,360px);position:relative;transform:rotate(-1.2deg)}.cover-collage:before,.cover-collage:after{content:"";z-index:5;pointer-events:none;background:radial-gradient(circle,#ffffff59 0 1px,#0000 1.6px) 0 0/10px 10px,linear-gradient(90deg,#f1dda899,#e8ca8d57);border:1px solid #59402b2e;border-radius:8px 5px 7px;height:28px;position:absolute;box-shadow:0 3px 6px #3726141f}.cover-collage:before{width:44%;top:-18px;left:28%;transform:rotate(2deg)}.cover-collage:after{width:30%;bottom:12%;right:-8px;transform:rotate(-8deg)}.cover-photo-frame{z-index:2;aspect-ratio:2/3;background:linear-gradient(#ffffffb3,#0000 24%),#f7ead0;border:1px solid #3e28183d;border-radius:14px 12px 18px 10px;width:100%;padding:clamp(9px,2vw,14px);position:relative;box-shadow:0 18px 28px #2a190e33,4px 5px #2d1d122e,inset 0 0 0 1px #fff9}.cover-photo-frame img,.cover-placeholder-collage{object-fit:cover;background:var(--journal-dark-scrap);border-radius:8px 7px 11px;width:100%;height:100%;display:block;overflow:hidden}.cover-placeholder-collage>div{border:0!important}.rating-sticker,.favorite-sticker{z-index:7;color:var(--journal-ink);justify-content:center;align-items:center;display:inline-flex;position:absolute;box-shadow:0 8px 14px #0003,2px 2px #2d1c1029}.rating-sticker{clip-path:polygon(0 8%,8% 0,100% 6%,95% 92%,7% 100%,0 82%);min-width:74px;min-height:38px;font-family:var(--font-display);letter-spacing:.02em;text-transform:lowercase;background:radial-gradient(circle at 18% 30%,#ffffff73 0 1px,#0000 1.4px),linear-gradient(135deg,#f3dc8b,#f7edbf);border:1px solid #3f2b1852;border-radius:12px 7px 13px;padding:8px 12px;font-size:clamp(.78rem,2vw,.95rem);font-weight:800;line-height:1;top:-12px;left:-10px;transform:rotate(-6deg)}.favorite-sticker{color:#7d1328;background:radial-gradient(circle at 24% 24%,#ffffff6b,#0000 32%),linear-gradient(135deg,#e17f8d,#b6364d);border:1px solid #69202f47;border-radius:45% 55% 50% 48%;width:48px;height:44px;top:-15px;right:-12px;transform:rotate(8deg)}.favorite-sticker svg{width:26px;height:26px}.status-stamp{border:2px solid color-mix(in srgb, var(--journal-ink) 72%, transparent);background:color-mix(in srgb, var(--journal-paper-soft) 74%, black 4%);max-width:100%;color:var(--journal-ink);box-shadow:3px 3px 0 color-mix(in srgb, var(--journal-ink) 16%, transparent);font-family:var(--font-mono);letter-spacing:.12em;text-align:center;text-transform:uppercase;border-radius:4px;align-self:center;padding:7px 13px;font-size:.78rem;font-weight:900;line-height:1.1;transform:rotate(1deg)}.metadata-collage{flex-wrap:wrap;justify-content:center;gap:9px;width:min(100%,360px);display:flex}.paper-label{background:linear-gradient(180deg, #ffffff47, transparent), color-mix(in srgb, var(--journal-paper-soft) 76%, white);max-width:100%;min-height:32px;color:var(--journal-muted);font-family:var(--font-mono);overflow-wrap:anywhere;border:1px solid #301f1238;border-radius:8px 5px 9px 4px;align-items:center;padding:5px 10px;font-size:.74rem;font-weight:700;line-height:1.25;display:inline-flex;box-shadow:2px 3px #3623141f}.paper-label:nth-child(2n){background-color:color-mix(in srgb, var(--journal-accent-2) 8%, var(--journal-paper-soft));transform:rotate(-1deg)}.paper-label--watched{transform:rotate(1deg)}.paper-label--episode{color:color-mix(in srgb, var(--journal-accent-2) 72%, var(--journal-ink))}.detail-writing-side{flex-direction:column;gap:clamp(18px,3vw,26px);display:flex}.title-collage{background:linear-gradient(105deg, color-mix(in srgb, var(--journal-accent-2) 12%, transparent), transparent 45%), linear-gradient(180deg, color-mix(in srgb, var(--journal-paper-soft) 84%, white), color-mix(in srgb, var(--journal-paper) 86%, white));border-radius:22px 16px 23px 14px;padding:clamp(18px,3vw,28px) clamp(16px,3.5vw,32px);position:relative;transform:rotate(.4deg);box-shadow:8px 10px #3822141a,inset 0 0 0 1px #5d3e2529}.title-collage:before{content:"";background:linear-gradient(90deg,#e3ca948f,#ffefba52);border:1px solid #4a322329;border-radius:8px 5px 6px;height:24px;position:absolute;top:-12px;left:clamp(16px,4vw,34px);right:clamp(20px,6vw,74px);transform:rotate(-1deg)}.title-scrap-label{background:color-mix(in srgb, var(--journal-dark-scrap) 86%, white);color:#fff5d8;font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;border-radius:8px 4px 7px;margin-bottom:8px;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex;transform:rotate(-1.6deg)}.title-collage h1{max-width:100%;color:var(--journal-ink);font-family:Georgia, "Times New Roman", var(--font-display), serif;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,5vw,3.7rem);font-weight:700;line-height:.98}.episode-note{color:var(--journal-muted);font-family:var(--font-diary);overflow-wrap:anywhere;margin:12px 0 0;font-size:clamp(.95rem,2vw,1.08rem);line-height:1.35}.detail-tags-board{flex-direction:column;gap:14px;display:flex}.detail-tag-group{flex-direction:column;gap:9px;display:flex}.tag-group-stamp{border:1px solid color-mix(in srgb, var(--journal-ink) 38%, transparent);background:color-mix(in srgb, var(--journal-paper-soft) 72%, black 6%);color:var(--journal-ink);box-shadow:2px 2px 0 color-mix(in srgb, var(--journal-ink) 14%, transparent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:4px 8px;font-size:.67rem;font-weight:900;line-height:1;display:inline-flex;transform:rotate(-1deg)}.tag-group-stamp--custom{background:color-mix(in srgb, var(--journal-dark-scrap) 86%, white);color:#fff5d8;transform:rotate(1deg)}.detail-tag-list{flex-wrap:wrap;gap:8px;display:flex}.mood-tag-sticker,.custom-tag-label{max-width:100%;min-height:30px;color:var(--journal-ink);font-family:var(--font-mono);overflow-wrap:anywhere;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:2px 3px #36231424,inset 0 0 0 1px #ffffff57}.mood-tag-sticker{background:radial-gradient(circle at 16% 18%, #ffffff6b 0 1px, transparent 1.4px), linear-gradient(135deg, color-mix(in srgb, var(--journal-accent) 34%, #f7e7a8), #f5d982);border:1px solid #4d301738;border-radius:10px 6px 11px 5px}.custom-tag-label{clip-path:polygon(0 10%,8% 0,100% 7%,95% 100%,5% 93%);background:linear-gradient(180deg, #ffffff57, transparent), color-mix(in srgb, var(--journal-paper-soft) 80%, #cfc6b6);color:color-mix(in srgb, var(--journal-ink) 86%, var(--journal-muted));font-family:var(--font-diary);border:1px solid #2d261e33;border-radius:5px 12px 5px 10px;font-size:.94rem}.review-note{clip-path:polygon(.8% 2%,98.8% 0,100% 94%,97% 100%,2% 98%,0 10%);background:repeating-linear-gradient(transparent 0 31px, var(--journal-line) 31px 32px), linear-gradient(180deg, #fff4dc, color-mix(in srgb, var(--journal-paper-soft) 88%, white));border:1px solid #4e311b33;border-radius:18px 10px 21px 13px;padding:clamp(22px,4vw,34px) clamp(18px,4vw,34px);position:relative;transform:rotate(-.35deg);box-shadow:8px 12px #3b23111c,inset 0 0 0 1px #ffffff5c}.review-note:before{content:"";background:linear-gradient(90deg,#f2db9e9e,#fff4c55c);border:1px solid #513a2329;border-radius:8px 5px 7px 4px;width:86px;height:26px;position:absolute;top:-13px;right:22px;transform:rotate(5deg)}.review-note p{color:var(--journal-ink);font-family:var(--font-diary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:clamp(1.02rem,2.2vw,1.22rem);line-height:1.72}.review-note-empty{font-style:italic;color:color-mix(in srgb, var(--journal-muted) 82%, var(--journal-ink))!important}.date-stamps{color:var(--journal-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:.72rem;font-weight:800;display:flex}.date-stamps span{border:1px solid color-mix(in srgb, var(--journal-muted) 34%, transparent);background:color-mix(in srgb, var(--journal-paper-soft) 55%, transparent);border-radius:4px;padding:4px 7px;display:inline-flex}.journal-form-page{padding:clamp(16px,4vw,28px) clamp(12px,4vw,22px) 56px;position:relative}.journal-form-page:before,.journal-form-page:after{content:"";pointer-events:none;opacity:.24;z-index:0;position:fixed}.journal-form-page:before{background:repeating-linear-gradient(0deg, transparent 0 18px, color-mix(in srgb, var(--accent) 28%, transparent) 18px 19px), linear-gradient(135deg, color-mix(in srgb, var(--paper) 76%, white), color-mix(in srgb, var(--accent) 14%, var(--paper)));border-radius:18px 7px 18px 12px;width:220px;height:150px;top:74px;left:-70px;transform:rotate(-12deg)}.journal-form-page:after{background:repeating-linear-gradient(90deg, #ffffff0d 0 1px, transparent 1px 9px), linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 38%, var(--paper)), color-mix(in srgb, var(--bg) 78%, var(--accent-2)));border-radius:24px 12px 22px 15px;width:250px;height:170px;bottom:110px;right:-82px;transform:rotate(10deg)}.journal-form-header,.journal-form-shell{z-index:1;position:relative}.journal-form-header{width:min(100%,820px);margin:0 auto 18px}.journal-form-kicker{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--paper) 80%, var(--accent) 8%);color:var(--muted);box-shadow:2px 2px 0 color-mix(in srgb, var(--shadow) 45%, transparent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:9px 5px 8px 4px;margin-bottom:7px;padding:4px 9px;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex;transform:rotate(-1deg)}.journal-form-header-row{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.journal-form-header h1{color:var(--ink);font-family:Georgia, "Times New Roman", var(--font-display), serif;letter-spacing:0;text-transform:lowercase;text-shadow:1px 1px 0 color-mix(in srgb, var(--accent) 32%, transparent);font-size:clamp(2.1rem,7vw,3.5rem);line-height:.95}.journal-form-rule{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--border) 88%, transparent) 0 9px, transparent 9px 15px), linear-gradient(180deg, transparent 0 5px, color-mix(in srgb, var(--paper) 84%, var(--accent)) 5px 8px, transparent 8px);opacity:.85;border-radius:999px;height:12px;margin-top:14px}.journal-form-shell{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);clip-path:polygon(.5% 0,99.5% .7%,100% 98%,98% 100%,1.2% 99.3%,0 1.5%);background:radial-gradient(circle at 16% 12%, #ffffff1f 0 1px, transparent 1.5px), radial-gradient(circle at 70% 80%, #00000014 0 1px, transparent 1.4px), linear-gradient(135deg, color-mix(in srgb, var(--paper) 90%, white 5%), color-mix(in srgb, var(--paper) 80%, var(--card)));background-size:13px 13px,19px 19px,auto;border-radius:24px 18px 28px 16px;width:min(100%,820px);margin-inline:auto;padding:clamp(14px,3vw,24px);box-shadow:0 18px 48px #00000042,inset 0 0 0 1px #ffffff14}.journal-entry-form{flex-direction:column;gap:16px;display:flex}.journal-entry-form--movie{--form-accent:#c28a41}.journal-entry-form--tv{--form-accent:#4bb8b1}.journal-entry-form--anime{--form-accent:#d379b5}.journal-form-section{border:1px solid color-mix(in srgb, var(--border) 74%, transparent);background:linear-gradient(116deg, color-mix(in srgb, var(--form-accent,var(--accent)) 8%, transparent), transparent 44%), radial-gradient(circle at 14% 14%, #ffffff1a 0 1px, transparent 1.6px), color-mix(in srgb, var(--card) 58%, var(--paper));box-shadow:0 11px 24px #0000002e, 3px 4px 0 color-mix(in srgb, var(--shadow) 58%, transparent), inset 0 0 0 1px #ffffff0d;background-size:auto,12px 12px,auto;border-radius:20px 14px 22px 12px;flex-direction:column;gap:15px;padding:clamp(15px,3vw,20px);display:flex;position:relative}.journal-form-section:before{content:"";border:1px solid color-mix(in srgb, var(--border) 45%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-2) 24%, transparent), color-mix(in srgb, var(--paper) 70%, transparent));pointer-events:none;border-radius:6px 4px 5px;width:74px;height:18px;position:absolute;top:-8px;left:18px;transform:rotate(-1.5deg)}.journal-section-title{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--paper) 80%, var(--form-accent,var(--accent)) 11%);max-width:100%;color:var(--ink);box-shadow:2px 2px 0 color-mix(in srgb, var(--shadow) 44%, transparent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:8px 4px;align-self:flex-start;padding:5px 9px;font-size:.78rem;font-weight:900;line-height:1;transform:rotate(-.8deg)}.journal-form-field{flex-direction:column;gap:6px;min-width:0;display:flex}.journal-field-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.journal-input{border:1.5px solid color-mix(in srgb, var(--border) 85%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 82%, white 5%), var(--paper));width:100%;min-height:44px;color:var(--ink);box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--shadow) 24%, transparent), inset 0 0 0 1px #ffffff0a;font-family:var(--font-body);appearance:none;border-radius:13px 9px 14px 8px;outline:none;padding:10px 12px;font-size:.95rem;line-height:1.35}.journal-input:focus{border-color:var(--form-accent,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb, var(--form-accent,var(--accent)) 22%, transparent), inset 2px 2px 0 color-mix(in srgb, var(--shadow) 22%, transparent)}.journal-input::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent);font-style:italic}.journal-review-textarea{resize:vertical;min-height:154px;line-height:1.65;font-family:var(--font-diary);background-image:repeating-linear-gradient(transparent 0 31px, color-mix(in srgb, var(--border) 55%, transparent) 31px 32px), linear-gradient(180deg, color-mix(in srgb, var(--paper) 88%, white 4%), var(--paper));background-attachment:local}.journal-segment-row{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);box-shadow:3px 3px 0 color-mix(in srgb, var(--shadow) 50%, transparent);border-radius:16px 11px 16px 10px;display:flex;overflow:hidden}.journal-segment{border:0;border-right:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--paper) 85%, var(--card));min-width:0;min-height:42px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;flex:1;padding:8px 6px;font-size:.74rem;font-weight:900;line-height:1.1}.journal-segment:last-child{border-right:0}.journal-segment.is-active{background:linear-gradient(180deg, color-mix(in srgb, var(--form-accent,var(--accent)) 70%, white 8%), var(--form-accent,var(--accent)));color:var(--bg)}.journal-episode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.journal-toggle-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.journal-toggle-card{border:1.5px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--paper) 72%, var(--card));min-width:0;min-height:70px;color:var(--ink);box-shadow:3px 4px 0 color-mix(in srgb, var(--shadow) 56%, transparent);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border-radius:16px 11px 17px 10px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:11px;display:grid}.journal-toggle-card.is-active{border-color:color-mix(in srgb, var(--form-accent,var(--accent)) 74%, var(--border));background:color-mix(in srgb, var(--form-accent,var(--accent)) 18%, var(--paper))}.journal-toggle-mark{border:1.5px solid color-mix(in srgb, var(--border) 90%, transparent);width:34px;height:34px;color:var(--muted);background:color-mix(in srgb, var(--paper) 86%, white 4%);box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--shadow) 18%, transparent);border-radius:50% 46% 52% 44%;place-items:center;display:grid}.journal-toggle-card.is-active .journal-toggle-mark{color:var(--bg);background:var(--form-accent,var(--accent))}.journal-toggle-mark svg{width:19px;height:19px}.journal-toggle-copy{min-width:0;display:block}.journal-toggle-title{color:var(--ink);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.77rem;font-weight:900;line-height:1.1;display:block}.journal-toggle-subtitle{color:var(--muted);font-family:var(--font-body);margin-top:3px;font-size:.78rem;line-height:1.25;display:block}.journal-form-actions{grid-template-columns:minmax(0,1fr) minmax(104px,.68fr);gap:12px;padding:2px 0 24px;display:grid}.journal-action-button{border:1.5px solid color-mix(in srgb, var(--border) 88%, transparent);min-height:52px;box-shadow:3px 4px 0 color-mix(in srgb, var(--shadow) 62%, transparent);cursor:pointer;font-family:var(--font-display);letter-spacing:.07em;white-space:normal;-webkit-tap-highlight-color:transparent;border-radius:15px 10px 16px 9px;padding:0 18px;font-size:clamp(.92rem,2.7vw,1.02rem);font-weight:800;line-height:1.1}.journal-action-button--save{background:linear-gradient(180deg, color-mix(in srgb, var(--form-accent,var(--accent)) 78%, white 8%), var(--form-accent,var(--accent)));color:var(--bg)}.journal-action-button--cancel{background:color-mix(in srgb, var(--paper) 84%, var(--card));color:var(--ink)}.journal-action-button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.journal-cover-uploader{flex-direction:column;gap:12px;display:flex}.journal-cover-preview{aspect-ratio:9/16;border:1.5px solid color-mix(in srgb, var(--border) 80%, transparent);background:linear-gradient(180deg, #ffffff29, transparent 26%), color-mix(in srgb, var(--paper) 82%, white 3%);width:160px;box-shadow:0 12px 22px #0000002e, 3px 4px 0 color-mix(in srgb, var(--shadow) 56%, transparent);border-radius:15px 10px 16px 9px;flex-shrink:0;padding:7px;position:relative;overflow:hidden;transform:rotate(-.8deg)}.journal-cover-preview:before{content:"";z-index:3;border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:linear-gradient(90deg,#ecd2968c,#fff4c252);border-radius:6px 4px 5px;width:68px;height:19px;position:absolute;top:-7px;left:48px;transform:rotate(2deg)}.journal-cover-preview img,.journal-cover-empty{object-fit:cover;border-radius:9px 6px 10px;width:100%;height:100%;display:block}.journal-cover-empty{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 24%, var(--card)), var(--card));color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.journal-cover-empty svg{opacity:.42;width:34px;height:34px}.journal-cover-empty span{font-family:var(--font-mono);letter-spacing:.12em;opacity:.78;text-transform:uppercase;font-size:.68rem;font-weight:900}.journal-cover-actions{flex-wrap:wrap;gap:8px;display:flex}.journal-mini-button{border:1.5px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--paper) 84%, var(--card));min-height:40px;color:var(--ink);box-shadow:2px 3px 0 color-mix(in srgb, var(--shadow) 58%, transparent);cursor:pointer;font-family:var(--font-display);letter-spacing:.06em;border-radius:12px 8px 13px;justify-content:center;align-items:center;padding:0 14px;font-size:.88rem;font-weight:800;line-height:1;display:inline-flex}.journal-mini-button--danger{border-color:color-mix(in srgb, var(--danger) 70%, var(--border));color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.journal-tag-picker{flex-direction:column;gap:20px;display:flex}.journal-tag-section-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:900;display:block}.journal-mood-options,.journal-picked-tags{flex-wrap:wrap;gap:6px;display:flex}.journal-picked-tags{border-top:1px dashed color-mix(in srgb, var(--border) 78%, transparent);margin-top:10px;padding-top:10px}.journal-tag-pill{border:1.5px solid color-mix(in srgb, var(--border) 84%, transparent);background:color-mix(in srgb, var(--paper) 76%, var(--card));min-height:30px;color:var(--muted);box-shadow:2px 2px 0 color-mix(in srgb, var(--shadow) 44%, transparent);cursor:pointer;font-family:var(--font-body);border-radius:12px 8px 13px 7px;align-items:center;gap:4px;padding:4px 10px;font-size:.82rem;line-height:1.25;display:inline-flex}.journal-tag-pill.is-selected{border-color:color-mix(in srgb, var(--form-accent,var(--accent)) 76%, var(--border));background:color-mix(in srgb, var(--form-accent,var(--accent)) 84%, white 4%);color:var(--bg)}.journal-tag-pill--custom{color:var(--ink);background:color-mix(in srgb, var(--paper) 88%, white 3%);font-family:var(--font-mono);font-weight:800}.journal-tag-remove{width:20px;height:20px;color:inherit;cursor:pointer;opacity:.72;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.journal-custom-tag-row{grid-template-columns:minmax(0,1fr) 82px;gap:8px;margin-bottom:10px;display:grid}.journal-custom-tag-row .journal-input{height:44px}.journal-custom-tag-row .journal-mini-button{width:82px;min-height:44px;padding-inline:0}.journal-toast{z-index:1000;border:1.5px solid color-mix(in srgb, var(--border) 82%, transparent);background:linear-gradient(180deg, #ffffff2e, transparent), color-mix(in srgb, var(--success) 76%, var(--paper));max-width:calc(100vw - 24px);color:var(--bg);box-shadow:3px 4px 0 color-mix(in srgb, var(--shadow) 62%, transparent);font-family:var(--font-display);letter-spacing:.09em;text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:14px 8px 15px;padding:11px 20px;font-size:.9rem;font-weight:800;line-height:1.1;position:fixed;top:20px;left:50%;transform:translate(-50%)}@media (width<=780px){.detail-spread{grid-template-columns:1fr;gap:26px}.cover-collage{width:min(78vw,330px)}.title-collage h1{text-align:left}}@media (width<=560px){.detail-toolbar-wrap{padding-inline:8px}.detail-toolbar{gap:8px;padding:7px}.detail-toolbar-actions{gap:5px}.detail-toolbar-actions>span{letter-spacing:.04em!important;padding:2px 5px!important;font-size:.58rem!important}.journal-toolbar-button{min-height:32px;padding-inline:9px;font-size:.72rem}.detail-content{padding-inline:10px}.detail-journal-sheet{border-radius:20px 16px 23px 15px;padding:20px 14px 24px}.cover-collage{width:min(82vw,300px)}.rating-sticker{min-width:66px;min-height:34px;padding:7px 10px;top:-10px;left:-6px}.favorite-sticker{width:42px;height:39px;top:-12px;right:-6px}.favorite-sticker svg{width:23px;height:23px}.metadata-collage{justify-content:flex-start}.title-collage,.review-note{transform:none}.date-stamps{justify-content:flex-start}.journal-form-header-row{align-items:flex-start}.journal-toggle-list{grid-template-columns:1fr}.journal-action-button{min-height:50px;padding-inline:12px}}@media (width<=360px){.detail-toolbar{clip-path:none;border-radius:14px}.journal-toolbar-button{padding-inline:7px;font-size:.68rem}.journal-form-actions{grid-template-columns:1fr .72fr;gap:8px}.journal-custom-tag-row{grid-template-columns:minmax(0,1fr) 74px}.journal-custom-tag-row .journal-mini-button{width:74px}.journal-episode-grid{grid-template-columns:1fr}}select{color:var(--ink);background-color:var(--paper)}select:not(.journal-select):not(.library-sort-select){border-color:color-mix(in srgb, var(--border) 62%, transparent)!important;min-height:42px!important;color:var(--ink)!important;background-color:color-mix(in srgb, var(--paper) 82%, var(--card))!important;border-radius:12px!important}select option{color:#111!important;background-color:#f7f0df!important}select option:checked{color:#111!important;background-color:#d7b45a!important}.journal-select,.library-sort-select{appearance:none;cursor:pointer;height:44px;min-height:44px;color:var(--ink);background-color:color-mix(in srgb, var(--paper) 82%, var(--card));background-image:linear-gradient(180deg, color-mix(in srgb, var(--paper) 84%, white 4%), color-mix(in srgb, var(--paper) 90%, black 3%)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-position:0 0,right 13px center;background-repeat:no-repeat;background-size:100% 100%,14px 14px;border-radius:14px 10px 15px 9px;outline:none;padding-right:38px}.settings-page,.timeline-page{width:min(100%,980px);margin-inline:auto}.settings-header,.timeline-header{width:min(100%,900px)}.settings-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;width:min(100%,900px);margin-inline:auto;display:grid;position:relative}.settings-card{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:radial-gradient(circle at 12% 18%, #ffffff1a 0 1px, transparent 1.5px), linear-gradient(116deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 42%), color-mix(in srgb, var(--paper) 78%, var(--card));min-width:0;box-shadow:0 14px 28px #0003, 3px 4px 0 color-mix(in srgb, var(--shadow) 55%, transparent), inset 0 0 0 1px #ffffff0d;background-size:12px 12px,auto,auto;border-radius:20px 14px 23px 13px;padding:18px 16px 16px;position:relative}.settings-card:before{content:"";border:1px solid color-mix(in srgb, var(--border) 45%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-2) 22%, transparent), color-mix(in srgb, var(--paper) 74%, transparent));pointer-events:none;border-radius:7px 4px 7px 5px;width:76px;height:19px;position:absolute;top:-8px;right:18px;transform:rotate(1.5deg)}.settings-card-title{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--paper) 80%, var(--accent) 12%);max-width:100%;color:var(--ink);box-shadow:2px 2px 0 color-mix(in srgb, var(--shadow) 40%, transparent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:8px 4px;margin-bottom:14px;padding:5px 9px;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex;transform:rotate(-.8deg)}.settings-card-body,.settings-stack{flex-direction:column;gap:14px;min-width:0;display:flex}.settings-control-row{grid-template-columns:minmax(0,1fr) minmax(178px,.86fr);align-items:center;gap:12px;min-width:0;display:grid}.settings-control-copy,.settings-control-field{min-width:0}.settings-control-copy{flex-direction:column;gap:3px;display:flex}.settings-control-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900}.settings-label-gap{margin-bottom:8px}.settings-control-note,.settings-help{color:var(--muted);font-family:var(--font-body);font-size:.78rem;line-height:1.35}.settings-help{margin:7px 0 0;font-style:italic}.settings-help--danger{color:var(--danger)}.settings-select{border:1.5px solid color-mix(in srgb, var(--border) 74%, transparent);width:100%;font-family:var(--font-body);outline:none;font-size:.88rem}.settings-color-control{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;display:grid}.settings-color-control input{border:1.5px solid color-mix(in srgb, var(--border) 74%, transparent);background:var(--paper);cursor:pointer;border-radius:12px 8px;width:42px;height:42px;padding:3px}.settings-color-control span{min-width:0;color:var(--ink);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.82rem;font-weight:800}.settings-choice-row,.settings-action-row{flex-wrap:wrap;gap:8px;display:flex}.settings-choice,.settings-button{border:1.5px solid color-mix(in srgb, var(--border) 80%, transparent);min-height:40px;box-shadow:2px 3px 0 color-mix(in srgb, var(--shadow) 54%, transparent);cursor:pointer;font-family:var(--font-display);letter-spacing:.06em;border-radius:13px 8px 14px;font-weight:800;line-height:1}.settings-choice{background:color-mix(in srgb, var(--paper) 84%, var(--card));color:var(--ink);text-transform:uppercase;flex:94px;padding:0 12px;font-size:.77rem}.settings-choice.is-active,.settings-button--accent{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 80%, white 6%), var(--accent));color:var(--bg)}.settings-button{background:color-mix(in srgb, var(--paper) 82%, var(--card));max-width:100%;color:var(--ink);white-space:normal;text-align:center;justify-content:center;align-items:center;padding:0 15px;font-size:.86rem;display:inline-flex}.settings-button--danger{background:color-mix(in srgb, var(--danger) 84%, var(--paper));color:#fff;border-color:color-mix(in srgb, var(--danger) 70%, var(--border))}.settings-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.settings-divider{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--border) 72%, transparent) 0 8px, transparent 8px 14px);height:1px}.settings-status{font-family:var(--font-mono);margin:7px 0 0;font-size:.75rem;font-weight:800}.settings-status.is-good{color:var(--success)}.settings-status.is-danger{color:var(--danger)}.settings-status-strip,.settings-stat-row{border:1px solid color-mix(in srgb, var(--border) 58%, transparent);background:color-mix(in srgb, var(--paper) 74%, var(--card));border-radius:14px 9px 15px;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:38px;padding:8px 10px;display:flex}.settings-status-strip{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;justify-content:flex-start;font-size:.78rem;font-weight:900}.settings-status-strip small{color:var(--muted);font-family:var(--font-body);text-transform:none;font-size:.76rem;font-weight:500}.settings-status-dot{border-radius:50%;flex:none;width:9px;height:9px}.settings-status-dot.is-online{background:var(--success)}.settings-status-dot.is-offline{background:var(--danger)}.settings-stat-row span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.settings-stat-row strong{color:var(--ink);font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;font-size:.82rem}.settings-storage-meter{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:color-mix(in srgb, var(--bg) 38%, var(--paper));border-radius:999px;height:10px;overflow:hidden}.settings-storage-meter span{border-radius:inherit;background:repeating-linear-gradient(90deg, #fff3 0 5px, transparent 5px 9px), var(--accent);min-width:4px;height:100%;display:block}.settings-dialog-backdrop{z-index:1000;background:#00000094;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-dialog{border:1.5px solid color-mix(in srgb, var(--border) 84%, transparent);background:var(--paper);width:min(100%,380px);box-shadow:0 22px 50px #00000057, 4px 5px 0 color-mix(in srgb, var(--shadow) 62%, transparent);border-radius:20px 14px 22px 13px;overflow:hidden}.settings-dialog-title{background:color-mix(in srgb, var(--danger) 72%, var(--paper));color:#fff;border-bottom:1px solid color-mix(in srgb, var(--border) 78%, transparent);font-family:var(--font-mono);letter-spacing:.1em;padding:12px 16px;font-size:.85rem;font-weight:900}.settings-dialog-body{padding:18px 16px 16px}.settings-dialog-body p{color:var(--ink);font-family:var(--font-body);margin:0 0 16px;line-height:1.55}.vintage-entry-card{--card-accent:var(--accent);--card-paper:color-mix(in srgb, var(--paper) 82%, var(--card));border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:radial-gradient(circle at 18% 18%, #ffffff1a 0 1px, transparent 1.5px), linear-gradient(145deg, color-mix(in srgb, var(--card-paper) 88%, white 4%), color-mix(in srgb, var(--card-paper) 84%, black 5%));box-shadow:0 12px 22px #0003, 3px 4px 0 color-mix(in srgb, var(--shadow) 54%, transparent);cursor:pointer;background-size:12px 12px,auto;border-radius:18px 12px 20px 11px;position:relative;overflow:visible}@media (hover:hover) and (pointer:fine){.vintage-entry-card:hover{box-shadow:0 16px 28px #00000038, 4px 5px 0 color-mix(in srgb, var(--shadow) 54%, transparent);transform:translateY(-2px)rotate(-.2deg)}}.vintage-entry-card--movie{--card-accent:#c58b44;--card-paper:#2c180f}.vintage-entry-card--tv{--card-accent:#55aeb4}.vintage-entry-card--anime{--card-accent:#d17ba7}.vintage-card-cover{aspect-ratio:3/4;border-radius:17px 11px 16px 10px;padding:8px;position:relative;overflow:hidden}.vintage-card-cover:before{content:"";border:1px solid color-mix(in srgb, var(--border) 52%, transparent);pointer-events:none;z-index:2;border-radius:12px 8px 13px;position:absolute;inset:7px}.vintage-entry-card--movie .vintage-card-cover:after{content:"";z-index:4;inset-block:14px;opacity:.72;pointer-events:none;background-image:radial-gradient(circle,#f5e1b9ad 0 2px,#0000 2.5px);background-size:8px 18px;border-radius:999px;width:8px;position:absolute;left:11px}.vintage-card-photo{border:5px solid color-mix(in srgb, #f6e6c8 78%, var(--paper));background:color-mix(in srgb, var(--card-accent) 22%, var(--card));border-radius:12px 8px 13px;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #0000002e,0 8px 14px #0000002e}.vintage-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.vintage-card-type,.vintage-card-rating,.vintage-card-favorite,.vintage-card-status,.vintage-card-episodes{z-index:5;position:absolute}.vintage-card-type{background:color-mix(in srgb, var(--card-accent) 78%, #f7e8c8);color:#150f0a;font-family:var(--font-mono);letter-spacing:.08em;border:1px solid #22150d47;border-radius:8px 4px;padding:4px 7px;font-size:.62rem;font-weight:900;line-height:1;bottom:13px;left:12px;box-shadow:2px 2px #0003}.vintage-card-rating{color:#1a1208;max-width:calc(100% - 58px);font-family:var(--font-display);text-transform:lowercase;white-space:nowrap;background:linear-gradient(135deg,#f1d982,#f7edbf);border:1px solid #3b251347;border-radius:10px 6px 11px 5px;padding:6px 8px;font-size:.7rem;font-weight:900;line-height:1;top:3px;left:4px;transform:rotate(-4deg);box-shadow:2px 3px #0000002e}.vintage-card-favorite{color:#7d1328;cursor:pointer;background:linear-gradient(135deg,#e17f8d,#b6364d);border:1px solid #69202f40;border-radius:45% 55% 50% 48%;place-items:center;width:34px;height:32px;display:grid;top:4px;right:4px;box-shadow:2px 3px #0003}.vintage-card-favorite svg{width:20px;height:20px}.vintage-card-cover-footer{z-index:4;pointer-events:none;background:linear-gradient(#0000,#000000c2);border-radius:0 0 11px 8px;justify-content:space-between;align-items:flex-end;gap:6px;min-height:46px;padding:20px 7px 6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.vintage-card-status,.vintage-card-episodes{color:#17100a;max-width:100%;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;background:#f6e6c8e6;border:1px solid #ffffff38;border-radius:7px 4px;padding:4px 6px;font-size:.62rem;font-weight:900;line-height:1;position:static;overflow:hidden}.vintage-card-status--abandoned{background:color-mix(in srgb, var(--danger) 84%, white);color:#fff}.vintage-card-episodes{color:#fff;background:#0000009e;flex:none}.vintage-card-body{background:repeating-linear-gradient(transparent 0 22px, color-mix(in srgb, var(--border) 30%, transparent) 22px 23px), color-mix(in srgb, var(--paper) 86%, var(--card));min-width:0;min-height:74px;padding:8px 9px 6px}.vintage-card-body h3{min-height:34px;color:var(--ink);font-family:Georgia, "Times New Roman", var(--font-display), serif;letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.97rem;line-height:1.12;display:-webkit-box;overflow:hidden}.vintage-card-meta{justify-content:space-between;align-items:center;gap:6px;min-width:0;margin-top:5px;display:flex}.vintage-card-meta>span{color:var(--muted);font-family:var(--font-mono);flex:none;font-size:.62rem;font-weight:800}.vintage-card-tags{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.vintage-card-tags span,.vintage-card-tags small{text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb, var(--accent-2) 28%, var(--paper));min-width:0;max-width:54px;color:var(--ink);font-family:var(--font-mono);border-radius:6px 3px;flex:0 auto;padding:2px 5px;font-size:.56rem;font-weight:900;overflow:hidden}.vintage-card-tags small{max-width:none;color:var(--muted);background:0 0}.vintage-card-actions{border-top:1px dashed color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--paper) 86%, var(--card));grid-template-columns:minmax(0,1fr) minmax(46px,auto);gap:7px;min-height:42px;padding:7px 8px 9px}.vintage-card-action{border:1.5px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--paper) 72%, var(--card));min-width:0;min-height:32px;color:var(--ink);box-shadow:2px 2px 0 color-mix(in srgb, var(--shadow) 46%, transparent);cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;border-radius:9px 6px 10px 5px;font-size:.68rem;font-weight:900}.vintage-card-action--delete{color:#fff;border-color:color-mix(in srgb, var(--danger) 64%, var(--border));background:color-mix(in srgb, var(--danger) 86%, var(--paper))}.timeline-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:48dvh;padding:50px 20px;display:flex}.timeline-empty--compact{min-height:180px}.timeline-empty h2{color:var(--ink);font-family:var(--font-display);letter-spacing:.1em;margin:0;font-size:1.25rem}.timeline-empty p{color:var(--muted);font-family:var(--font-body);margin:0}.timeline-filter-board{z-index:1;border:1px solid color-mix(in srgb, var(--border) 66%, transparent);background:radial-gradient(circle at 18% 22%, #ffffff1a 0 1px, transparent 1.5px), color-mix(in srgb, var(--paper) 76%, var(--card));width:min(100%,900px);box-shadow:0 12px 26px #0000002e, 3px 4px 0 color-mix(in srgb, var(--shadow) 48%, transparent);background-size:12px 12px,auto;border-radius:20px 14px 22px 13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 auto 24px;padding:12px;display:grid;position:relative}.timeline-filter-select{border:1.5px solid color-mix(in srgb, var(--border) 66%, transparent);width:100%;min-width:0;font-family:var(--font-body);outline:none;font-size:.86rem}.timeline-archive{z-index:1;flex-direction:column;gap:30px;width:min(100%,900px);margin-inline:auto;display:flex;position:relative}.timeline-archive:before{content:"";background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--accent) 58%, transparent) 0 12px, transparent 12px 20px);opacity:.58;pointer-events:none;width:2px;position:absolute;top:12px;bottom:20px;left:31px}.timeline-month-group{min-width:0;padding-left:58px;position:relative}.timeline-month-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.timeline-month-heading span,.timeline-month-heading small{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--accent) 72%, var(--paper));min-height:28px;color:var(--bg);box-shadow:2px 2px 0 color-mix(in srgb, var(--shadow) 48%, transparent);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-radius:9px 5px 9px 4px;align-items:center;padding:4px 9px;font-size:.68rem;font-weight:900;display:inline-flex}.timeline-month-heading h2{color:var(--ink);font-family:Georgia, "Times New Roman", var(--font-display), serif;letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,3.6vw,1.8rem);line-height:1.05}.timeline-month-heading small{background:color-mix(in srgb, var(--paper) 80%, var(--card));color:var(--muted)}.timeline-receipt-stack{flex-direction:column;gap:9px;display:flex}.timeline-receipt{border:1px solid color-mix(in srgb, var(--border) 66%, transparent);background:repeating-linear-gradient(transparent 0 25px, color-mix(in srgb, var(--border) 28%, transparent) 25px 26px), color-mix(in srgb, var(--paper) 84%, var(--card));width:100%;min-width:0;box-shadow:3px 4px 0 color-mix(in srgb, var(--shadow) 44%, transparent);color:var(--ink);cursor:pointer;text-align:left;border-radius:16px 10px 17px 9px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.timeline-receipt--movie{background:repeating-linear-gradient(90deg, #d2a4642e 0 1px, transparent 1px 14px), color-mix(in srgb, var(--paper) 82%, #3a1e12 18%)}.timeline-receipt--tv{background:repeating-linear-gradient(transparent 0 2px, #00000012 2px 3px), color-mix(in srgb, var(--paper) 82%, #14394a 16%)}.timeline-receipt--anime{background:radial-gradient(circle at 16% 22%, #ffffff29 0 1px, transparent 1.5px), color-mix(in srgb, var(--paper) 82%, #5d2850 14%);background-size:12px 12px,auto}@media (hover:hover) and (pointer:fine){.timeline-receipt:hover{background-color:color-mix(in srgb, var(--paper) 74%, var(--accent) 8%);transform:translateY(-1px)}}.timeline-day{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--paper) 80%, white 4%);width:40px;height:40px;color:var(--muted);box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--shadow) 18%, transparent);font-family:var(--font-mono);border-radius:50% 45% 52% 42%;place-items:center;font-size:1rem;font-weight:900;line-height:1;display:grid}.timeline-entry-main{flex-direction:column;gap:5px;min-width:0;display:flex}.timeline-entry-line{align-items:center;gap:8px;min-width:0;display:flex}.timeline-entry-line strong{min-width:0;color:var(--ink);font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:750;overflow:hidden}.timeline-type-badge{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--accent) 74%, var(--paper));color:var(--bg);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:7px 4px;flex:none;padding:3px 7px;font-size:.62rem;font-weight:900;line-height:1}.timeline-tag-preview{gap:5px;min-width:0;display:flex;overflow:hidden}.timeline-tag-preview span{text-overflow:ellipsis;white-space:nowrap;max-width:92px;color:var(--muted);font-family:var(--font-mono);font-size:.7rem;font-weight:800;overflow:hidden}.timeline-rating-stamp{border:1px dashed color-mix(in srgb, var(--accent) 74%, var(--border));background:color-mix(in srgb, var(--paper) 86%, #f2dc92);max-width:86px;color:var(--ink);box-shadow:2px 2px 0 color-mix(in srgb, var(--shadow) 34%, transparent);font-family:var(--font-display);text-align:center;white-space:nowrap;border-radius:9px 5px 10px;flex:none;padding:6px 8px;font-size:.74rem;font-weight:900;line-height:1;transform:rotate(1deg)}.library-search-panel{border:1px solid color-mix(in srgb, var(--border) 66%, transparent);background:radial-gradient(circle at 14% 18%, #ffffff14 0 1px, transparent 1.5px), linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, white 3%), color-mix(in srgb, var(--panel) 86%, black 6%));box-shadow:0 16px 34px #0003, 3px 4px 0 color-mix(in srgb, var(--shadow) 48%, transparent), inset 0 1px 0 #ffffff0f;background-size:12px 12px,auto;border-radius:20px 14px 22px 13px}.library-search-input,.library-sort-select{border:1px solid color-mix(in srgb, var(--border) 62%, transparent);background-color:color-mix(in srgb, var(--bg) 32%, var(--panel));height:44px;color:var(--ink);box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--shadow) 18%, transparent);border-radius:14px 9px 15px}.library-search-input:focus,.library-sort-select:focus,.journal-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent), inset 2px 2px 0 color-mix(in srgb, var(--shadow) 14%, transparent)}.library-sort-select{width:150px;font-family:var(--font-body);font-size:.84rem}.library-search-icon{color:color-mix(in srgb, var(--muted) 84%, var(--accent))}@media (width<=780px){.settings-grid{grid-template-columns:1fr}.settings-control-row{grid-template-columns:1fr;gap:8px}}@media (width<=640px){.journal-form-page:before,.journal-form-page:after{display:none}.detail-page:before{opacity:.18}.cover-collage{filter:none}.journal-star-doodle{display:none}.journal-input,.journal-select,.library-search-input,.library-sort-select,.timeline-filter-select,.settings-select{border-color:color-mix(in srgb, var(--border) 35%, transparent);box-shadow:none}.journal-input:focus,.journal-select:focus,.library-search-input:focus,.library-sort-select:focus,.timeline-filter-select:focus,.settings-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 24%, transparent)}.detail-journal-sheet,.journal-form-shell,.journal-form-section,.settings-card,.timeline-filter-board,.timeline-receipt,.vintage-entry-card,.library-search-panel{box-shadow:0 8px 18px #00000029}.library-search-panel{border-radius:16px 11px 17px 10px;padding:9px}.library-search-input,.library-sort-select{height:42px}.timeline-filter-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}.timeline-filter-board .timeline-filter-select:last-child{grid-column:1/-1}.timeline-archive:before{left:18px}.timeline-month-group{padding-left:34px}.timeline-month-heading{grid-template-columns:auto minmax(0,1fr)}.timeline-month-heading small{display:none}.timeline-receipt{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:9px}.timeline-day{width:34px;height:34px;font-size:.88rem}.timeline-rating-stamp{grid-column:2;justify-self:start;max-width:none;padding:4px 7px;font-size:.68rem}.vintage-entry-card{border-radius:14px 10px 15px 9px}.vintage-card-cover{padding:6px}.vintage-card-photo{border-width:4px}.vintage-card-rating{padding:5px 7px;font-size:.62rem}.vintage-card-favorite{width:30px;height:29px}.vintage-card-actions{gap:6px;padding:6px 7px 8px}.vintage-card-action{min-height:31px;box-shadow:none}}@media (width<=380px){.settings-page,.timeline-page{padding-inline:10px}.timeline-filter-board{grid-template-columns:1fr}.timeline-filter-board .timeline-filter-select:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){.vintage-entry-card:hover,.timeline-receipt:hover,.journal-toolbar-button:hover{transform:none}}:root{--radius-panel:14px;--radius-control:12px;--radius-card:12px;--desk-panel-bg:color-mix(in srgb, var(--paper) 82%, var(--card));--desk-control-bg:color-mix(in srgb, var(--bg) 36%, var(--paper));--desk-line:color-mix(in srgb, var(--accent) 26%, transparent)}.texture-none{--paper-texture:none}.texture-soft{--paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E")}.texture-visible{--paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.085'/%3E%3C/svg%3E")}.timeline-page:before,.timeline-page:after,.settings-page:before,.settings-page:after{display:none}.desk-section-title{color:var(--muted);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;font-size:.9rem;font-weight:800;line-height:1;display:flex}.desk-section-title:before,.desk-section-title:after{content:"";background:var(--desk-line);flex:1;height:1px}.library-search-panel{border:1px solid color-mix(in srgb, var(--border) 35%, transparent);border-radius:var(--radius-panel);background:radial-gradient(circle at 14% 20%, #ffffff0e 0 1px, transparent 1.5px), var(--desk-panel-bg);background-size:16px 16px,auto;width:100%;max-width:100%;padding:10px;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #00000029}.library-controls{grid-template-columns:minmax(0,1fr) 136px;gap:10px;width:100%;min-width:0;display:grid}.library-search-field{min-width:0}.library-search-input,.library-sort-select,.journal-input,.journal-select,.timeline-filter-select,.settings-select{border-radius:var(--radius-control)}.library-search-input,.library-sort-select{border:1px solid color-mix(in srgb, var(--border) 28%, transparent);background:linear-gradient(180deg, #ffffff06, #0000000b), var(--desk-control-bg);min-width:0;height:44px;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000002e;width:100%!important}.library-search-input:focus,.library-sort-select:focus{border-color:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent), inset 0 1px 0 #ffffff0a}.timeline-page{width:min(100%,930px);padding-top:20px}.timeline-header{margin-bottom:14px}.timeline-header h1{font-family:var(--font-display);letter-spacing:.08em;text-transform:none;font-size:clamp(1.85rem,5.8vw,2.5rem)}.timeline-snapshot-card{z-index:1;border:1px solid color-mix(in srgb, var(--border) 34%, transparent);border-radius:var(--radius-panel);background:radial-gradient(circle at 12% 18%, #ffffff0e 0 1px, transparent 1.5px), var(--desk-panel-bg);background-size:16px 16px,auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;width:min(100%,900px);margin:0 auto 16px;padding:14px 16px;display:grid;position:relative;box-shadow:0 10px 22px #00000024}.timeline-snapshot-card>div{gap:2px;min-width:118px;display:grid}.timeline-snapshot-label{color:var(--muted);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:800}.timeline-snapshot-card strong{color:var(--accent);font-family:var(--font-display);font-size:2rem;line-height:1}.timeline-snapshot-card small,.timeline-snapshot-card p{color:var(--muted)}.timeline-snapshot-card small{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.timeline-snapshot-card p{font-family:var(--font-body);margin:0;font-size:.92rem;font-style:italic;line-height:1.45}.timeline-filter-board{border:1px solid color-mix(in srgb, var(--border) 30%, transparent);border-radius:var(--radius-panel);background:radial-gradient(circle at 14% 20%, #ffffff0d 0 1px, transparent 1.5px), color-mix(in srgb, var(--paper) 76%, transparent);background-size:16px 16px,auto;width:min(100%,900px);margin-bottom:24px;padding:10px;box-shadow:inset 0 1px #ffffff09,0 8px 20px #0000001f}.timeline-filter-select{border:1px solid color-mix(in srgb, var(--border) 25%, transparent);background:linear-gradient(180deg, #ffffff06, #0000000b), var(--desk-control-bg);box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000002e}.timeline-archive{gap:28px}.timeline-archive:before{display:none}.timeline-month-group{padding-left:0}.timeline-section-title{margin-bottom:12px}.timeline-section-title span{white-space:nowrap}.timeline-month-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-inline:2px;display:flex}.timeline-month-heading span,.timeline-month-heading small{border-radius:var(--radius-control);min-height:24px;box-shadow:none;background:color-mix(in srgb, var(--accent) 14%, var(--paper));color:var(--muted);border:0;padding:3px 8px}.timeline-receipt-stack{gap:8px}.timeline-receipt{border:1px solid color-mix(in srgb, var(--border) 28%, transparent);border-radius:var(--radius-card);background:radial-gradient(circle at 12% 18%, #ffffff0d 0 1px, transparent 1.5px), var(--desk-panel-bg);background-size:16px 16px,auto;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;min-height:74px;padding:10px 12px;box-shadow:0 8px 18px #0000001f}.timeline-receipt--movie,.timeline-receipt--tv,.timeline-receipt--anime{background:radial-gradient(circle at 12% 18%, #ffffff0d 0 1px, transparent 1.5px), var(--desk-panel-bg);background-size:16px 16px,auto}.timeline-day{border-radius:var(--radius-control);background:color-mix(in srgb, var(--accent) 13%, var(--paper));width:38px;height:38px;color:var(--accent);border:0;box-shadow:inset 0 1px #ffffff0a}.timeline-thumb{object-fit:cover;border-radius:calc(var(--radius-control) - 4px);background:var(--card);width:34px;height:48px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 30%, transparent);flex:none}.timeline-thumb--empty{color:var(--muted);font-family:var(--font-display);letter-spacing:.08em;place-items:center;font-size:.62rem;font-weight:800;display:grid}.timeline-type-badge{border-radius:calc(var(--radius-control) - 4px);background:color-mix(in srgb, var(--accent) 18%, var(--paper));color:var(--accent);border:0}.timeline-rating-stamp{border-radius:var(--radius-control);background:color-mix(in srgb, var(--accent) 12%, var(--paper));color:var(--ink);border:0;transform:none;box-shadow:inset 0 1px #ffffff0a}.settings-grid{gap:14px}.settings-card{border:1px solid color-mix(in srgb, var(--border) 28%, transparent);border-radius:var(--radius-panel);background:radial-gradient(circle at 12% 18%, #ffffff0e 0 1px, transparent 1.5px), var(--desk-panel-bg);background-size:16px 16px,auto;box-shadow:0 10px 22px #00000024}.settings-card:before{display:none}.settings-card--appearance{grid-column:1/-1}.settings-card-title{border:0;border-bottom:1px solid var(--desk-line);box-shadow:none;color:var(--muted);background:0 0;border-radius:0;margin-bottom:13px;padding:0 0 8px;transform:none}.settings-card--appearance .settings-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-control-row{border-radius:var(--radius-card)}.settings-choice,.settings-button,.settings-select,.settings-color-control input,.settings-stat-row,.settings-status-strip{border-radius:var(--radius-control)}.settings-choice,.settings-button{border:1px solid color-mix(in srgb, var(--border) 25%, transparent);background:var(--desk-control-bg);box-shadow:inset 0 1px #ffffff09}.settings-choice.is-active,.settings-button--accent{border-color:color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--accent) 24%, var(--paper));color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 #ffffff0a}.texture-none .library-search-panel,.texture-none .timeline-snapshot-card,.texture-none .timeline-filter-board,.texture-none .timeline-receipt,.texture-none .settings-card{background-image:none}.texture-visible .library-search-panel,.texture-visible .timeline-snapshot-card,.texture-visible .timeline-filter-board,.texture-visible .timeline-receipt,.texture-visible .settings-card{background-image:radial-gradient(circle at 14% 20%,#ffffff17 0 1px,#0000 1.5px),radial-gradient(circle at 78% 72%,#0000001f 0 1px,#0000 1.6px);background-size:12px 12px,18px 18px}.vintage-card-type{z-index:6;border-radius:calc(var(--radius-control) - 4px);background:color-mix(in srgb, var(--card-accent) 32%, var(--paper));color:var(--ink);box-shadow:none;pointer-events:none;border:0;top:34px;bottom:auto;left:8px}.vintage-card-cover-footer{z-index:4}.detail-journal-sheet,.journal-form-shell,.timeline-snapshot-card,.timeline-filter-board,.settings-card,.library-search-panel{border-radius:var(--radius-panel)}.journal-form-section,.vintage-entry-card,.timeline-receipt,.settings-stat-row,.settings-status-strip{border-radius:var(--radius-card)}.journal-input,.journal-select,.journal-mini-button,.journal-action-button,.journal-toggle-card,.journal-tag-pill,.settings-choice,.settings-button,.settings-select,.library-search-input,.library-sort-select,.timeline-filter-select,.timeline-day,.timeline-rating-stamp{border-radius:var(--radius-control)}@media (width<=640px){*,:before,:after{transition-duration:.12s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.library-header-wrap{width:min(100% - 16px,520px)}.library-search-panel{background:color-mix(in srgb, var(--paper) 82%, transparent);border-radius:var(--radius-panel);width:100%;max-width:100%;padding:8px;overflow:hidden;box-shadow:none!important;border:none!important}.library-controls{grid-template-columns:minmax(0,1fr) 108px;gap:8px}.library-search-input,.library-sort-select,.journal-input,.journal-select,.timeline-filter-select,.settings-select,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=color]),.journal-mini-button,.journal-action-button,.settings-button,.settings-choice{background:linear-gradient(180deg, #ffffff06, #0000000b), var(--desk-control-bg);border-radius:var(--radius-control);outline:none;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000002e;border:none!important}.library-search-input:focus,.library-sort-select:focus,.journal-input:focus,.journal-select:focus,.timeline-filter-select:focus,.settings-select:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent), inset 0 1px 0 #ffffff0a}.timeline-page{padding-inline:12px}.timeline-snapshot-card,.timeline-filter-board,.settings-card,.timeline-receipt{box-shadow:none!important;border:none!important}.timeline-snapshot-card{grid-template-columns:1fr;gap:8px;padding:13px}.timeline-filter-board{background:color-mix(in srgb, var(--paper) 82%, transparent);grid-template-columns:minmax(0,1fr);padding:8px}.timeline-month-heading{margin-bottom:8px}.timeline-receipt{grid-template-columns:auto auto minmax(0,1fr);gap:8px;min-height:68px;padding:9px}.timeline-rating-stamp{grid-column:3;justify-self:start}.settings-card--appearance .settings-stack{grid-template-columns:1fr}.settings-choice,.settings-button{box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000002e}.settings-choice.is-active,.settings-button--accent{background:color-mix(in srgb, var(--accent) 24%, var(--paper));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent)}}@media (width<=360px){.library-controls{grid-template-columns:minmax(0,1fr) 96px;gap:6px}.library-sort-select{background-position:0 0,right 8px center;padding-left:8px;padding-right:26px;font-size:.68rem}}.journal-select,.archive-select,.library-sort-select,.timeline-filter-select,.settings-select,select{line-height:1.2;text-indent:0!important;padding-left:14px!important;padding-right:38px!important}.journal-select,.archive-select,.library-sort-select,.timeline-filter-select,.settings-select{background-position:0 0,right 12px center!important}.empty-archive-state{width:min(100%,680px);margin:0 auto}.tag-wall-page{flex-direction:column;gap:16px;width:min(100%,930px);margin-inline:auto;display:flex}.tag-wall-hero{z-index:1;border:1px solid color-mix(in srgb, var(--border) 30%, transparent);border-radius:var(--radius-panel);background:radial-gradient(circle at 14% 18%, #ffffff0e 0 1px, transparent 1.5px), var(--desk-panel-bg);background-size:16px 16px,auto;width:min(100%,900px);margin-inline:auto;padding:16px;position:relative;box-shadow:0 10px 22px #00000024}.tag-wall-kicker{color:var(--muted);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:800;display:inline-flex}.tag-wall-title-row{justify-content:space-between;align-items:end;gap:12px;display:flex}.tag-wall-title-row h1{color:var(--ink);font-family:var(--font-display);letter-spacing:.08em;margin:0;font-size:clamp(1.9rem,5vw,2.55rem);line-height:1}.tag-wall-title-row span,.tag-wall-hero p{color:var(--muted);font-family:var(--font-body)}.tag-wall-title-row span{flex:none;font-size:.82rem;font-style:italic}.tag-wall-hero p{margin:8px 0 0;font-size:.92rem;line-height:1.45}.tag-wall-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,900px);margin-inline:auto;display:grid}.tag-wall-stats span{border:1px solid color-mix(in srgb, var(--border) 26%, transparent);border-radius:var(--radius-card);background:radial-gradient(circle at 12% 20%, #ffffff0b 0 1px, transparent 1.5px), color-mix(in srgb, var(--paper) 72%, transparent);min-width:0;color:var(--muted);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;background-size:16px 16px,auto;gap:2px;padding:11px 12px;font-size:.66rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff09}.tag-wall-stats strong{min-width:0;color:var(--accent);font-family:var(--font-display);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;text-transform:none;font-size:1rem;overflow:hidden}.tag-wall-stack{flex-direction:column;gap:24px;width:min(100%,900px);margin-inline:auto;display:flex}.tag-board-section{flex-direction:column;gap:11px;display:flex}.tag-board-heading{margin-inline:2px}.tag-board-heading span{white-space:nowrap}.tag-board-panel{border:1px solid color-mix(in srgb, var(--border) 28%, transparent);border-radius:var(--radius-panel);background:radial-gradient(circle at 12% 18%, #ffffff0e 0 1px, transparent 1.5px), linear-gradient(180deg, color-mix(in srgb, var(--paper) 78%, transparent), color-mix(in srgb, var(--panel) 82%, transparent));background-size:16px 16px,auto;flex-wrap:wrap;align-items:flex-start;gap:9px;padding:16px;display:flex;box-shadow:0 8px 18px #0000001f}.tag-board-panel--mood{background:radial-gradient(circle at 12% 18%, #ffffff0f 0 1px, transparent 1.5px), linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, var(--paper)), color-mix(in srgb, var(--panel) 86%, transparent));background-size:16px 16px,auto}.tag-board-panel--custom{background:radial-gradient(circle at 12% 18%, #ffffff0b 0 1px, transparent 1.5px), linear-gradient(180deg, color-mix(in srgb, var(--card) 72%, var(--paper)), color-mix(in srgb, var(--bg) 24%, var(--paper)));background-size:16px 16px,auto}.tag-chip{border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel) 78%, var(--accent) 8%);border:0;align-items:stretch;max-width:100%;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 5px 12px #0000001c}.tag-chip--custom{background:color-mix(in srgb, var(--paper) 78%, var(--card) 18%)}.tag-chip-main{min-width:0;color:var(--ink);cursor:pointer;font-family:var(--font-display);letter-spacing:.03em;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:7px;padding:8px 10px;font-weight:800;line-height:1.1;display:inline-flex}.tag-chip-text{overflow-wrap:anywhere;min-width:0;overflow:hidden}.tag-chip-count{background:color-mix(in srgb, var(--accent) 18%, transparent);min-width:22px;color:var(--muted);font-family:var(--font-mono);text-align:center;border-radius:999px;flex:none;padding:2px 6px;font-size:.68rem;font-weight:900;line-height:1.35}.tag-chip-actions{border-left:1px solid color-mix(in srgb, var(--border) 22%, transparent);align-items:stretch;display:inline-flex}.tag-chip-action{background:color-mix(in srgb, var(--paper) 44%, transparent);color:var(--muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:0;padding-inline:8px;font-size:.62rem;font-weight:900}.tag-chip-action--danger{color:var(--danger)}.tag-chip-main:focus-visible,.tag-chip-action:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 42%, transparent);outline:none}@media (hover:hover) and (pointer:fine){.tag-chip:hover{transform:translateY(-1px)}}.texture-none .tag-wall-hero,.texture-none .tag-wall-stats span,.texture-none .tag-board-panel{background-image:none}.texture-visible .tag-wall-hero,.texture-visible .tag-wall-stats span,.texture-visible .tag-board-panel{background-image:radial-gradient(circle at 14% 20%,#ffffff17 0 1px,#0000 1.5px),radial-gradient(circle at 78% 72%,#0000001f 0 1px,#0000 1.6px);background-size:12px 12px,18px 18px}@media (width<=640px){.journal-select,.archive-select,.library-sort-select,.timeline-filter-select,.settings-select,select{background-position:0 0,right 10px center!important;padding-left:14px!important;padding-right:34px!important}.tag-wall-page{padding-inline:12px}.tag-wall-hero,.tag-wall-stats span,.tag-board-panel,.tag-chip{box-shadow:none!important;border:none!important}.tag-wall-hero,.tag-board-panel{background:color-mix(in srgb, var(--paper) 82%, transparent)}.tag-wall-title-row{flex-direction:column;align-items:start;gap:6px}.tag-wall-stats{grid-template-columns:1fr;gap:8px}.tag-wall-stats span{background:var(--desk-control-bg)}.tag-board-panel{gap:7px;padding:10px}.tag-chip{background:var(--desk-control-bg);max-width:100%;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000002e!important}.tag-chip-main{padding:8px 9px}.tag-chip-actions{flex-direction:column}.tag-chip-action{min-height:24px;padding-inline:7px}.watchlater-item{box-shadow:none!important;border-radius:var(--radius-card)!important;background:var(--desk-panel-bg)!important;border:none!important;grid-template-columns:minmax(0,1fr)!important}.watchlater-actions{flex-wrap:wrap;justify-content:flex-start}.graveyard-card{box-shadow:none!important;border:none!important}}