:root{color-scheme:dark;--bg:#07090f;--card:rgba(24,30,44,.86);--card2:rgba(18,23,34,.96);--border:rgba(177,189,219,.16);--text:#f4f0e8;--muted:#a9afc2;--accent:#8fb7ff;--accent2:#b088ff;--success:#9ee6c6;--shadow:0 26px 80px rgba(0,0,0,.38);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at 20% 10%,rgba(93,75,180,.28),transparent 30rem),radial-gradient(circle at 90% 0%,rgba(52,113,155,.22),transparent 24rem),linear-gradient(180deg,#121522 0%,#07090f 68%)}body{min-height:100%;margin:0;color:var(--text);background:transparent;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(480px,100%);margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.hero-card,.stat-card,.panel,.achievement-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.hero-card{position:relative;overflow:hidden;min-height:520px;border-radius:32px;padding:24px}.hero-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(143,183,255,.18),transparent 26%),conic-gradient(from 180deg,transparent,rgba(176,136,255,.12),transparent,rgba(158,230,198,.08),transparent);animation:drift 15s linear infinite;pointer-events:none}.hero-card>*{position:relative;z-index:1}.top-row,.panel-header,.undo-row,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:.76rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:8ch;margin-bottom:0;font-size:clamp(2.4rem,14vw,4.7rem);line-height:.89;letter-spacing:-.075em}h2{margin-bottom:0;font-size:1.04rem}.ghost-button,.text-button,.undo-row button{border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.06);border-radius:999px}.ghost-button{padding:9px 13px;font-weight:700}.count-ring{display:grid;place-items:center;width:min(68vw,280px);height:min(68vw,280px);margin:28px auto 20px;border:1px solid rgba(143,183,255,.22);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(143,183,255,.08) 45%,rgba(0,0,0,.1) 66%),linear-gradient(135deg,rgba(143,183,255,.18),rgba(176,136,255,.12));box-shadow:inset 0 0 50px rgba(143,183,255,.11),0 20px 70px rgba(0,0,0,.36)}.count-number{font-size:6.4rem;font-weight:850;line-height:.8;letter-spacing:-.08em}.count-label{margin-top:-48px;color:var(--muted);font-weight:700}.count-ring.pulse{animation:pulse .34s ease-out}.log-button{width:100%;min-height:104px;margin-top:8px;border:0;border-radius:28px;color:#07101f;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 18px 44px rgba(143,183,255,.23);transform:translateY(0);transition:transform .14s ease,filter .14s ease}.log-button:active{transform:translateY(3px);filter:brightness(.94)}.button-main,.button-sub{display:block}.button-main{font-size:2.5rem;font-weight:900;letter-spacing:-.05em}.button-sub{margin-top:3px;font-weight:800;opacity:.74}.undo-row{min-height:44px;margin-top:15px;padding:8px 12px;border-radius:999px;color:var(--muted);background:rgba(0,0,0,.22)}.undo-row button{padding:6px 12px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.stat-card{padding:15px 13px;border-radius:22px;background:var(--card2)}.stat-value,.stat-label{display:block}.stat-value{font-size:1.7rem;font-weight:850;letter-spacing:-.05em}.stat-label{margin-top:2px;color:var(--muted);font-size:.76rem;font-weight:720}.panel,.achievement-card{margin-top:14px;padding:18px;border-radius:24px}.achievement-card{border-color:rgba(158,230,198,.28);background:linear-gradient(135deg,rgba(158,230,198,.14),rgba(143,183,255,.1))}.achievement-card h2{margin-bottom:6px}.achievement-card p:last-child{margin-bottom:0;color:var(--success)}.setting-row{padding:14px 0;border-top:1px solid var(--border)}.setting-row:first-of-type{margin-top:8px}.setting-row strong,.setting-row small{display:block}.setting-row small{margin-top:3px;color:var(--muted);font-size:.78rem}input[type=checkbox]{width:46px;height:28px;accent-color:var(--accent)}.text-button{padding:7px 11px;color:var(--muted);font-size:.8rem}.history-list{list-style:none;margin:14px 0 0;padding:0}.history-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--border);color:var(--muted)}.history-list strong{color:var(--text)}.empty-state{margin:14px 0 0;color:var(--muted);font-style:italic}.hidden{display:none!important}.burst-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}.feather{position:absolute;left:var(--x);top:var(--y);color:var(--accent);font-size:var(--s);font-weight:900;animation:burst .9s ease-out forwards}@keyframes drift{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}55%{transform:scale(1.055)}100%{transform:scale(1)}}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0deg)}15%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--r))}}@media (max-width:360px){.hero-card{padding:20px}.count-number{font-size:5.2rem}.button-main{font-size:2.15rem}}