:root{--backdrop:#332b22;--bezel:#221c15;--bg:#ece3d3;--surface:#f6efe1;--ink:#3d352a;--ink-soft:#7a6f5d;--line:#dccfb7;--accent:#b0684a;--accent2:#7c7a4e;--heart:#c1543f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--backdrop);color:var(--ink);justify-content:center;align-items:center;min-height:100dvh;font-family:Newsreader,Georgia,serif;display:flex}::-webkit-scrollbar{width:0;height:0}.app{background:var(--surface);flex-direction:column;width:100%;max-width:430px;min-height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=480px){body{padding:28px}.app{height:min(860px,100dvh - 56px);min-height:0;box-shadow:0 45px 90px -35px #32231299, 0 0 0 10px var(--bezel), 0 0 0 11px #00000040;border-radius:46px}}.screen{flex-direction:column;animation:.38s both softIn;display:flex;position:absolute;inset:0}.screen.scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-y:auto}.center{text-align:center;justify-content:center;align-items:center;padding:40px 34px}button{font-family:inherit}.logo{color:var(--ink);letter-spacing:.08em;justify-content:center;align-items:center;font-family:Caveat,cursive;font-size:92px;font-weight:700;line-height:1;display:inline-flex}.logo .lg-inner{align-items:center;display:inline-flex}.logo .lg-inner .heart{color:var(--heart);justify-content:center;align-items:center;margin:0 -.06em 0 .14em;font-family:Georgia,serif;font-size:1.12em;line-height:1;display:inline-flex}.logo.morph .lg-inner{animation:.55s forwards fadeOut}.logo.morph.morphed .lg-inner{letter-spacing:normal;animation:.6s forwards fadeIn}.logo.morph.morphed .lg-inner .heart{animation:.6s cubic-bezier(.34,1.56,.64,1) backwards heartPop}.tagline{color:var(--accent);margin:10px 0 0;font-family:Caveat,cursive;font-size:24px}.entry-form{width:100%;max-width:300px;margin:48px auto 0}.pw-row{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;align-items:center;gap:10px;padding:6px 6px 6px 18px;display:flex}.pw-row.shake{animation:.45s shakex}.pw-row input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:Newsreader,serif;font-size:17px}.pw-go{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:13px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.pw-error{color:var(--heart);margin:12px 2px 0;font-size:14px}.pw-hint{color:var(--ink-soft);letter-spacing:.02em;margin:16px 2px 0;font-size:13px}.reveal{animation:.7s both revealUp}.who{justify-content:center;padding:40px 30px 60px}.eyebrow{color:var(--accent);margin:0;font-family:Caveat,cursive;font-size:24px}.who h1{color:var(--ink);margin:2px 0 28px;font-family:Caveat,cursive;font-size:46px}.who-list{flex-direction:column;gap:16px;display:flex}.who-card{all:unset;cursor:pointer;background:var(--surface);border:1.5px solid var(--line);border-radius:22px;align-items:center;gap:18px;padding:20px 22px;display:flex}.who-card:active{transform:scale(.99)}.avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-family:Caveat,cursive;font-size:34px;display:flex}.avatar.niels{background:var(--accent)}.avatar.sylvia{background:var(--accent2)}.who-name{color:var(--ink);font-family:Caveat,cursive;font-size:30px;display:block}.who-sub{color:var(--ink-soft);font-size:14px}.who-note{color:var(--ink-soft);margin:26px 2px 0;font-size:13px}.head{flex:none;padding:20px 24px 6px}.head .greeting{all:unset;cursor:pointer;color:var(--accent);font-family:Caveat,cursive;font-size:25px}.head h1{color:var(--ink);margin:0;font-family:Caveat,cursive;font-size:46px}.cat-list{flex:1;padding:10px 20px 130px}.cat-card{all:unset;cursor:pointer;width:100%;margin-bottom:14px;display:block}.cat-card:active{transform:scale(.995)}.cat-inner{background:var(--tint-soft);border:1px solid var(--tint-line);border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:112px;padding:22px 22px 20px;display:flex;position:relative;overflow:hidden}.cat-blob{border-radius:var(--blob);width:134px;height:120px;transform:var(--blob-t);background:var(--tint);opacity:.92;position:absolute;top:-28px;right:-26px}.cat-symbol{color:#fff7ec;opacity:.92;z-index:1;pointer-events:none;width:40px;height:40px;position:absolute;top:16px;right:18px;transform:rotate(-4deg)}.cat-symbol svg{width:100%;height:100%;display:block}.cat-name{color:var(--ink);margin:0;font-family:Caveat,cursive;font-size:32px;position:relative}.cat-open{color:var(--ink-soft);margin:3px 0 0;font-size:14px;position:relative}.add-cat-btn{all:unset;cursor:pointer;border:1.5px dashed var(--line);width:100%;color:var(--accent);border-radius:20px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:16px;font-family:Caveat,cursive;font-size:23px;display:flex}.arch-link{all:unset;cursor:pointer;text-align:center;width:100%;color:var(--ink-soft);margin-top:20px;font-family:Caveat,cursive;font-size:21px;display:block}.arch-link:active{color:var(--accent)}.arch-list{flex:1;padding:10px 20px 40px}.arch-row{background:var(--bg);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.arch-swatch{opacity:.55;border-radius:13px;flex:none;width:42px;height:42px}.arch-body{flex:1;min-width:0}.arch-name{color:var(--ink);font-size:17px;font-weight:500}.arch-meta{color:var(--ink-soft);font-size:13px}.arch-restore{all:unset;cursor:pointer;color:var(--accent);flex:none;padding:6px 8px;font-family:Caveat,cursive;font-size:21px}.arch-restore:active{transform:scale(.96)}.arch-note{color:var(--ink-soft);margin:18px 2px 0;font-size:13px;line-height:1.5}.fab{background:var(--accent);color:#fff;cursor:pointer;z-index:5;border:none;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:32px;display:flex;position:absolute;bottom:26px;right:22px;box-shadow:0 12px 26px -8px #3c1e0a99}.fab:active{transform:scale(.95)}.detail-top{flex:none;justify-content:space-between;align-items:center;padding:16px 20px 6px;display:flex}.icon-back{all:unset;cursor:pointer;color:var(--ink);padding:4px 8px;font-size:24px}.link-muted{all:unset;cursor:pointer;color:var(--ink-soft);font-size:14px}.detail-hero{flex:none;padding:4px 24px 8px}.detail-hero .cat-inner{min-height:96px}.detail-hero .cat-name{font-size:38px}.detail-hero .cat-symbol{width:54px;height:54px;top:20px;right:22px}.detail-body{flex:1;padding:8px 24px 130px}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:14px 2px 10px;font-size:13px}.section-label.done-label{margin-top:24px}.item{background:var(--bg);border:1px solid var(--line);border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.item.done{background:0 0}.check{border:2px solid var(--accent);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:26px;height:26px;margin-top:2px;padding:0}.check:active{transform:scale(.9)}.check-done{background:var(--accent2);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;font-size:15px;display:flex}.item-body{flex:1;min-width:0}.item-title{color:var(--ink);margin:0;font-size:17px;line-height:1.25}.item-title.struck{color:var(--ink-soft);text-decoration:line-through;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.item-note{color:var(--ink-soft);margin:3px 0 0;font-size:14px;font-style:italic}.item-meta{color:var(--ink-soft);margin:5px 0 0;font-size:12px}.empty{color:var(--ink-soft);padding:6px 2px 10px;font-family:Caveat,cursive;font-size:22px}.form-top{flex:none;align-items:center;gap:12px;padding:16px 20px 6px;display:flex}.form-top h1{color:var(--ink);margin:0;font-family:Caveat,cursive;font-size:34px}.form{padding:12px 24px 40px}.form label{color:var(--ink-soft);margin:14px 2px 7px;font-size:14px;display:block}.form label.spaced{margin-top:18px}.field{border:1.5px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:14px;font-family:Newsreader,serif;font-size:16px}select.field{appearance:none}textarea.field{resize:none}.field:focus{border-color:var(--accent)}.submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:22px;padding:16px;font-family:Caveat,cursive;font-size:24px}.submit:active{transform:scale(.99)}.form-foot{text-align:center;color:var(--ink-soft);margin:14px 0 0;font-size:13px}.newcat-preview{align-items:center;gap:14px;margin:10px 0 8px;display:flex}.newcat-swatch{background:var(--tint);border-radius:15px;flex:none;width:52px;height:52px}.newcat-preview p{color:var(--ink-soft);margin:0;font-size:14px}.symbol-picker{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:8px;display:grid}.symbol-choice{all:unset;cursor:pointer;aspect-ratio:1;border:1.5px solid var(--line);color:var(--ink-soft);border-radius:14px;justify-content:center;align-items:center;transition:transform 80ms;display:flex}.symbol-choice svg{width:24px;height:24px}.symbol-choice:active{transform:scale(.94)}.symbol-choice.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft,#b0684a1a)}@keyframes shakex{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes softIn{0%{opacity:0}to{opacity:1}}@keyframes revealUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeOut{to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes heartPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.screen,.reveal,.pw-row.shake{animation-duration:.01ms!important}.logo.morph .lg-inner,.logo.morph.morphed .lg-inner,.logo.morph.morphed .lg-inner .heart{opacity:1;animation:none!important}}