.topbar{background:var(--bg);border-bottom:1.5px dashed var(--line)}.topbar-inner{max-width:960px;margin:auto;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--primary);border:1.5px solid var(--ink);border-radius:12px 14px 10px 13px;transform:rotate(-7deg)}.bottom-nav{position:fixed;z-index:15;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--paper);border-top:1.5px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px var(--shadow)}.bottom-nav a{min-height:52px;min-width:80px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1px;font-size:11px;border-radius:15px}.bottom-nav a span{font-size:24px;line-height:1.2}.bottom-nav a[aria-current=page]{background:var(--secondary);font-weight:800}.card{padding:20px;background:var(--paper);border:1.5px solid var(--line);border-radius:22px;box-shadow:0 4px 0 var(--shadow)}.btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 17px;border:1.5px solid var(--ink);border-radius:14px;background:var(--primary);font-weight:700;box-shadow:0 3px 0 var(--ink);line-height:1.4}.btn:active,.icon-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn.secondary{background:var(--paper);border-color:var(--line);box-shadow:0 3px 0 var(--line)}.btn.danger{color:var(--danger);background:var(--paper)}.btn.block{width:100%}.icon-btn{padding:8px 10px;background:var(--paper);font-size:12px;box-shadow:none;border-color:var(--line)}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--secondary);border-radius:20px;font-size:11px;font-weight:650}.chip.soft{background:var(--rest)}.hero{position:relative;overflow:hidden;background:var(--secondary);padding:27px 22px;border:1.5px solid var(--ink);border-radius:26px 22px 28px 20px;box-shadow:0 5px 0 var(--shadow)}.hero .mascot{width:114px;height:114px;flex-shrink:0}.hero h1{font-size:27px}.hero p{font-size:12px;margin-top:10px}.hero-foot{border-top:1.5px dashed var(--ink);padding-top:13px;margin-top:18px;font-size:12px}.decor{position:absolute;right:16px;top:8px;font-size:22px;transform:rotate(12deg)}.home-week{display:block;position:relative;overflow:hidden}.home-week .card-title{font-size:21px;font-weight:800;margin:13px 0 6px}.home-week .mini-preview{margin:20px 0 16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;transform:rotate(-1deg)}.mini-row{display:grid;grid-template-columns:1.5fr repeat(5,1fr);align-items:center;min-height:30px;border-bottom:1px dashed var(--line);font-size:10px}.mini-row:last-child{border:0}.mini-row>span{padding:5px 8px;text-align:center}.mini-row>span:first-child{background:var(--life);text-align:left}.progress-track{height:8px;background:var(--rest);border-radius:10px;overflow:hidden;margin:12px 0}.progress-track>span{display:block;height:100%;background:var(--primary);border-radius:10px}.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.coming{padding:17px 12px}.coming h3{font-size:14px;margin:10px 0 5px}.coming p{font-size:11px;color:var(--muted)}.coming .chip{margin-top:11px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-option{min-width:0;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);padding:12px 3px;border-radius:16px;min-height:100px;font-size:12px;display:grid;justify-items:center;gap:8px}.theme-option[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.theme-option svg{width:64px;height:64px}.overlay{position:fixed;inset:0;z-index:40;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center;padding:12px 10px 0}.sheet{width:100%;max-width:620px;max-height:90vh;max-height:90dvh;overflow:auto;background:var(--paper);border:1.5px solid var(--line);border-radius:24px 24px 0 0;padding:14px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px var(--shadow)}.sheet-handle{height:4px;width:40px;background:var(--line);border-radius:9px;margin:0 auto 12px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.sheet-heading h2{font-size:19px}.sheet .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.sheet .actions .btn{flex:1}.toast{position:fixed;z-index:60;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:13px 18px;border-radius:16px;box-shadow:0 4px 20px var(--shadow);max-width:calc(100% - 28px);width:max-content;font-size:13px;display:flex;align-items:center;gap:10px}.toast button{background:var(--paper);color:var(--ink);border:0;border-radius:9px;min-height:44px;padding:8px 12px;white-space:nowrap}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.icon-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:12px;padding:10px 3px;background:var(--bg);min-height:88px;min-width:0;font-size:11px;text-align:center}.icon-tile span{overflow-wrap:anywhere}.icon-picker{background:var(--bg);padding:12px;border:1px dashed var(--line);border-radius:15px;margin:12px 0}.icon-picker .icon-grid{max-height:250px;overflow:auto;margin-top:12px}.filter-tab{border:1px solid var(--line);border-radius:10px;padding:8px 11px;min-height:44px;background:var(--paper);font-size:12px}.filter-tab[aria-pressed=true]{background:var(--secondary)}.age-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.age-choice{padding:14px 8px;background:var(--bg);border:1.5px solid var(--line);border-radius:14px;min-height:64px;text-align:left}.age-choice strong,.age-choice small{display:block}.age-choice[aria-pressed=true]{background:var(--secondary);border-color:var(--ink)}.onboarding{max-width:570px;margin:auto}.steps{display:flex;gap:7px;margin:20px 0}.steps span{height:6px;flex:1;background:var(--line);border-radius:6px}.steps span.active{background:var(--ink)}.onboarding-title{text-align:center;margin-bottom:25px}.onboarding-title svg{margin-bottom:12px}.onboarding .card{padding:24px 20px}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;border-bottom:1px dashed var(--line)}.settings-item:last-child{border-bottom:0}.celebration{position:fixed;z-index:65;left:50%;top:28%;transform:translateX(-50%);border:2px solid var(--ink);border-radius:26px;background:var(--paper);padding:20px 28px;text-align:center;box-shadow:0 8px 0 var(--shadow);width:260px;pointer-events:none}.celebration svg{animation:cheer .5s ease 3}.celebration p{font-weight:750;margin-top:10px}@keyframes cheer{50%{transform:translateY(-12px) rotate(7deg)}}@media(min-width:768px){.hero{padding:32px}.hero .mascot{width:148px;height:148px}.hero h1{font-size:36px}.coming-grid{grid-template-columns:repeat(4,1fr)}.bottom-nav{left:50%;transform:translateX(-50%);width:420px;border:1.5px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0}.overlay{align-items:center;padding:24px}.sheet{border-radius:24px;max-height:86vh}.topbar-inner{padding:18px 28px}}
.plain-btn{border:0;width:100%;padding:0;background:var(--clear);text-align:left;font-weight:400}
.theme-options>.card{min-width:0;padding:12px 6px}.theme-options>.card svg{max-width:100%}