@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--ink:#2b2115;--ink-soft:#6b5d48;--ink-faint:#9a8c74;--paper:#f6f0e2;--card:#fffcf4;--line:#e6dcc5;--line-strong:#d9c589;--gold:#c08a1e;--gold-deep:#9a6d12;--gold-tint:#f3e7c8;--green:#35502f;--green-soft:#4c6a44;--danger:#b93f3f;--danger-tint:#f4e0dc;--on-dark:#f4f0e2;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:20px;--fs-display:clamp(46px,7vw,76px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--r-sm:10px;--r-md:14px;--r-pill:999px;--r-seed:30px 16px 30px 16px;--r-thumb:22px 10px 22px 10px;--shadow-sm:0 2px 10px -6px rgba(80,60,20,.25);--shadow-md:0 14px 34px -14px rgba(107,78,18,.28);--shadow-lg:0 24px 60px -20px rgba(43,33,21,.45);--z-menu:30;--z-grain:40;--z-modal:50;--z-toast:60;--ease:cubic-bezier(0.2,0,0,1);--t-fast:160ms;--t-med:220ms;--t-slow:400ms;--serif:"Fraunces",Georgia,serif;--sans:"Inter",-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 80% 60% at 50% -5%,rgba(192,138,30,.07),transparent 65%),radial-gradient(ellipse 70% 50% at 8% 100%,rgba(53,80,47,.05),transparent 70%),linear-gradient(165deg,#f5eeda 0,var(--paper) 45%,#f1e9d3 100%);background-attachment:fixed;color:var(--ink);font-family:var(--sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.17 0 0 0 0 0.13 0 0 0 0 0.08 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}:is(button,a,input):focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;border-radius:var(--r-sm)}button{cursor:pointer}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,hsla(44,53%,85%,.6),transparent);border-bottom:1px solid var(--line);padding:var(--sp-8) var(--sp-5) var(--sp-7);text-align:center}.hero>:not(.hero-blobs){position:relative;z-index:1}.hero-blobs{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-blobs .blob{position:absolute;display:block;animation:blob-drift var(--float-dur,16s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}.hero-blobs .blob i{position:absolute;inset:0;display:block;filter:blur(46px);border-radius:47% 53% 61% 39%/52% 44% 56% 48%;transform:translate3d(calc(var(--px, 0px) * var(--depth, 1)),calc((var(--py, 0px) + var(--scroll, 0px)) * var(--depth, 1)),0) rotate(var(--rot,0deg));transition:transform .5s cubic-bezier(.22,1,.36,1)}@keyframes blob-drift{0%,to{transform:translate3d(var(--base-x,0),0,0)}50%{transform:translate3d(calc(var(--base-x, 0px) + var(--fx, 16px)),var(--fy,10px),0)}}.hero-blobs .blob:first-child{width:480px;height:380px;left:-90px;top:-140px;--fx:22px;--fy:16px;--float-dur:17s;--float-delay:0s}.hero-blobs .blob:first-child i{background:rgba(211,160,47,.5);--rot:-12deg;--depth:1.1}.hero-blobs .blob:nth-child(2){width:420px;height:340px;right:-70px;top:-60px;--fx:-18px;--fy:20px;--float-dur:21s;--float-delay:-6s}.hero-blobs .blob:nth-child(2) i{background:rgba(90,122,52,.32);--rot:18deg;--depth:0.8}.hero-blobs .blob:nth-child(3){width:520px;height:300px;left:50%;bottom:-150px;--base-x:-58%;--fx:16px;--fy:-14px;--float-dur:19s;--float-delay:-3s}.hero-blobs .blob:nth-child(3) i{background:rgba(255,250,234,.9);--rot:8deg;--depth:0.5}.hero-blobs .blob:nth-child(4){width:260px;height:220px;right:16%;bottom:-40px;--fx:-20px;--fy:-12px;--float-dur:14s;--float-delay:-9s}.hero-blobs .blob:nth-child(4) i{background:rgba(180,86,46,.18);--rot:-20deg;--depth:1.5}@media (prefers-reduced-motion:reduce){.hero-blobs .blob{animation:none}.hero-blobs .blob i{transition:none}}.masthead{font-family:var(--serif);font-size:var(--fs-display);font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--green);margin:0;display:inline-flex;align-items:center;gap:var(--sp-3)}.masthead .seed{display:inline-block;width:.22em;height:.3em;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:linear-gradient(160deg,#dfa72e,var(--gold-deep));transform:translateY(-.02em) rotate(14deg)}.tagline{font-family:var(--serif);font-style:italic;font-size:var(--fs-lg);color:var(--ink-soft);margin:var(--sp-4) 0 0}.hero-tagline-in{animation:hero-fade-up .7s cubic-bezier(.25,1,.5,1) both}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tagline-sub{font-family:var(--serif);font-style:italic;font-size:var(--fs-sm);color:var(--ink-faint);margin:var(--sp-1) 0 0}.search-row{display:flex;align-items:center;gap:var(--sp-3);width:min(540px,100%);margin:var(--sp-7) auto 0}.search{flex:1 1;min-width:0;padding:14px var(--sp-5);font-family:var(--sans);font-size:var(--fs-md);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r-pill);outline:none;box-shadow:var(--shadow-sm);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.search::placeholder{color:var(--ink-faint)}.search:hover{border-color:#d5c8a8}.search:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,138,30,.22)}.add-btn{flex-shrink:0;width:46px;height:46px;border-radius:var(--r-pill);border:none;background:var(--green);color:var(--on-dark);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:background-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.add-btn:hover{background:var(--green-soft)}.add-btn:active{transform:scale(.94)}.add-btn[aria-expanded=true]{background:var(--green-soft);box-shadow:inset 0 2px 6px rgba(0,0,0,.22)}.add-btn:focus-visible{border-radius:var(--r-pill)}.chat-panel{width:min(540px,100%);margin:var(--sp-4) auto 0;padding:var(--sp-3);border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--gold),#d5c8a8 45%,var(--green-soft)) border-box;border-radius:20px 12px 20px 12px;box-shadow:0 0 26px -6px rgba(192,138,30,.35),var(--shadow-md);display:flex;flex-direction:column;gap:var(--sp-3);text-align:left}.chat-backdrop{display:none}.chat-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-1);padding:var(--sp-4) var(--sp-3) var(--sp-2)}.chat-empty .chat-avatar{width:56px;height:56px;margin-bottom:var(--sp-1)}.chat-empty-title{font-family:var(--serif);font-style:italic;font-size:var(--fs-md);color:var(--ink);margin:0}.chat-empty-sub{font-size:var(--fs-xs);color:var(--ink-faint);margin:0}.suggest-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-3)}.suggest{font-family:var(--sans);font-size:var(--fs-sm);color:var(--gold-deep);background:var(--gold-tint);border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-4);min-height:36px;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.suggest:hover{background:var(--gold);color:var(--card)}.chip:focus-visible,.suggest:focus-visible{border-radius:var(--r-pill)}.chat-log{display:flex;flex-direction:column;gap:var(--sp-2);max-height:280px;overflow-y:auto;padding:var(--sp-1)}.bubble{max-width:85%;padding:var(--sp-2) 14px;border-radius:16px;font-size:var(--fs-sm);line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;animation:pop-in var(--t-fast) var(--ease)}.bubble-user{align-self:flex-end;background:var(--green);color:var(--on-dark);border-bottom-right-radius:4px}.bubble-bot-row{display:flex;align-items:flex-end;gap:var(--sp-2);align-self:flex-start;max-width:90%}.chat-avatar{width:44px;height:44px;flex-shrink:0;border-radius:var(--r-pill);background:var(--gold-tint);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.bubble-bot,.chat-avatar{border:1px solid var(--line)}.bubble-bot{background:var(--paper);color:var(--ink);border-bottom-left-radius:4px}.bubble-typing{font-style:italic;color:var(--ink-faint)}.bubble-card{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);padding:var(--sp-2);background:var(--card);border:1px solid var(--line);border-radius:14px 8px 14px 8px;text-decoration:none;color:inherit;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.bubble-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.bubble-card-thumb{width:44px;height:44px;flex-shrink:0;border-radius:12px 6px 12px 6px;overflow:hidden;display:inline-flex}.bubble-card-thumb .thumb-fallback,.bubble-card-thumb img{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:var(--fs-md)}.bubble-card-thumb .thumb-favicon{width:22px;height:22px;object-fit:contain}.bubble-card-body{min-width:0;display:flex;flex-direction:column;gap:2px}.bubble-card-title{font-family:var(--serif);font-weight:600;font-size:var(--fs-base);color:var(--ink)}.bubble-card-sum,.bubble-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-card-sum{font-size:var(--fs-xs);color:var(--ink-soft)}.bubble-card-tags{display:flex;gap:var(--sp-2)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-2)}.chip{display:inline-flex;align-items:center;max-width:100%;font-family:var(--mono);font-size:var(--fs-xs);color:var(--gold-deep);background:var(--gold-tint);border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:3px var(--sp-3);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.chip:hover{background:var(--gold);color:var(--card)}.composer-form{flex-direction:column}.composer,.composer-form{display:flex;gap:var(--sp-2)}.composer-reason{width:100%;font-family:var(--sans);font-size:var(--fs-base);color:var(--ink);background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-4);outline:none;transition:border-color var(--t-fast) var(--ease)}.composer-reason::placeholder{color:var(--ink-faint)}.composer-reason:focus-visible{outline:none;border-color:var(--gold);border-style:solid}.composer input{flex:1 1;min-width:0;font-family:var(--sans);font-size:var(--fs-md);color:var(--ink);background:var(--paper);border:1px solid var(--gold);border-radius:var(--r-pill);padding:var(--sp-3) var(--sp-4);outline:none;box-shadow:0 0 0 3px rgba(192,138,30,.12);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.composer input:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,138,30,.25)}.send-btn{flex-shrink:0;width:42px;height:42px;border-radius:var(--r-pill);border:none;background:var(--green);color:var(--on-dark);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.send-btn:hover{background:var(--green-soft)}.send-btn:active{transform:scale(.92)}.send-btn:disabled{opacity:.45;cursor:default;transform:none}.send-btn:focus-visible{border-radius:var(--r-pill)}.cat-toggle-btn{position:relative;flex-shrink:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:1px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);color:var(--ink-faint);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.cat-toggle-btn:hover{background:var(--gold-tint);color:var(--ink-soft);border-color:var(--line-strong)}.cat-toggle-btn[aria-expanded=true],.cat-toggle-btn[aria-pressed=true]{background:var(--gold-tint);border-color:var(--gold);color:var(--gold-deep)}.cat-toggle-chevron{display:inline-flex;transition:transform var(--t-fast) var(--ease)}.cat-toggle-btn[aria-expanded=true] .cat-toggle-chevron{transform:rotate(180deg)}.cat-toggle-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 2px var(--card)}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin:var(--sp-5) auto 0;max-width:760px}.pills-boxed,.pills-live{position:relative;background:rgba(255,252,244,.6);border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--sp-2)}.pill-track{position:absolute;top:0;left:0;width:var(--pill-w,0);height:var(--pill-h,0);border-radius:var(--r-pill);background:var(--green);transform:translate(var(--pill-x,0),var(--pill-y,0));transition:transform .4s cubic-bezier(.34,1.4,.64,1),width .4s cubic-bezier(.34,1.4,.64,1);z-index:0;pointer-events:none}.pills-live .pill{position:relative;z-index:1}.pills-live .pill[aria-pressed=true]{background:transparent;border-color:transparent;color:var(--on-dark)}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 15px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);font-family:var(--sans);font-size:var(--fs-sm);font-weight:500;color:var(--ink-soft);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.pill:hover{background:var(--pill-tint,var(--gold-tint));border-color:transparent;color:var(--ink)}.pill:active{transform:scale(.96)}.pill:focus-visible{border-radius:var(--r-pill)}.pill[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--on-dark)}.seed-dot{width:8px;height:6px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(18deg);flex-shrink:0}.shell{max-width:1180px;margin:0 auto;padding:var(--sp-7) var(--sp-6) var(--sp-9)}.section-label{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--green-soft);margin:0 0 var(--sp-4)}.section-label .count{color:var(--ink-faint)}.section-label:after{content:"";flex:1 1;height:1px;background:var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));grid-gap:var(--sp-5);gap:var(--sp-5);perspective:1000px}.grid>div{min-width:0}@media (max-width:980px){.grid{grid-template-columns:1fr}}.revisit{margin-bottom:var(--sp-8)}.revisit .section-label{color:var(--gold-deep)}.revisit .section-label:after{background:#e2cf9d}.card{position:relative;display:flex;min-width:0;gap:var(--sp-4);background:var(--card);border:1px solid var(--line);border-radius:var(--r-seed);padding:var(--sp-4);text-decoration:none;color:inherit;cursor:pointer;box-shadow:var(--shadow-sm);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(var(--tz,0));transition:box-shadow .3s cubic-bezier(.25,1,.5,1),border-color .3s cubic-bezier(.25,1,.5,1),transform .4s cubic-bezier(.22,1,.36,1),background .4s var(--ease)}.card:hover{border-color:var(--line-strong);box-shadow:0 18px 40px -16px rgba(192,138,30,.32),var(--shadow-md);background:linear-gradient(180deg,var(--card-tint,var(--card)) 0,var(--card) 65%)}.card:active{transform:scale(.985);box-shadow:var(--shadow-sm)}.card-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(160px circle at var(--gx,50%) var(--gy,50%),hsla(0,0%,100%,.4),transparent 60%);transition:opacity .3s var(--ease)}.card:hover .card-sheen{opacity:1}.card:focus-visible{border-radius:var(--r-seed);outline-offset:3px}.card-static,.card-static:active,.card-static:hover{cursor:default;transform:none;box-shadow:none;border-color:var(--line)}.card-static:hover .thumb img{transform:none}.thumb{width:148px;align-self:stretch;min-height:148px;flex-shrink:0;overflow:hidden;border-radius:var(--r-thumb);background:var(--gold-tint)}.thumb img{width:100%;height:100%;max-width:100%;object-fit:cover;display:block;transition:transform var(--t-slow) var(--ease)}.card:hover .thumb img{transform:scale(1.04)}.thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:44px;font-weight:400}.thumb-fallback .thumb-favicon{width:40px;height:40px;object-fit:contain}.card-body{display:flex;flex-direction:column;flex:1 1;min-width:0;padding:var(--sp-1) 6px var(--sp-1) 0}.card-meta{justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}.card-cats,.card-meta{display:flex;align-items:center}.card-cats{min-width:0}.card-cats,.card-cats-btn{flex-wrap:wrap;gap:var(--sp-2)}.card-cats-btn{display:inline-flex;align-items:center;padding:2px 6px;margin:-2px -6px;border:none;background:none;font-family:var(--sans);border-radius:var(--r-sm);transition:background-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.card-cats-btn:active,.card-cats-btn:hover{background:var(--gold-tint)}.card-cats-btn:active{transform:scale(.8);transition:transform .08s var(--ease),background-color .08s var(--ease)}.card-cat{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:500;color:var(--ink-soft);white-space:nowrap}.card-cat .seed-dot{width:7px;height:5px}.card-added{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-faint);white-space:nowrap}.card-title{font-family:var(--serif);font-size:var(--fs-lg);font-weight:500;line-height:1.25;letter-spacing:-.01em;margin:0 0 var(--sp-2)}.card-summary,.card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-summary{font-size:var(--fs-sm);line-height:1.55;color:var(--ink-soft);margin:0 0 var(--sp-3);padding:0;border:none;background:none;font-family:var(--sans);text-align:left;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;min-height:calc(2 * 1.55 * var(--fs-sm));transition:color var(--t-fast) var(--ease)}.card-summary:hover{color:var(--ink)}.card-summary.expanded{display:block;-webkit-line-clamp:unset}.card-takeaway{font-family:var(--serif);font-style:italic;line-height:1.45;color:var(--green-soft)}.card-context,.card-takeaway{font-size:var(--fs-sm);margin:0 0 var(--sp-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-context{font-family:var(--sans);color:var(--ink-soft);background:var(--gold-tint);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3)}.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.card-domain{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-faint);transition:color var(--t-fast) var(--ease)}.card-domain-favicon{width:13px;height:13px;object-fit:contain;border-radius:3px;flex-shrink:0}.card:hover .card-domain{color:var(--gold-deep)}.del-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--r-pill);background:transparent;color:var(--ink-faint);opacity:0;transition:opacity var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.card:focus-within .del-btn,.card:hover .del-btn{opacity:1}.del-btn:active{transform:scale(.78);transition:transform .08s var(--ease),background-color .08s var(--ease),color .08s var(--ease)}.del-btn:active,.del-btn:hover{background:var(--danger-tint);color:var(--danger)}.del-btn:focus-visible{opacity:1;outline-color:var(--danger);border-radius:var(--r-pill)}@media (hover:none){.del-btn{opacity:1;width:40px;height:40px}}.card-actions{display:flex;align-items:center;gap:2px}.fav-btn:hover{background:var(--gold-tint);color:var(--gold-deep)}.fav-btn.favorited{opacity:1;color:var(--gold-deep)}.read-btn:hover{background:var(--gold-tint);color:var(--gold-deep)}.read-btn:focus-visible{outline-color:var(--gold)}.badge-warn{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:500;color:var(--gold-deep);background:var(--gold-tint);border-radius:var(--r-pill);padding:2px 9px;white-space:nowrap}.cat-menu-wrap{position:relative;min-width:0}.cat-menu{position:absolute;top:calc(100% + var(--sp-2));left:0;z-index:var(--z-menu);display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-2);box-shadow:var(--shadow-lg);min-width:220px;animation:pop-in var(--t-fast) var(--ease)}.cat-menu button{display:inline-flex;align-items:center;gap:7px;padding:7px var(--sp-3);border:none;border-radius:var(--r-sm);background:none;font-family:var(--sans);font-size:var(--fs-sm);font-weight:500;color:var(--ink-soft);white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.cat-menu button:hover{background:var(--gold-tint);color:var(--ink)}.cat-backdrop{position:fixed;inset:0;z-index:calc(var(--z-menu) - 1);background:transparent;border:none;cursor:default}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:rgba(43,33,21,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--t-fast) var(--ease)}.modal{width:min(380px,100%);background:var(--card);border:1px solid var(--line);border-radius:var(--r-seed);padding:var(--sp-6) var(--sp-5) var(--sp-5);box-shadow:var(--shadow-lg);animation:pop-in var(--t-med) var(--ease)}.modal-title{font-family:var(--serif);font-size:var(--fs-lg);font-weight:500;margin:0 0 var(--sp-2)}.modal-text{font-size:var(--fs-sm);line-height:1.5;color:var(--ink-soft);margin:0 0 var(--sp-5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.account-delete-link{background:none;border:none;padding:0;font-family:var(--sans);font-size:var(--fs-xs);color:var(--ink-faint);text-decoration:underline;cursor:pointer}.account-delete-link:hover{color:var(--ink-soft)}.hero .hero-corner{position:absolute;top:var(--sp-4);right:var(--sp-4);z-index:2;display:flex;align-items:center;gap:var(--sp-2)}.hero-corner-btn{gap:6px;min-height:44px;padding:9px 20px}.hero-corner-btn,.hero-icon-btn{display:inline-flex;align-items:center}.hero-icon-btn{justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--green);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.hero-icon-btn:hover{background:var(--gold-tint);border-color:var(--line-strong);box-shadow:var(--shadow-md)}.hero-icon-btn:focus-visible{border-radius:50%}.weather-menu{position:relative;display:inline-flex}.weather-menu-panel{position:fixed;z-index:var(--z-modal);display:flex;flex-direction:column;min-width:150px;max-width:min(220px,calc(100vw - 16px));padding:var(--sp-1);background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-md)}.weather-menu-item{display:inline-flex;align-items:center;gap:7px;padding:6px 15px;margin:2px 0;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font-family:var(--sans);font-size:var(--fs-sm);font-weight:500;text-align:left;cursor:pointer;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.weather-menu-item:hover{background:var(--gold-tint);border-color:transparent;color:var(--ink)}.weather-menu-item:active{transform:scale(.96)}.weather-menu-item[aria-checked=true]{background:var(--green);border-color:var(--green);color:var(--on-dark)}.account-shell{max-width:860px;display:flex;flex-direction:column;gap:var(--sp-7)}.account-shell>.account-section{animation:hero-fade-up .55s var(--ease) both}.account-shell>.account-section:nth-child(2){animation-delay:90ms}.account-shell>.account-section:nth-child(3){animation-delay:.18s}.account-shell>.account-section:nth-child(4){animation-delay:.27s}.account-section .section-label{margin-bottom:var(--sp-3)}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.account-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:var(--sp-5);transition:box-shadow var(--t-med) var(--ease)}.account-card:hover{box-shadow:var(--shadow-md)}.account-card-title{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 var(--sp-2)}.account-card-value{font-family:var(--sans);font-size:var(--fs-md);font-weight:500;color:var(--ink);margin:0 0 var(--sp-1);word-break:break-word}.account-card-meta{font-family:var(--sans);font-size:var(--fs-sm);color:var(--ink-soft);margin:0}.account-stat-row{display:flex;gap:var(--sp-6)}.account-stat{display:flex;flex-direction:column;gap:2px}.account-stat strong{font-family:var(--serif);font-size:28px;color:var(--green);line-height:1}.account-stat span{font-family:var(--sans);font-size:var(--fs-xs);color:var(--ink-faint)}.account-password-form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.account-password-form input{width:100%;padding:var(--sp-3) var(--sp-4);font-family:var(--sans);font-size:var(--fs-md);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);outline:none}.account-password-form input:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,138,30,.22)}.account-card-danger{border-color:var(--danger);background:var(--danger-tint)}.account-card-danger,.account-card-quicksave{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.quicksave-drag-row{display:flex;align-items:center;gap:var(--sp-3)}.drag-cue-icon{color:var(--gold-deep);animation:drag-cue-bounce 1.4s ease-in-out infinite}@keyframes drag-cue-bounce{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-6px);opacity:1}}@media (prefers-reduced-motion:reduce){.drag-cue-icon{animation:none}}.quicksave-steps{margin:0;padding-left:1.25em;font-size:var(--fs-sm);color:var(--ink-soft);display:flex;flex-direction:column;gap:4px}.modal-text.account-delete-warning{display:block;-webkit-line-clamp:unset;overflow:visible}.account-delete-input{width:100%;font-family:var(--sans);font-size:var(--fs-sm);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3)}.modal-error{font-size:var(--fs-xs);color:var(--danger);margin:0 0 var(--sp-3)}.modal.reader{width:min(680px,100%);max-height:85vh;display:flex;flex-direction:column}.reader-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.reader-source{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-faint);margin:0}.reader-body{overflow-y:auto;overflow-wrap:anywhere;max-width:640px}.reader-para{font-family:var(--sans);font-size:var(--fs-md);line-height:1.7;color:var(--ink-soft);margin:0 0 var(--sp-4)}.reader-heading{font-family:var(--serif);font-weight:600;color:var(--ink);line-height:1.3;margin:var(--sp-6) 0 var(--sp-2)}.reader-heading:first-child{margin-top:0}.reader-heading-1{font-size:var(--fs-lg)}.reader-heading-2,.reader-heading-3{font-size:var(--fs-md)}.reader-heading-4,.reader-heading-5,.reader-heading-6{font-size:var(--fs-base);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft)}.reader-empty{font-family:var(--sans);font-size:var(--fs-base);color:var(--ink-faint)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.btn{font-family:var(--sans);font-size:var(--fs-base);font-weight:500;padding:9px 18px;border-radius:var(--r-pill);border:1px solid transparent;text-decoration:none;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.landing .btn:hover:not(:disabled):not(:active){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.96)}.btn:focus-visible{border-radius:var(--r-pill)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-soft)}.btn-ghost:hover{background:var(--gold-tint);border-color:transparent;color:var(--ink)}.btn-primary{background:var(--green);color:var(--on-dark)}.btn-primary:hover{background:var(--green-soft)}.btn-primary:disabled{opacity:.6;cursor:default;transform:none}.btn-danger{background:var(--danger);color:#fdf6ef}.btn-danger:hover{background:#a23333}.btn-danger:disabled{opacity:.6;cursor:default;transform:none}.toast{position:fixed;left:50%;bottom:var(--sp-6);transform:translateX(-50%);z-index:var(--z-toast);background:var(--green);color:var(--on-dark);font-family:var(--sans);font-size:var(--fs-base);font-weight:500;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);box-shadow:var(--shadow-lg);animation:toast-in var(--t-med) var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.skel-card{display:flex;gap:var(--sp-4);background:var(--card);border:1px solid var(--line);border-radius:var(--r-seed);padding:var(--sp-4)}.skel{background:linear-gradient(100deg,#efe7d2 40%,#f7f1e1 50%,#efe7d2 60%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skel-thumb{width:148px;min-height:148px;flex-shrink:0;border-radius:var(--r-thumb)}.skel-body{flex:1 1;display:flex;flex-direction:column;gap:var(--sp-3);padding:6px 6px var(--sp-1) 0}.skel-line{height:12px;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;padding:var(--sp-8) var(--sp-5)}.empty-seeds{display:inline-flex;gap:var(--sp-2);margin-bottom:var(--sp-4)}.empty-seeds .seed-dot{width:14px;height:10px}.empty-title{font-family:var(--serif);font-style:italic;font-size:var(--fs-lg);color:var(--ink-soft);margin:0 0 var(--sp-2)}.empty-sub{font-size:var(--fs-sm);color:var(--ink-faint);margin:0}.quest{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:var(--sp-5);margin-bottom:var(--sp-7);animation:hero-fade-up .55s var(--ease) both}.quest-head{display:flex;align-items:center;gap:var(--sp-4)}.quest-mascot{flex:none}.quest-head-text{flex:1 1;min-width:0}.quest-title{font-family:var(--serif);font-size:var(--fs-lg);color:var(--green);margin:0}.quest-sub{font-size:var(--fs-sm);color:var(--ink-faint);margin:2px 0 0}.quest-skip{align-self:flex-start;flex:none;background:none;border:none;padding:var(--sp-2);font-family:var(--sans);font-size:var(--fs-xs);color:var(--ink-faint);text-decoration:underline;transition:color var(--t-fast) var(--ease)}.quest-skip:hover{color:var(--ink-soft)}.quest-steps{list-style:none;margin:var(--sp-4) 0 0;padding:0;flex-direction:column}.quest-step,.quest-steps{display:flex;gap:var(--sp-3)}.quest-step{align-items:flex-start;padding:var(--sp-3) var(--sp-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);transition:background var(--t-med) var(--ease),border-color var(--t-med) var(--ease);animation:hero-fade-up .55s var(--ease) both;animation-delay:calc(var(--quest-i) * 80ms + .12s)}.quest-step-done{background:#eef2e6;border-color:#cdd9bc}.quest-check{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--card);color:transparent;transition:background var(--t-med) var(--ease),color var(--t-med) var(--ease),border-color var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.quest-step-done .quest-check{background:var(--green);border-color:var(--green);color:var(--on-dark);transform:scale(1.08)}.quest-step-body{display:flex;flex-direction:column;gap:2px;min-width:0}.quest-step-title{font-family:var(--sans);font-size:var(--fs-base);font-weight:600;color:var(--ink)}.quest-step-done .quest-step-title{color:var(--green-soft)}.quest-bubble{font-family:var(--serif);font-style:italic;font-size:var(--fs-sm);color:var(--ink-soft)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width:560px){.quest-head{flex-wrap:wrap}}.landing-hero{padding-bottom:var(--sp-8)}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);margin-top:var(--sp-6)}.btn-cta{padding:13px 32px;font-size:var(--fs-md);box-shadow:var(--shadow-sm);transition:background-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.btn-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-md,var(--shadow-sm))}.hero-trust{display:inline-flex;align-items:center;gap:var(--sp-2);margin:0;font-size:var(--fs-sm);color:var(--ink-faint)}.hero-trust svg{flex-shrink:0;color:var(--green)}.hero-account-links{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);margin-top:var(--sp-5)}.hero-signin-link{display:inline-block;font-size:var(--fs-sm);color:var(--ink-faint);text-decoration:none}.hero-signin-link:hover{color:var(--gold-deep)}.landing-section{max-width:1080px;margin:0 auto;padding:var(--sp-7) var(--sp-5) 0}.landing-section .section-label{margin-bottom:var(--sp-6)}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--sp-5)}.diff-bento,.steps{display:grid;gap:var(--sp-5)}.diff-bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(150px,auto);grid-gap:var(--sp-5)}.diff-bento .step-title{opacity:1;transform:none}.step.step-feature{grid-column:1/-1;background:var(--gold-tint);border:1.5px solid var(--gold);padding:var(--sp-6)}.step-feature .step-title{font-size:clamp(22px,2.4vw,26px)}.step-feature .step-text{font-size:var(--fs-md);max-width:560px}.diff-bento .step:nth-of-type(2){grid-column:span 2}.diff-bento .step:nth-of-type(3){grid-column:3;grid-row:2/span 2;display:flex;flex-direction:column;justify-content:center}.diff-bento .step:nth-of-type(4){grid-column:span 2}@media (max-width:720px){.diff-bento{grid-template-columns:1fr}.diff-bento .step:nth-of-type(2),.diff-bento .step:nth-of-type(3),.diff-bento .step:nth-of-type(4){grid-column:auto;grid-row:auto}}.quicksave-landing-card{display:flex;align-items:center;gap:var(--sp-5)}.quicksave-landing-card .step-title{opacity:1;transform:none}.quicksave-landing-body{min-width:0}.quicksave-landing-steps{margin-top:var(--sp-3)}@media (max-width:720px){.quicksave-landing-card{flex-direction:column;align-items:flex-start}}.hero-demo{margin-top:var(--sp-6)}.hero-demo .chat-log{min-height:165px}@media (max-width:640px){.hero-demo .chat-log{min-height:205px}}.hero-demo-caret{display:inline-block;width:2px;height:1em;margin-left:2px;background:currentColor;vertical-align:text-bottom;animation:hero-demo-caret-blink .9s step-end infinite}@keyframes hero-demo-caret-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-demo-caret{display:none}}.quicksave-demo{display:flex;flex-direction:column;align-items:center;gap:20px;width:160px;flex-shrink:0}.quicksave-demo-bar{display:flex;align-items:center;gap:8px;align-self:stretch;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper)}.quicksave-demo-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint);flex-shrink:0}.quicksave-demo-stage{position:relative;width:100%;height:90px;display:flex;align-items:flex-end;justify-content:center}.quicksave-demo-btn{pointer-events:none;font-size:var(--fs-xs);padding:7px 14px;animation:quicksave-demo-btn-move 3.6s ease-in-out infinite}.quicksave-demo-cursor{position:absolute;right:18px;bottom:14px;animation:quicksave-demo-cursor-move 3.6s ease-in-out infinite}@keyframes quicksave-demo-btn-move{0%,12%{transform:translateY(0)}45%,62%{transform:translateY(-72px)}88%,to{transform:translateY(0)}}@keyframes quicksave-demo-cursor-move{0%,12%{transform:translate(0);opacity:1}45%,62%{transform:translate(-6px,-76px);opacity:1}75%{opacity:0;transform:translate(-6px,-76px)}76%,to{opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.quicksave-demo-btn,.quicksave-demo-cursor{animation:none}}.diff-visual{height:40px;margin-bottom:var(--sp-3);display:flex;align-items:center}.mini-card-stack{width:100%;height:48px}.mini-card{display:flex;align-items:center;gap:6px;height:40px;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper)}.mini-card-broken{opacity:.9}.mini-card-blank{border-radius:var(--r-sm);border:1.5px dashed var(--ink-faint)}.mini-card-blank,.mini-card-thumb{width:26px;height:26px;flex-shrink:0}.mini-card-thumb{border-radius:var(--r-sm);background:linear-gradient(135deg,var(--gold-tint),var(--gold))}.mini-card-line{height:6px;flex:1 1;border-radius:var(--r-pill);background:var(--line)}.mini-card-line.short{flex:0 0 40%}.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r-seed);padding:var(--sp-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-med) var(--ease)}.step:hover{box-shadow:var(--shadow-md)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-pill);background:var(--gold-tint);color:var(--gold-deep);font-family:var(--mono);font-size:var(--fs-sm)}.step-title{font-family:var(--serif);font-size:var(--fs-lg);color:var(--green);margin:var(--sp-3) 0 var(--sp-2);opacity:0;transform:translateY(8px)}.steps.in-view .step-title{animation:step-fade-in .6s cubic-bezier(.25,1,.5,1) forwards}.steps.in-view .step:first-child .step-title{animation-delay:0s}.steps.in-view .step:nth-child(2) .step-title{animation-delay:.15s}.steps.in-view .step:nth-child(3) .step-title{animation-delay:.3s}@keyframes step-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-text{font-size:var(--fs-base);line-height:1.6;color:var(--ink-soft);margin:0}.dl-panel{margin-top:var(--sp-4)}.dl-stack{display:grid}.dl-stack>*{grid-area:1/1}.dl-input{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);padding:9px var(--sp-4);align-self:center;animation:dl-url-fade 8s cubic-bezier(.25,1,.5,1) infinite}.dl-url{display:block;font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-sweep{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(192,138,30,.35),transparent);mix-blend-mode:multiply;animation:dl-sweep 8s cubic-bezier(.25,1,.5,1) infinite}.dl-badge{justify-self:center;align-self:center;font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--on-dark);background:var(--green);border-radius:var(--r-pill);padding:8px 16px;animation:dl-badge 8s cubic-bezier(.25,1,.5,1) infinite}@keyframes dl-url-fade{0%,3%{opacity:0}28%,8%{opacity:1}32%,to{opacity:0}}@keyframes dl-sweep{0%,14%{transform:translateX(-110%);opacity:0}16%{opacity:1}29%{transform:translateX(110%);opacity:1}31%,to{transform:translateX(110%);opacity:0}}@keyframes dl-badge{0%,29%{opacity:0;transform:scale(.7)}36%,89%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.dl-badge,.dl-input,.dl-sweep{animation:none}.dl-badge,.dl-input{opacity:1}.dl-sweep{display:none}}.grid-canvas{position:fixed;inset:0;z-index:-1;pointer-events:none}.grid-canvas-base,.grid-canvas-lens{position:absolute;inset:0;background-image:radial-gradient(rgba(43,33,21,.35) 1px,transparent 1.4px);background-size:26px 26px}.grid-canvas-base{opacity:.05}.grid-canvas-lens{opacity:0;background-image:radial-gradient(rgba(192,138,30,.6) 1px,transparent 1.6px);-webkit-mask-image:radial-gradient(circle 150px at var(--gx,-999px) var(--gy,-999px),#000 0,transparent 75%);mask-image:radial-gradient(circle 150px at var(--gx,-999px) var(--gy,-999px),#000 0,transparent 75%);transition:opacity .5s var(--ease)}.grid-canvas-lens.is-active{opacity:.35}@media (prefers-reduced-motion:reduce){.grid-canvas-lens{transition:none}}.shots{display:flex;flex-direction:column;gap:var(--sp-8);margin-top:var(--sp-8)}.shot{margin:0}.shot-tilt{transform:rotate(-1.4deg);transition:transform var(--t-med) var(--ease)}.shot-tilt-alt{transform:rotate(1.4deg)}.shot-tilt:hover{transform:rotate(0deg) translateY(-4px)}.browser-frame{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -36px rgba(43,33,21,.45),0 10px 28px -14px rgba(107,78,18,.28)}.browser-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 var(--sp-4);background:var(--paper);border-bottom:1px solid var(--line)}.browser-bar i{width:10px;height:10px;border-radius:var(--r-pill);opacity:.55}.browser-bar i:first-child{background:#b4562e}.browser-bar i:nth-child(2){background:#c08a1e}.browser-bar i:nth-child(3){background:#5a7a34}.browser-frame img{width:100%;height:auto;display:block}.shot figcaption{margin-top:var(--sp-4);text-align:center;font-family:var(--serif);font-style:italic;font-size:var(--fs-md);color:var(--ink-soft)}.recall-section{text-align:center;max-width:1600px}.recall-heading{font-family:var(--serif);font-size:clamp(26px,4vw,40px);font-weight:600;letter-spacing:-.02em;color:var(--green);margin:0}.recall-sub{font-family:var(--serif);font-style:italic;font-size:var(--fs-md);color:var(--ink-soft);margin:var(--sp-3) 0 0}.ambient-garden{position:fixed;inset:0;z-index:-1;pointer-events:none}.diff-section{position:relative;text-align:center}.diff-section .faq-mascot{position:absolute;right:var(--sp-4);bottom:-10px;pointer-events:none;opacity:.85}@media (max-width:720px){.diff-section .faq-mascot{right:var(--sp-3);bottom:-34px}}.faq-wrap{max-width:560px;width:100%;margin:var(--sp-2) auto 0}.faq-list{width:100%;text-align:left}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;padding:var(--sp-4) var(--sp-3);margin:0 calc(var(--sp-3) * -1);background:none;border:none;border-radius:var(--r-sm);font-family:var(--serif);font-size:var(--fs-md);color:var(--ink);text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease)}.faq-question:focus-visible,.faq-question:hover{background:var(--gold-tint)}.faq-question:hover .faq-icon{color:var(--on-dark);background:var(--gold-deep)}.faq-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:var(--gold-deep);background:var(--gold-tint);transition:transform var(--t-med) var(--ease),color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.faq-icon-open{transform:rotate(45deg)}.faq-answer{margin:0 0 var(--sp-4);padding-right:var(--sp-6);font-size:var(--fs-base);line-height:1.6;color:var(--ink-soft)}.how-steps{gap:var(--sp-6);margin-top:var(--sp-6)}.how-step,.how-steps{display:flex;flex-direction:column;align-items:center}.how-step{width:min(560px,100%);opacity:0;transform:translateY(8px)}.how-steps.in-view .how-step{animation:step-fade-in .6s cubic-bezier(.25,1,.5,1) forwards}.how-steps.in-view .how-step:first-of-type{animation-delay:0s}.how-steps.in-view .how-step:nth-of-type(2){animation-delay:.15s}.how-steps.in-view .how-step:nth-of-type(3){animation-delay:.3s}.how-step-content{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}.how-step-card{position:relative;width:100%;transition:transform var(--t-med) var(--ease)}.how-step-content:hover .how-step-card{transform:translateY(-6px)}.how-step-num{position:absolute;top:var(--sp-4);left:var(--sp-4);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-pill);background:var(--green);color:var(--on-dark);font-family:var(--mono);font-size:var(--fs-md);box-shadow:var(--shadow-sm);transition:transform var(--t-med) var(--ease)}.how-step-content:hover .how-step-num{transform:scale(1.12) rotate(-4deg)}.how-step-shot{display:block;width:100%;height:auto;opacity:0;transform:scale(.97) translateY(6px);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)}.how-step-shot.is-loaded{opacity:1;transform:scale(1) translateY(0)}.how-step-content:hover .how-step-shot.is-loaded{transform:scale(1.045)}.how-step-title{font-family:var(--serif);font-size:clamp(20px,1.6vw,24px);color:var(--green);margin:var(--sp-4) 0 var(--sp-2)}.how-step-caption{font-size:var(--fs-md);line-height:1.6;color:var(--ink-soft);margin:0;max-width:100%}.how-step-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold-deep);margin-top:var(--sp-2);transform:rotate(90deg);animation:arrow-nudge-y 1.8s var(--ease) infinite}@keyframes arrow-nudge-y{0%,to{transform:rotate(90deg) translateX(0)}50%{transform:rotate(90deg) translateX(6px)}}@keyframes arrow-nudge-x{0%,to{transform:rotate(0deg) translateX(0)}50%{transform:rotate(0deg) translateX(6px)}}@media (min-width:860px){.how-steps{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;justify-content:center;grid-gap:0;gap:0;max-width:1560px;margin:var(--sp-6) auto 0}.how-step{width:100%;max-width:none}.how-step-arrow{margin-top:130px;margin-left:var(--sp-4);margin-right:var(--sp-4);transform:rotate(0deg);animation-name:arrow-nudge-x}}@media (prefers-reduced-motion:reduce){.how-steps.in-view .how-step{animation:none;opacity:1;transform:none}.how-step-arrow{animation:none}.how-step-shot{transition:none}}.rc-row{animation-duration:12s;animation-timing-function:cubic-bezier(.25,1,.5,1);animation-iteration-count:infinite}.rc-row-user{animation-name:rc-row-user}.rc-row-bot{animation-name:rc-row-bot}.rc-bubble{min-width:34px}.rc-stack{display:grid}.rc-stack>*{grid-area:1/1}.rc-dots{display:inline-flex;align-items:center;gap:4px;padding:3px 0}.rc-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;animation:rc-dot-bounce 1.1s ease-in-out infinite}.rc-dots i:nth-child(2){animation-delay:.15s}.rc-dots i:nth-child(3){animation-delay:.3s}.rc-reply-chip,.rc-reply-text,.rc-thinking,.rc-typing,.rc-user-text{animation-duration:12s;animation-timing-function:cubic-bezier(.25,1,.5,1);animation-iteration-count:infinite}.rc-typing{animation-name:rc-typing}.rc-thinking{animation-name:rc-thinking;color:var(--ink-soft)}.rc-user-text{animation-name:rc-user-text;opacity:0}.rc-reply-text{animation-name:rc-reply-text;opacity:0}.rc-reply-chip{animation-name:rc-reply-chip;opacity:0;margin-top:var(--sp-2)}@keyframes rc-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}@keyframes rc-row-user{0%,7%{opacity:0;transform:translateY(6px)}9%,96.5%{opacity:1;transform:translateY(0)}99%,to{opacity:0;transform:translateY(6px)}}@keyframes rc-row-bot{0%,26.5%{opacity:0;transform:translateY(6px)}28%,96.5%{opacity:1;transform:translateY(0)}99%,to{opacity:0;transform:translateY(6px)}}@keyframes rc-typing{0%,7.5%{opacity:0}19.5%,9%{opacity:1}20.8%,to{opacity:0}}@keyframes rc-user-text{0%,19.5%{opacity:0}20.8%,to{opacity:1}}@keyframes rc-thinking{0%,27%{opacity:0}28.5%,43%{opacity:1}44.2%,to{opacity:0}}@keyframes rc-reply-text{0%,43.5%{opacity:0;transform:translateY(8px)}47.5%,to{opacity:1;transform:translateY(0)}}@keyframes rc-reply-chip{0%,47.5%{opacity:0;transform:translateY(8px)}51%,to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.recall-loop .rc-dots i,.recall-loop .rc-reply-chip,.recall-loop .rc-reply-text,.recall-loop .rc-row,.recall-loop .rc-thinking,.recall-loop .rc-typing,.recall-loop .rc-user-text{animation:none}.recall-loop .rc-reply-chip,.recall-loop .rc-reply-text,.recall-loop .rc-row,.recall-loop .rc-user-text{opacity:1;transform:none}.recall-loop .rc-thinking,.recall-loop .rc-typing{display:none}}.landing-foot{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);color:var(--ink-faint);background:var(--paper)}.landing-foot-brand{display:flex;align-items:center;gap:var(--sp-2);margin:0;font-family:var(--serif);font-style:italic;color:#746957}.landing-foot-links{display:flex;gap:var(--sp-3);font-size:var(--fs-sm)}.landing-foot-links a{color:#746957;text-decoration:none}.landing-foot-links a:hover{color:var(--gold-deep);text-decoration:underline}.legal{max-width:640px;margin:0 auto;padding:var(--sp-7) var(--sp-5) var(--sp-8);animation:fade-in var(--t-med) var(--ease)}.legal-home{font-family:var(--serif);font-style:italic;font-size:var(--fs-base);color:var(--ink-faint);text-decoration:none}.legal-home:hover{color:var(--gold-deep)}.legal-title{font-family:var(--serif);font-size:clamp(30px,5vw,42px);font-weight:600;letter-spacing:-.02em;color:var(--green);margin:var(--sp-5) 0 0}.legal-updated{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-faint);margin:var(--sp-2) 0 var(--sp-5)}.legal p{font-size:var(--fs-md);line-height:1.7;color:var(--ink-soft);margin:0 0 var(--sp-4)}.legal a{color:var(--gold-deep)}.legal-doc{max-width:760px;margin:0 auto;padding:var(--sp-7) var(--sp-5) var(--sp-8);animation:fade-in var(--t-med) var(--ease)}.legal-doc h2{font-size:var(--fs-lg);color:var(--green);margin:var(--sp-7) 0 var(--sp-3);scroll-margin-top:var(--sp-5)}.legal-doc h2,.legal-doc h3{font-family:var(--serif);font-weight:600}.legal-doc h3{font-size:var(--fs-md);color:var(--ink);margin:var(--sp-5) 0 var(--sp-2)}.legal-doc li,.legal-doc p{font-size:var(--fs-md);line-height:1.7;color:var(--ink-soft)}.legal-doc p{margin:0 0 var(--sp-4)}.legal-doc ol,.legal-doc ul{margin:0 0 var(--sp-4);padding-left:var(--sp-5)}.legal-doc li{margin:0 0 var(--sp-2)}.legal-doc a{color:var(--gold-deep)}.legal-toc{list-style:decimal;column-count:1}.legal-link-list{list-style:none;padding-left:0}.legal-link-list li{margin:0 0 var(--sp-1)}.legal-toc a{text-decoration:none}.legal-toc a:hover{text-decoration:underline}.legal-table-wrap{overflow-x:auto;margin:0 0 var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md)}.legal-table{width:100%;min-width:640px;border-collapse:collapse;font-size:var(--fs-sm);background:var(--card)}.legal-table td,.legal-table th{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft)}.legal-table th{font-family:var(--mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);background:var(--gold-tint)}.legal-table tr:last-child td{border-bottom:none}.legal-table-yes{color:var(--green);font-weight:600}.legal-attribution,.legal-table-no{color:var(--ink-faint)}.legal-attribution{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px solid var(--line);font-size:var(--fs-xs)}.legal-attribution a{color:var(--ink-faint);text-decoration:underline}@media (max-width:640px){.legal-doc{padding:var(--sp-5) var(--sp-4) var(--sp-7)}.legal-table td,.legal-table th{padding:var(--sp-2) var(--sp-3)}}.gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.gate-card{width:min(360px,100%);display:flex;flex-direction:column;gap:var(--sp-3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-seed);padding:var(--sp-6);box-shadow:var(--shadow-md);text-align:center}.gate-title{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.035em;color:var(--green);margin:0;display:inline-flex;align-items:baseline;justify-content:center;gap:.12em}.gate-title .seed{display:inline-block;width:.22em;height:.3em;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:linear-gradient(160deg,#dfa72e,var(--gold-deep));transform:rotate(14deg)}.gate-sub{font-family:var(--serif);font-style:italic;font-size:var(--fs-base);color:var(--ink-soft);margin:0 0 var(--sp-2)}.gate-label{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);text-align:left;margin:var(--sp-2) 0 calc(-1 * var(--sp-2)) var(--sp-4)}.gate-card input{padding:var(--sp-3) var(--sp-4);font-family:var(--sans);font-size:var(--fs-md);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);outline:none}.gate-card input:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,138,30,.22)}.gate-card textarea{padding:var(--sp-3) var(--sp-4);font-family:var(--sans);font-size:var(--fs-md);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);outline:none;resize:vertical}.gate-card textarea:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,138,30,.22)}.gate-optional{text-transform:none;letter-spacing:normal;color:var(--ink-faint)}.gate-error{font-size:var(--fs-sm);color:var(--danger);margin:0}.gate-toggle-mode{background:none;border:none;padding:0;font-family:var(--sans);font-size:var(--fs-sm);color:var(--ink-soft);text-decoration:underline;cursor:pointer;align-self:center}.gate-forgot-link{align-self:flex-end;font-size:var(--fs-xs);margin-top:-4px}.quick-save-why{display:flex;gap:var(--sp-2)}.quick-save-why input{flex:1 1;min-width:0}.gate-divider{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.gate-divider:after,.gate-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.gate-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.pending-page{gap:var(--sp-7);padding:var(--sp-8) var(--sp-5);max-width:1080px;margin:0 auto}.pending-header,.pending-page{display:flex;flex-direction:column;align-items:center}.pending-header{text-align:center;gap:var(--sp-2)}.pending-headline{font-family:var(--serif);font-size:var(--fs-lg);color:var(--ink);margin:var(--sp-3) 0 0}.pending-sub{font-size:var(--fs-base);color:var(--ink-soft);margin:0}.pending-preview{position:relative;width:100%;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-md)}.pending-lock-badge{position:absolute;top:var(--sp-4);left:50%;transform:translateX(-50%);z-index:2;background:var(--ink);color:var(--on-dark);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.04em;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);box-shadow:var(--shadow-md);white-space:nowrap}.pending-preview-dim{filter:blur(2.5px);opacity:.55;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:scale(1.01)}.fb-float{position:fixed;right:var(--sp-5);bottom:var(--sp-5);z-index:var(--z-modal);display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-3)}@media (max-width:640px){.fb-trigger{padding:var(--sp-2);aspect-ratio:1}.fb-trigger-label{display:none}}.fb-trigger{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--ink-soft);background:var(--gold-tint);border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-4);box-shadow:var(--shadow-sm);transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow .3s cubic-bezier(.25,1,.5,1),transform .3s cubic-bezier(.25,1,.5,1),background var(--t-fast) var(--ease)}.fb-trigger svg{flex-shrink:0}.fb-trigger:hover{color:var(--gold-deep);border-color:var(--gold);background:var(--card);box-shadow:var(--shadow-md);transform:translateY(-2px)}.fb-trigger:active{transform:translateY(-1px)}.fb-panel .fb-card{width:min(340px,calc(100vw - 2 * var(--sp-5)));padding:var(--sp-5);box-shadow:var(--shadow-lg);animation:pop-in var(--t-med) var(--ease)}@media (max-width:900px){.hero .hero-corner{position:static;justify-content:center;margin:var(--sp-4) 0}.hero .hero-corner .btn-ghost{background:var(--card)}}@media (max-width:640px){.hero{padding:var(--sp-7) var(--sp-4) var(--sp-6)}.hero>.chat-backdrop{display:block;position:fixed;inset:0;z-index:var(--z-modal);border:none;background:rgba(43,33,21,.35)}.hero>.chat-panel:not(.chat-panel-inline){position:fixed;left:0;right:0;bottom:0;width:100%;margin:0;z-index:var(--z-modal);border-radius:20px 20px 0 0;max-height:82dvh;padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));animation:sheet-up var(--t-med) var(--ease)}.chat-panel:not(.chat-panel-inline):before{content:"";align-self:center;width:36px;height:4px;flex-shrink:0;border-radius:var(--r-pill);background:var(--line-strong)}.chat-empty,.chat-log{max-height:none;flex:1 1;min-height:0;overflow-y:auto}.composer-form{flex-shrink:0}.shell{padding:var(--sp-6) var(--sp-4) var(--sp-8)}.search{padding:var(--sp-3) var(--sp-5);font-size:var(--fs-md)}.search-row{flex-wrap:wrap;row-gap:var(--sp-2)}.search{flex-basis:100%}.pills{gap:6px}.pill{padding:6px var(--sp-3)}.card{gap:var(--sp-3)}.skel-thumb,.thumb{width:104px;min-height:104px}.card-summary{display:none}}.mascot-wrap{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.mascot-img{display:block;pointer-events:none}.gate-title .mascot-badge,.masthead .mascot-badge{display:inline-flex;align-self:center;flex-shrink:0;border-radius:50%;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);align-items:center;justify-content:center;overflow:hidden}.masthead .mascot-badge{width:80px;height:80px}.gate-title .mascot-badge{width:56px;height:56px}.gate-title .mascot-badge .mascot-img,.masthead .mascot-badge .mascot-img{width:100%;height:100%;object-fit:contain}@media (max-width:640px){.masthead .mascot-badge{width:60px;height:60px}}@media (max-width:480px){.masthead .mascot-badge{width:44px;height:44px}}.empty-mascot{margin-bottom:var(--sp-4)}.empty-mascot .mascot-wrap{cursor:default}.mascot-tooltip-text{position:absolute;top:calc(100% + var(--sp-1));left:50%;transform:translateX(-50%);width:max-content;max-width:160px;font-family:var(--sans);font-size:var(--fs-xs);color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-1) var(--sp-2);box-shadow:var(--shadow-sm);text-align:center;z-index:2}.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;top:-14px;width:8px;height:14px;opacity:.9;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(2turn);opacity:0}}.confetti-egg-overlay{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:9998;pointer-events:none}.confetti-egg-spin{animation:confetti-egg-spin 1.2s ease-in-out}@keyframes confetti-egg-spin{0%{transform:scale(.5) rotate(0deg);opacity:0}50%{transform:scale(1.3) rotate(1turn);opacity:1}to{transform:scale(1) rotate(2turn);opacity:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.card,.card:hover,.card:hover .thumb img{transform:none}}.admin-page{max-width:900px;margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-8)}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.admin-page h1{font-family:var(--serif);font-size:32px;color:var(--green);margin:0 0 var(--sp-1)}.admin-sub{font-size:var(--fs-sm);color:var(--ink-faint);margin:0 0 var(--sp-7)}.admin-account-link{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.admin-section{margin-bottom:var(--sp-7)}.admin-section h2{font-family:var(--sans);font-size:var(--fs-md);font-weight:600;color:var(--ink);margin:0 0 var(--sp-3)}.admin-stats{display:flex;flex-wrap:wrap;gap:var(--sp-5);list-style:none;margin:0 0 var(--sp-2);padding:0;font-size:var(--fs-sm);color:var(--ink-soft)}.admin-stats strong{color:var(--ink);font-size:var(--fs-lg);font-family:var(--serif);margin-right:4px}.admin-note{font-size:var(--fs-xs);color:var(--ink-faint);margin:0}.admin-announce{display:flex;flex-direction:column;gap:var(--sp-3);max-width:40rem}.admin-announce-body,.admin-announce-subject{font-family:var(--sans);font-size:var(--fs-sm);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:var(--sp-2) var(--sp-3)}.admin-announce-body{resize:vertical}.admin-announce-actions{display:flex;gap:var(--sp-3)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.admin-table td,.admin-table th{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line)}.admin-table th{color:var(--ink-faint);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.admin-activate-btn{padding:6px 14px;font-size:var(--fs-xs)}.admin-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.admin-section-head h2{margin:0}.admin-filter-bar{display:flex;gap:var(--sp-2)}.admin-filter-btn{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);font-size:var(--fs-xs);font-weight:500;color:var(--ink-soft);text-decoration:none;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.admin-filter-btn:hover{border-color:var(--line-strong);color:var(--ink)}.admin-filter-btn.active{background:var(--green);border-color:var(--green);color:var(--on-dark)}.feedback-message{margin:0;max-width:32ch;overflow-wrap:break-word}.feedback-message-toggle{display:block;margin-top:2px;padding:0;border:none;background:none;font-size:var(--fs-xs);font-weight:600;color:var(--gold-deep);text-decoration:underline}.feedback-status{display:flex;flex-wrap:wrap;gap:6px}.feedback-status-btn{padding:6px 11px;min-height:32px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);font-size:var(--fs-xs);font-weight:500;color:var(--ink-faint);text-transform:capitalize;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.feedback-status-btn:hover{border-color:var(--line-strong);color:var(--ink)}.feedback-status-btn[aria-pressed=true].feedback-status-pending{background:var(--gold-tint);border-color:var(--gold);color:var(--gold-deep)}.feedback-status-btn[aria-pressed=true].feedback-status-accepted{background:var(--green);border-color:var(--green);color:var(--on-dark)}.feedback-status-btn[aria-pressed=true].feedback-status-denied{background:#f4d9d3;border-color:#c67a63;color:#8a3c28}@media (max-width:640px){.admin-page{padding:var(--sp-5) var(--sp-4) var(--sp-8)}.admin-stats{gap:var(--sp-3) var(--sp-5)}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table td,.admin-table tr{display:block;width:100%}.admin-table tr{margin-bottom:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3)}.admin-table td{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;font-size:var(--fs-md);border-bottom:1px solid var(--line)}.admin-table td:last-child{border-bottom:none}.admin-table td[data-label]:before{content:attr(data-label);flex-shrink:0;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint)}.admin-table td[data-label=""]:before{display:none}.admin-table td[data-label=""]{justify-content:flex-start}.admin-table td[data-label="Review status"],.admin-table td[data-label=Feedback]{align-items:flex-start;flex-direction:column;gap:6px}.feedback-message{max-width:none}.admin-activate-btn{padding:10px 16px;font-size:var(--fs-sm);min-height:44px}.admin-filter-btn,.feedback-status-btn{padding:10px 14px;min-height:44px;font-size:var(--fs-sm)}.feedback-message-toggle{padding:10px 0;font-size:var(--fs-sm)}}.garden-layer{position:fixed;left:0;right:0;bottom:0;height:clamp(120px,19vh,190px);z-index:-1;pointer-events:none;opacity:0;animation:garden-in 1.1s ease .1s forwards}@keyframes garden-in{to{opacity:1}}.garden-layer svg.meadow{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent 4%,#000 55%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent 4%,#000 55%);-webkit-mask-composite:source-in,xor;mask-composite:intersect;filter:saturate(1) brightness(1);transition:filter 6s ease}@property --sa{syntax:"<angle>";inherits:true;initial-value:1deg}.msway{transform-origin:50% 100%;will-change:transform;--sa:var(--sa-base,1deg);animation:meadow-sway var(--sd,7s) ease-in-out var(--sl,0s) infinite alternate;transition:--sa 4s ease}@keyframes meadow-sway{0%{transform:skewX(calc(var(--sa) * -1))}to{transform:skewX(var(--sa))}}.garden-breeze .msway{--sa:calc(var(--sa-base, 1deg) * 4.2)}.garden-layer.garden-rain svg.meadow{filter:saturate(.72) brightness(.91)}.garden-layer.garden-sun svg.meadow{filter:saturate(1.18) brightness(1.1)}.tier-grow{animation:tier-grow-in 1.6s ease forwards}@keyframes tier-grow-in{0%{opacity:0}to{opacity:1}}.butterfly{position:absolute;height:18px;animation:butterfly-drift 12s ease-in-out infinite alternate,butterfly-flap .5s ease-in-out infinite alternate}.butterfly-b{animation-delay:-6s,-.2s}@keyframes butterfly-drift{0%{translate:0 0}30%{translate:34px -18px}60%{translate:-20px -34px}to{translate:14px -6px}}@keyframes butterfly-flap{0%{scale:1 1}to{scale:.68 1}}.weather-rain,.weather-sun{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity 3s ease}.weather-sun{background:radial-gradient(60% 45% at 72% 0,rgba(240,190,80,.34),transparent 72%)}.weather-rain{background:linear-gradient(180deg,rgba(64,74,96,.16),rgba(64,74,96,.24));transition:opacity 7s ease}.weather-breeze{position:fixed;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 3s ease}.weather-breeze.on{opacity:1}.weather-breeze i{position:absolute;left:0;width:130px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,253,245,.65),transparent);animation:breeze-streak 3.6s linear infinite;animation-play-state:paused}.weather-breeze.on i{animation-play-state:running}@keyframes breeze-streak{0%{transform:translateX(-140px);opacity:0}12%{opacity:.8}88%{opacity:.8}to{transform:translateX(110vw);opacity:0}}.weather-sun.on{opacity:1;animation:sun-breathe 9s ease-in-out infinite alternate}@keyframes sun-breathe{0%{opacity:.75}to{opacity:1}}.weather-rain i{position:absolute;top:-20%;width:2px;height:30px;border-radius:2px;background:linear-gradient(rgba(122,140,168,0),rgba(150,168,196,.7));animation:rain-fall .7s linear infinite;animation-play-state:paused}.weather-rain.on{opacity:1}.weather-rain.on i{animation-play-state:running}@keyframes rain-fall{to{transform:translateY(118vh)}}.firefly{position:fixed;z-index:var(--z-toast);width:11px;height:11px;margin:-5px 0 0 -5px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffeeb0 0,#f0c245 45%,rgba(240,194,69,0) 74%);box-shadow:0 0 14px 5px rgba(240,194,69,.5)}.mascot-tod-morning .mascot-img{filter:drop-shadow(0 0 14px rgba(232,184,61,.55));animation:mascot-stretch 1.6s ease-out 1}@keyframes mascot-stretch{0%{transform:scale(1)}35%{transform:scale(.97,1.07)}65%{transform:scale(1.03,.97)}to{transform:scale(1)}}.mascot-tod-night .mascot-img{filter:brightness(.88) saturate(.82) drop-shadow(0 0 10px rgba(96,88,138,.3));transform:rotate(-3deg)}.garden-debug{position:fixed;right:12px;bottom:12px;z-index:var(--z-toast);display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--r-pill);background:rgba(255,252,244,.85);border:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-faint)}@media (max-width:640px){.garden-debug{display:none}}.garden-debug-btn{border:none;background:none;font-size:var(--fs-xs);color:var(--ink-soft);cursor:pointer}.garden-debug-panel{position:absolute;bottom:calc(100% + var(--sp-2));top:auto;right:0;left:auto}@media (max-width:640px){.garden-layer{height:clamp(80px,14vh,120px)}.butterfly{height:13px}}@media (prefers-reduced-motion:reduce){.butterfly,.mascot-tod-morning .mascot-img,.msway,.tier-grow,.weather-breeze i,.weather-rain i,.weather-sun.on{animation:none}.garden-layer svg.meadow{transition:none}}