:root{--color-page:#ded8ce;--color-canvas:#f7f3ea;--color-surface:#eee8dc;--color-surface-raised:#fbf8f1;--color-text:#37332f;--color-text-soft:#655f59;--color-muted:#746e67;--color-faint:#817970;--color-line:#37332f2b;--color-line-strong:#37332fc7;--color-accent-soft:#e4ded3;--color-accent:#b4aa9c;--color-danger:#5a493d;--color-danger-soft:#e5ddd2;--color-overlay:#302b2747;--font-ui:-apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-reading:"Songti SC", STSong, "Noto Serif SC", "Times New Roman", serif;--font-wordmark:"Snell Roundhand", "Apple Chancery", "URW Chancery L", cursive;--archive-width:720px;--reading-width:640px;--topbar-height:70px;--bottom-nav-height:76px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--page-gutter:clamp(24px, 6vw, 46px);--radius-small:10px;--radius-medium:18px;--radius-large:28px;--shadow-panel:0 0 70px #2e28221f;--shadow-float:0 14px 34px #433c3624;--ease-standard:cubic-bezier(.2, .8, .2, 1);--duration-fast:.16s;--duration-normal:.24s}
*,:before,:after{box-sizing:border-box}html{background:var(--color-page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px}body{background:var(--color-page);min-width:320px;min-height:100vh;color:var(--color-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,input,textarea{color:inherit;font:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:1px solid var(--color-text);outline-offset:3px}::selection{background:var(--color-accent-soft);color:var(--color-text)}.eyebrow{color:var(--color-muted);font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:9px;font-weight:500;line-height:1.5}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.login-screen,.loading-screen{min-height:100svh;padding:calc(28px + var(--safe-top)) 20px calc(28px + var(--safe-bottom));background:radial-gradient(circle at 8% 4%, #ffffffc7, transparent 30%), radial-gradient(circle at 92% 82%, #d6cec157, transparent 27%), var(--color-canvas);place-items:center;display:grid}.loading-wordmark{font-family:var(--font-wordmark);letter-spacing:-.04em;font-size:clamp(50px,14vw,74px)}.login-card{border:1px solid var(--color-line);width:min(100%,760px);min-height:520px;box-shadow:var(--shadow-panel);background:#f7f3ead1;grid-template-columns:1fr .86fr;display:grid;overflow:hidden}.login-card__intro{flex-direction:column;justify-content:center;align-items:flex-start;min-height:520px;padding:64px 56px;display:flex}.login-card__intro h1{font-family:var(--font-wordmark);letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(58px,9vw,82px);font-weight:400;line-height:1}.login-card__poem{color:var(--color-text-soft);font-family:var(--font-reading);letter-spacing:.04em;margin:56px 0 0;font-size:16px;line-height:2}.login-form{border-left:1px solid var(--color-line);flex-direction:column;justify-content:center;min-height:520px;padding:58px 42px 42px;display:flex}.login-form>label{color:var(--color-muted);letter-spacing:.14em;margin:0 0 10px;font-size:10px}.password-field{border-bottom:1px solid var(--color-line-strong);grid-template-columns:22px 1fr;align-items:center;gap:9px;min-height:52px;display:grid}.password-field svg{color:var(--color-muted);stroke-width:1.3px}.password-field input{width:100%;min-width:0;height:50px;font-family:var(--font-reading);background:0 0;border:0;outline:0;padding:0;font-size:16px}.password-field input::placeholder{color:var(--color-faint)}.form-error,.editor-error{color:var(--color-danger);margin:10px 0 0;font-size:12px}.glow-button{border:1px solid var(--color-text);background:var(--color-text);min-height:50px;color:var(--color-canvas);letter-spacing:.04em;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;display:flex}.login-form .glow-button{margin-top:28px}.glow-button:hover{color:var(--color-text);background:0 0}.prototype-note{color:var(--color-muted);text-align:center;margin:20px 0 0;font-size:10px;line-height:1.7}.archive-app{background:var(--color-page);min-height:100svh}.archive-chrome{width:min(100%, var(--archive-width));background:radial-gradient(circle at 8% 3%, #ffffffbd, transparent 28%), radial-gradient(circle at 96% 54%, #d6cec133, transparent 25%), var(--color-canvas);min-height:100svh;box-shadow:var(--shadow-panel);margin:0 auto;position:relative}.archive-topbar{z-index:20;width:min(100%, var(--archive-width));min-height:calc(var(--topbar-height) + var(--safe-top));padding:var(--safe-top) 17px 0;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f3eae0;grid-template-columns:48px 1fr 48px;align-items:center;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.icon-button{width:44px;height:44px;color:var(--color-text);transition:background var(--duration-fast) ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.icon-button:hover{background:#37332f0e}.archive-topbar>.icon-button:last-child{justify-self:end}.wordmark-button{color:var(--color-text);font-family:var(--font-wordmark);letter-spacing:-.045em;background:0 0;border:0;justify-self:center;padding:1px 8px 0;font-size:35px;font-weight:400;line-height:1}.archive-main{min-height:100svh;padding-top:calc(var(--topbar-height) + var(--safe-top))}.content-column{width:min(100%, var(--reading-width));padding:0 var(--page-gutter) calc(var(--bottom-nav-height) + var(--safe-bottom) + 94px);margin:0 auto}.collection-header{min-height:250px;padding:48px 2px 34px}.collection-header h1{max-width:540px;font-family:var(--font-wordmark);letter-spacing:-.045em;margin:21px 0 0;font-size:clamp(38px,9vw,58px);font-weight:400;line-height:1.16}.collection-header>p:last-child{color:var(--color-muted);font-family:var(--font-reading);letter-spacing:.04em;margin:22px 0 0;font-size:13px;line-height:1.75}.active-filters{flex-wrap:wrap;gap:9px;margin:-8px 0 28px;display:flex}.active-filters button{border:1px solid var(--color-line);min-height:34px;color:var(--color-text-soft);background:#dad3c78f;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:11px;display:inline-flex}.stream-heading{border-bottom:1px solid var(--color-line-strong);justify-content:space-between;align-items:flex-start;min-height:39px;display:flex}.stream-heading h2,.stream-heading p{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:9px;font-weight:500;line-height:1.5}.stream-heading p{color:var(--color-muted);letter-spacing:.12em}.memory-stream{min-height:280px}.memory-list{display:grid}.memory-card{border-bottom:1px solid var(--color-line);cursor:pointer;background:0 0;padding:22px 2px 24px;position:relative}.memory-card:after{content:"";height:1px;transition:background var(--duration-fast) ease;background:0 0;position:absolute;bottom:-1px;left:2px;right:2px}.memory-card:hover:after{background:var(--color-text)}.memory-card--trash{opacity:.82}.memory-card__meta{color:var(--color-muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:9px;font-weight:500;line-height:1.5;display:flex}.memory-card h3{font-family:var(--font-reading);letter-spacing:.025em;margin:0;font-size:clamp(18px,4.6vw,21px);font-weight:400;line-height:1.55}.memory-card h3 button{max-width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}.memory-card h3.is-untitled,.detail-paper h2.is-untitled{color:var(--color-muted);font-style:italic}.memory-card__content{color:var(--color-text-soft);font-family:var(--font-reading);letter-spacing:.025em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;font-size:15px;line-height:1.78;display:-webkit-box;overflow:hidden}.memory-card__tags,.detail-paper__tags{flex-wrap:wrap;gap:14px;margin-top:14px;display:flex}.memory-card__tags button,.memory-card__tags span,.detail-paper__tags button{color:#756f67;letter-spacing:.05em;background:0 0;border:0;min-height:32px;padding:6px 0;font-size:10px}.memory-card__tags button:hover,.detail-paper__tags button:hover{color:var(--color-text);text-underline-offset:4px;text-decoration:underline}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:64px 18px;display:flex}.empty-state__mark{border:1px solid var(--color-line);width:52px;height:52px;color:var(--color-muted);border-radius:50%;place-items:center;margin-bottom:24px;display:grid}.empty-state h3{font-family:var(--font-wordmark);margin:0;font-size:30px;font-weight:400}.empty-state p{color:var(--color-muted);font-family:var(--font-reading);margin:12px 0 0;font-size:14px;line-height:1.8}.load-more{border:1px solid var(--color-text);min-height:44px;color:var(--color-text);width:100%;font-family:var(--font-reading);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:30px 0 0;padding:0 18px;line-height:1.2;display:inline-flex}.load-more small{color:var(--color-muted);font-family:var(--font-ui);font-size:9px}.archive-fixed-controls{position:relative}.layer-switch{z-index:30;width:min(100%, var(--archive-width));min-height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding:0 8px var(--safe-bottom);border-top:1px solid var(--color-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7f3eaf2;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 38px #463d360a}.layer-switch button{min-width:0;min-height:72px;color:var(--color-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:9px 3px 7px;display:flex;position:relative}.layer-switch button:before{background:var(--color-text);content:"";width:0;height:1px;transition:width var(--duration-fast) ease;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.layer-switch button>svg{flex:none}.layer-switch button>span{letter-spacing:.12em;font-size:10px;line-height:1.2}.layer-switch button.is-active{color:var(--color-text)}.layer-switch button.is-active:before{width:28px}.layer-switch button.is-active>svg{fill:#b8ae9f7a}.search-controls{gap:18px;display:grid}.search-input{border-bottom:1px solid var(--color-line-strong);grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:50px;display:grid}.search-input>svg{color:var(--color-muted);stroke-width:1.35px}.search-input input{width:100%;min-width:0;height:48px;font-family:var(--font-reading);background:0 0;border:0;outline:0;padding:0;font-size:15px}.search-input input::placeholder{color:var(--color-faint)}.search-input>button{background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.scope-switch{border:1px solid var(--color-line);grid-template-columns:1fr 1fr;padding:3px;display:grid}.scope-switch button{min-height:40px;color:var(--color-muted);background:0 0;border:0;padding:0 12px;font-size:12px}.scope-switch button.is-active{background:var(--color-accent-soft);color:var(--color-text)}.trash-search-context,.scope-hint,.quiet-copy{color:var(--color-muted);font-family:var(--font-reading);margin:0;font-size:12px;line-height:1.7}.filter-heading{justify-content:space-between;align-items:center;margin-top:3px;display:flex}.filter-heading>span{color:var(--color-muted);letter-spacing:.12em;align-items:center;gap:6px;font-size:10px;display:inline-flex}.filter-heading>button{color:var(--color-muted);background:0 0;border:0;padding:4px 0;font-size:11px}.tag-cloud{flex-wrap:wrap;gap:8px;margin-top:-8px;display:flex}.tag-cloud button{border:1px solid var(--color-line);min-height:34px;color:var(--color-text-soft);background:0 0;border-radius:999px;padding:0 10px;font-size:11px}.tag-cloud button small{color:var(--color-faint);margin-left:6px;font-size:9px}.tag-cloud button.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.archive-stat{border-block:1px solid var(--color-line);text-align:center;padding:24px 2px}.archive-stat>span{font-family:var(--font-wordmark);font-size:42px;line-height:1;display:block}.archive-stat p{color:var(--color-text-soft);font-family:var(--font-reading);margin:7px 0 0;font-size:13px}.archive-stat small{color:var(--color-muted);margin-top:8px;font-size:10px;display:block}@media (max-width:620px){.login-screen{padding:0}.login-card{width:100%;min-height:100svh;box-shadow:none;border:0;grid-template-columns:1fr}.login-card__intro{min-height:46svh;padding:calc(62px + var(--safe-top)) 30px 28px;justify-content:flex-end}.login-card__intro h1{font-size:clamp(64px,20vw,84px)}.login-card__poem{margin-top:36px;font-size:15px}.login-form{min-height:54svh;padding:32px 30px calc(34px + var(--safe-bottom));border-top:1px solid var(--color-line);border-left:0;justify-content:flex-start}.collection-header{min-height:232px;padding-top:43px}.collection-header h1{font-size:clamp(36px,10vw,44px)}}@media (max-width:380px){:root{--page-gutter:21px}.collection-header h1{font-size:36px}}@media (min-width:721px){.archive-chrome{border-inline:1px solid #37332f12}}
.modal-backdrop{z-index:100;padding:calc(18px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));background:var(--color-overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);place-items:center;display:grid;position:fixed;inset:0}.paper-deck{background:var(--color-canvas)}.paper-rule,.editor-rule{background:var(--color-line);width:100%;height:1px}.detail-paper{border:1px solid var(--color-line);background:var(--color-surface-raised);width:min(100%,680px);max-height:min(88svh,860px);padding:28px clamp(26px,6vw,52px) 34px;position:relative;overflow:auto;box-shadow:0 30px 90px #302a252e}.detail-paper--trash{background:#f3ede5}.detail-paper__meta{min-height:44px;color:var(--color-muted);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.detail-paper__context{color:var(--color-muted);letter-spacing:.13em;margin:22px 0 0;font-size:10px}.detail-paper h2{font-family:var(--font-reading);letter-spacing:.025em;margin:18px 0 0;font-size:clamp(28px,6vw,40px);font-weight:400;line-height:1.45}.detail-paper__content{color:var(--color-text-soft);font-family:var(--font-reading);letter-spacing:.025em;margin-top:28px;font-size:clamp(16px,3vw,18px);line-height:1.95}.detail-paper__content p{margin:0 0 1.15em}.detail-paper__actions{border-top:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px;display:grid}.paper-action{min-height:50px;color:var(--color-text-soft);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;display:inline-flex}.paper-action+.paper-action{border-left:1px solid var(--color-line)}.paper-action:hover{color:var(--color-text);background:#37332f0b}.paper-action--danger{color:var(--color-danger)}.editor-backdrop{padding:0}.editor-sheet{width:min(100%, var(--archive-width));border:1px solid var(--color-line);background:var(--color-canvas);height:min(94svh,900px);overflow:hidden;box-shadow:0 30px 90px #302a2533}.editor-sheet form{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.editor-sheet__bar{min-height:calc(var(--topbar-height) + var(--safe-top));padding:var(--safe-top) 18px 0;border-bottom:1px solid var(--color-line);background:#f7f3eaf0;grid-template-columns:minmax(82px,1fr) auto minmax(82px,1fr);align-items:center;display:grid}.editor-sheet__bar>div{flex-direction:column;align-items:center;display:flex}.editor-sheet__bar>div span{color:var(--color-muted);letter-spacing:.18em;font-size:8px}.editor-sheet__bar>div strong{font-family:var(--font-reading);white-space:nowrap;margin-top:3px;font-size:14px;font-weight:400}.editor-sheet__bar>button{min-height:44px;color:var(--color-text-soft);background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;font-size:12px;display:inline-flex}.editor-sheet__bar>button:last-child{justify-self:end}.editor-sheet__bar .editor-save{color:var(--color-text);font-weight:600}.editor-paper{width:min(100%, var(--reading-width));height:100%;padding:30px var(--page-gutter) calc(42px + var(--safe-bottom));margin:0 auto;overflow:auto}.editor-meta-row{min-height:25px;color:var(--color-muted);letter-spacing:.12em;align-items:flex-start;font-size:9px;display:flex}.editor-layers{border:0;margin:28px 0 0;padding:0}.editor-layers legend,.editor-field>span{color:var(--color-muted);font-family:var(--font-ui);letter-spacing:.1em;margin:0 0 10px;font-size:10px}.editor-layers>div{border-block:1px solid var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.editor-layers button{min-height:44px;color:var(--color-muted);background:0 0;border:0;padding:0 7px;font-size:12px}.editor-layers button+button{border-left:1px solid var(--color-line)}.editor-layers button.is-active{background:var(--color-accent-soft);color:var(--color-text)}.editor-layers button:disabled{cursor:default;opacity:.55}.editor-layers button.is-active:disabled{opacity:1}.editor-layers>small{color:var(--color-muted);margin-top:8px;font-size:10px;display:block}.editor-field{margin-top:30px;display:grid}.editor-field input,.editor-field textarea{border:0;border-bottom:1px solid var(--color-line);width:100%;color:var(--color-text);font-family:var(--font-reading);resize:none;background:0 0;border-radius:0;outline:0;padding:0}.editor-field input::placeholder,.editor-field textarea::placeholder{color:var(--color-faint)}.editor-field--title input{height:58px;font-size:clamp(22px,5vw,30px)}.editor-field--content textarea{min-height:240px;padding:12px 0 18px;font-size:17px;line-height:1.9}.editor-field--tags input{height:48px;font-size:14px}.editor-paper input:focus,.editor-paper textarea:focus{border-color:var(--color-text)}.confirm-backdrop{z-index:120}.confirm-dialog{border:1px solid var(--color-line);background:var(--color-surface-raised);text-align:center;width:min(100%,410px);padding:34px;box-shadow:0 30px 90px #302a2533}.confirm-icon{border:1px solid var(--color-line);width:50px;height:50px;color:var(--color-text-soft);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.confirm-icon.is-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:#5a493d4d}.confirm-dialog h2{font-family:var(--font-reading);margin:12px 0 0;font-size:24px;font-weight:400}.confirm-dialog>p:not(.eyebrow){color:var(--color-muted);font-family:var(--font-reading);margin:13px 0 0;font-size:13px;line-height:1.8}.confirm-dialog__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.confirm-dialog__actions button{border:1px solid var(--color-line);background:0 0;min-height:46px;padding:0 14px;font-size:12px}.confirm-dialog__actions button.is-primary{border-color:var(--color-text);background:var(--color-text);color:var(--color-canvas)}.confirm-dialog__actions button.is-danger{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-surface-raised)}.mobile-search-backdrop{place-items:end center}.mobile-search-sheet{width:min(100%, var(--archive-width));max-height:min(90svh,820px);padding:0 clamp(24px, 6vw, 44px) calc(28px + var(--safe-bottom));border:1px solid var(--color-line);background:var(--color-canvas);overflow:auto;box-shadow:0 -24px 80px #302a252e}.mobile-search-sheet>header{z-index:2;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3eaf2;justify-content:space-between;align-items:center;min-height:80px;margin:0 calc(-1*clamp(24px,6vw,44px)) 8px;padding:0 clamp(24px,6vw,44px);display:flex;position:sticky;top:0}.mobile-search-sheet>header h2{font-family:var(--font-reading);margin:4px 0 0;font-size:20px;font-weight:400}.search-sheet-actions{gap:13px;margin-top:22px;display:grid}.archive-lock{min-height:44px;color:var(--color-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0;font-size:11px;display:inline-flex}.toast{z-index:140;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 18px);border:1px solid var(--color-line);background:var(--color-text);min-height:42px;box-shadow:var(--shadow-float);color:var(--color-canvas);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease;align-items:center;gap:7px;padding:0 16px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%,12px)}.toast.is-visible{opacity:1;transform:translate(-50%)}@media (max-width:620px){.modal-backdrop{padding:0}.detail-paper{width:100%;height:100svh;max-height:none;padding:calc(12px + var(--safe-top)) 26px calc(32px + var(--safe-bottom));border:0}.detail-paper__meta{min-height:54px}.detail-paper__actions{bottom:calc(var(--safe-bottom) * -1);margin-inline:-26px;margin-bottom:calc((32px + var(--safe-bottom)) * -1);padding:8px 18px calc(8px + var(--safe-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3eaf5;position:sticky}.editor-sheet{border:0;width:100%;height:100svh}.editor-sheet__bar{padding-inline:14px}.editor-sheet__bar>button{font-size:0}.editor-sheet__bar>button svg{width:20px;height:20px}.editor-paper{padding-top:25px}.mobile-search-sheet{border:0;border-radius:24px 24px 0 0;width:100%;max-height:92svh}.confirm-dialog{width:calc(100% - 36px);padding:30px 24px}}@media (max-height:540px) and (orientation:landscape){.detail-paper,.editor-sheet,.mobile-search-sheet{border-radius:0;height:100svh;max-height:100svh}}