:root{--ground:#FFF8F0;--surface:#FFFFFF;--ink:#1B1B2F;--muted:#5B5664;--line:#F0E6DA;--field:#E7DED3;--dashed:#C9BBAA;--accent:#C2410C;--accent-ink:#9A3412;--accent-soft:#FFE8DA;--night:#1F2A44;--night-2:#2E3B5C;--night-muted:#CBD2E1;--sun:#FDBA74;--green-soft:#E3F5E1;--green-ink:#14532D;--danger:#B91C1C;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"DM Sans",system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent}body{min-height:100dvh}button,input,select{font:inherit;color:inherit}a{color:var(--accent)}.app{max-width:480px;margin:0 auto;min-height:100dvh;flex-direction:column}.app,.page{display:flex}.page{flex:1 1;padding:calc(24px + env(safe-area-inset-top)) 20px 120px;flex-direction:column;gap:18px}.page.narrow{padding-left:24px;padding-right:24px;padding-bottom:32px}.stack{flex-direction:column}.row,.stack{display:flex;gap:12px}.row{align-items:center}.spacer{flex:1 1}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.logo{display:flex;align-items:center;gap:8px;font-size:24px;letter-spacing:-.5px}.h1,.logo{font-family:var(--display);font-weight:800}.h1{margin:0;font-size:32px;line-height:1.08;letter-spacing:-.6px}.h1.xl{font-size:40px;letter-spacing:-1px}.h2{margin:4px 0 0;font-size:17px}.eyebrow,.h2{font-weight:700}.eyebrow{font-size:12px;letter-spacing:1px;text-transform:uppercase}.eyebrow,.muted{color:var(--muted)}.small{font-size:13px;line-height:1.4}.lead{font-size:16px;line-height:1.45;color:var(--muted)}.center{text-align:center}.error{color:var(--danger);font-size:14px}.lb{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.in{width:100%;height:48px;border:1.5px solid var(--field);border-radius:12px;padding:0 14px;font-size:16px;background:var(--surface)}.in:focus{outline:none;border-color:var(--accent)}.code-in{letter-spacing:12px;text-align:center;font-size:26px;height:64px}.btn,.code-in{font-weight:700}.btn{height:54px;border:none;border-radius:14px;font-size:17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:0 18px}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:#FFFFFF}.btn-light{background:#FFFFFF;height:48px;border-radius:12px}.btn-ghost,.btn-light{color:var(--ink);font-size:15px}.btn-ghost{background:transparent;height:44px;font-weight:600}.btn-link{border:none;color:var(--accent);font-size:14px;min-height:44px;padding:0 4px}.btn-dashed,.btn-link{background:transparent;font-weight:600;cursor:pointer}.btn-dashed{height:52px;border-radius:14px;border:1.5px dashed var(--dashed);color:var(--ink);font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-danger{border:1.5px solid #f3c4c4;color:var(--danger);height:48px;border-radius:12px;font-weight:600}.btn-danger,.icon-btn{background:transparent;cursor:pointer}.icon-btn{width:44px;height:44px;border:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.icon-btn.bordered{border:1.5px solid var(--field)}.card,.icon-btn.bordered{background:var(--surface)}.card{border:1px solid var(--line);border-radius:18px}.card.pad{padding:16px;display:flex;flex-direction:column;gap:14px}.card.mine{border:1.5px solid var(--accent)}.list-row{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;background:transparent;border:none;text-align:left}.list-row+.list-row{border-top:1px solid var(--line)}button.list-row{cursor:pointer;min-height:60px}.list-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-title{font-weight:700;font-size:15px}.list-sub{font-size:13px;color:var(--muted)}.list-tag{font-size:12px;font-weight:600;color:var(--accent-ink)}.list-end{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.faces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.face{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.face-name{font-size:13px;font-weight:600;margin-top:2px}.face-age{font-size:12px;color:var(--muted)}.hero{background:var(--night);color:#FFFFFF;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px}.hero-pill{background:var(--sun);color:var(--ink);font-size:13px;font-weight:700;padding:6px 12px;border-radius:20px}.hero-title{font-family:var(--display);font-weight:800;font-size:24px;line-height:1.1}.hero-sub{font-size:14px;color:var(--night-muted)}.note{display:flex;gap:10px;padding:14px;border-radius:14px;background:var(--accent-soft);font-size:14px;line-height:1.4;color:#6B2A0A}.note.green{background:var(--green-soft);color:var(--green-ink)}.code-box{background:var(--night-2);border-radius:10px;padding:12px;font-size:13px;font-family:ui-monospace,monospace;color:#FFFFFF;word-break:break-all}.chips{display:flex;gap:8px;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:40px;padding:0 16px;border-radius:20px;white-space:nowrap;font-weight:600;font-size:14px;border:1.5px solid var(--field);background:var(--surface);color:var(--ink);cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#FFFFFF}.chip.add{width:40px;padding:0;border-style:dashed;border-color:var(--dashed);justify-content:center}.chip.add,.switch-row{background:transparent;display:flex;align-items:center}.switch-row{gap:12px;width:100%;min-height:60px;padding:10px 16px;border:none;cursor:pointer;text-align:left}.switch-row+.switch-row{border-top:1px solid var(--line)}.switch{width:48px;height:28px;border-radius:14px;background:#D9CFC3;position:relative;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#FFFFFF;transition:left .15s}.switch.on{background:var(--accent)}.switch.on:after{left:23px}.check{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--dashed);background:#FFFFFF;flex:none;display:flex;align-items:center;justify-content:center}.check.on{background:var(--accent);border-color:var(--accent)}.progress{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--accent);border-radius:3px}.nav{position:fixed;bottom:0;left:0;right:0;background:#FFFFFF;border-top:1px solid var(--line);padding:8px 12px calc(10px + env(safe-area-inset-bottom));z-index:10}.nav-inner{max-width:480px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav a{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:52px;justify-content:center;text-decoration:none;font-size:12px;font-weight:600;color:var(--muted)}.nav a[aria-current=page]{color:var(--accent)}.sheet-backdrop{position:fixed;inset:0;background:rgba(27,27,47,.45);z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--ground);width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;max-height:90dvh;overflow-y:auto}.sheet-grip{width:40px;height:4px;border-radius:2px;background:var(--field);align-self:center}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:40vh auto 0}@keyframes spin{to{transform:rotate(1turn)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}