:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--ink:#132033;--muted:#7a8799;--line:#e6ebf2;--space:#07111f;--accent:#18a999;--accent2:#3b82f6;--danger:#e05252;--warning:#e9a23b;--radius:24px;font-family:Inter,"Hiragino Sans","Yu Gothic UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{min-height:100vh;display:grid;place-items:center;font-weight:900;color:#526071}.app{width:min(100%,620px);margin:0 auto;min-height:100vh;background:var(--panel);box-shadow:0 0 40px #10213a12;padding-bottom:110px}.topbar{position:sticky;top:0;z-index:20;background:#ffffffee;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:12px 16px 0}.brand-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.brand small{display:block;color:var(--accent);font-weight:900;letter-spacing:.18em}.brand h1{font-size:24px;margin:2px 0 0}.sync{font-size:10px;font-weight:800;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:7px}.icon-btn,.auth-btn{border:1px solid var(--line);background:#f7f9fc;color:#314159;min-height:42px;border-radius:999px;font-weight:900}.icon-btn{width:42px;font-size:18px}.auth-btn{padding:0 12px;font-size:11px}.tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;background:#f1f4f8;padding:4px;border-radius:16px 16px 0 0;margin-top:10px}.tab{border:0;background:transparent;padding:9px 4px;border-radius:12px;color:#8b96a5;font-size:13px;font-weight:900}.tab.active{background:#fff;color:#182235;box-shadow:0 1px 4px #11213a13}.pro-tag{font-size:8px;background:#15243b;color:#fff;border-radius:999px;padding:2px 5px;margin-left:3px;vertical-align:2px}.section{padding:18px 16px;border-bottom:1px solid var(--line)}.today-card{border:1px solid #cdebe5;background:linear-gradient(135deg,#effcf8,#f5fbff);padding:16px;border-radius:22px}.today-summary{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.eyebrow{font-size:11px;font-weight:900;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.today-count{font-size:32px;font-weight:950;line-height:1}.today-count span{font-size:15px;color:#8996a7}.remaining{text-align:right;font-size:12px;font-weight:900;color:#526071}.progress{height:8px;background:#dce7eb;border-radius:999px;overflow:hidden;margin-top:12px}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#68d5c4);border-radius:inherit}.hero{background:radial-gradient(circle at 10% 0,#d6fff5 0,transparent 38%),linear-gradient(180deg,#f8fcff,#fff);display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center}.planet-wrap{position:relative;display:grid;place-items:center;min-height:172px}.planet{--p1:#51d2bd;--p2:#167e8b;--p3:#0b3450;width:145px;height:145px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 23%,#fff8 0 8%,transparent 9%),radial-gradient(circle at 35% 32%,var(--p1),var(--p2) 50%,var(--p3) 100%);box-shadow:inset -22px -18px 30px #001a3370,0 0 0 1px #ffffff99,0 18px 34px #0a52733f;transition:.4s transform,.4s filter}.planet::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#75e5ff20 58%,#75e5ff40 63%,transparent 68%);opacity:var(--atmo,0)}.planet::after{content:"";position:absolute;inset:8%;border-radius:50%;background:repeating-linear-gradient(165deg,transparent 0 12px,#ffffff38 13px 17px,transparent 18px 28px);mix-blend-mode:screen;opacity:var(--clouds,0);filter:blur(1.5px)}.planet.stage-0{filter:saturate(.5) brightness(.85)}.planet.stage-1{--atmo:.55}.planet.stage-2{--atmo:.75;--clouds:.22}.planet.stage-3{--atmo:.9;--clouds:.38}.planet.stage-4{--atmo:1;--clouds:.5;box-shadow:inset -22px -18px 30px #001a3370,0 0 0 1px #ffffffaa,0 0 34px #59dccc66,0 18px 34px #0a52733f}.planet.ringed .ring{display:block}.ring{display:none;position:absolute;width:190px;height:48px;border:9px solid #dbe7f0aa;border-top-color:#9fb5c8aa;border-radius:50%;transform:rotate(-12deg);z-index:-1}.city-lights{position:absolute;inset:0;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle at 58% 62%,#ffe894 0 2px,transparent 3px),radial-gradient(circle at 66% 56%,#ffe894 0 1.5px,transparent 2.5px),radial-gradient(circle at 52% 68%,#ffd56a 0 1.5px,transparent 2.5px),radial-gradient(circle at 72% 64%,#ffd56a 0 1.5px,transparent 2.5px)}.stage-4 .city-lights{opacity:.8}.hero-copy h2{font-size:22px;margin:3px 0}.hero-copy p{font-size:11px;color:var(--muted);font-weight:800;line-height:1.6;margin:4px 0}.stage-pill{display:inline-flex;padding:5px 9px;background:#e7faf5;color:#0f766e;border-radius:999px;font-size:10px;font-weight:900}.focus-shell{display:grid;place-items:center;gap:8px}.breath-orb{width:116px;height:116px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d7fff9,#58cfbe 45%,#126577);box-shadow:0 0 44px #4fdecf55;animation:breathe var(--breath,8s) ease-in-out infinite}.breath-copy{font-size:11px;color:#7d98a3;font-weight:900}.breath-range{width:145px}.focus-mode{background:#07111f;color:#eaf7ff}.focus-mode .app{background:#0b1625}.focus-mode .topbar{background:#0b1625ee;border-color:#233149}.focus-mode .brand h1,.focus-mode .tab.active,.focus-mode .section-title,.focus-mode .habit-name,.focus-mode .timer-panel h2{color:#edf8ff}.focus-mode .tabs{background:#142238}.focus-mode .tab.active{background:#203149}.focus-mode .section,.focus-mode .habit-card{border-color:#223149}.focus-mode .hero{background:radial-gradient(circle at 15% 0,#143a43,transparent 42%),#0b1625}.focus-mode .today-card{background:#102331;border-color:#214557}.focus-mode .recommend-card,.focus-mode .panel,.focus-mode .form-card,.focus-mode .recurring-card{background:#101d2d;border-color:#24344a}.focus-mode input,.focus-mode select,.focus-mode textarea{background:#0d1827;color:#eaf7ff;border-color:#2a3b51}.focus-mode .habit-card.done{background:#101b29}.focus-mode .habit-card .meta,.focus-mode .muted{color:#8fa0b5}@keyframes breathe{0%,100%{transform:scale(.78);opacity:.78}50%{transform:scale(1);opacity:1}}
.recommend-card{border:1px solid #dfe8ef;border-radius:26px;padding:18px;background:linear-gradient(135deg,#ffffff,#f7fbff);box-shadow:0 14px 30px #1f3f6110}.recommend-card h2{font-size:24px;margin:10px 0 4px;line-height:1.15}.recommend-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.primary,.secondary,.danger,.ghost{border:0;border-radius:16px;min-height:48px;font-weight:900}.primary{background:linear-gradient(90deg,#0f9f90,#1684b4);color:#fff}.secondary{background:#eef3f7;color:#3c4c61}.ghost{background:#fff;color:#56667a;border:1px solid var(--line)}.danger{background:#fff1f1;color:#c64242}.wide{width:100%}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-title{font-weight:950;font-size:17px}.muted{font-size:10px;font-weight:800;color:var(--muted);line-height:1.5}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0 0}.chip{border:0;border-radius:12px;background:#f1f4f8;padding:9px 6px;font-size:11px;font-weight:900;color:#69778a}.chip.active{background:#14243a;color:#fff}.sort-row{display:flex;gap:8px;align-items:center;margin-top:10px}.sort-row label{font-size:10px;font-weight:900;color:var(--muted)}.sort-row select{flex:1}.habit-list{margin:0 -16px}.habit-card{display:grid;grid-template-columns:minmax(0,1fr) 72px 52px;gap:8px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);min-height:104px}.habit-card.done{background:#f8fafc}.habit-title-row{display:flex;gap:7px;align-items:center;min-width:0;flex-wrap:wrap}.dot{width:11px;height:11px;border-radius:50%;flex:none}.habit-name{font-weight:950;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:8px;font-weight:950;padding:3px 6px;border-radius:999px;background:#eef3f7;color:#607086}.badge.blue{background:#e8f2ff;color:#2866a9}.badge.violet{background:#f1eafe;color:#7045b8}.badge.green{background:#e7f8f1;color:#258060}.meta{font-size:10px;color:var(--muted);font-weight:800;margin-top:5px;line-height:1.45}.weekdots{display:flex;gap:4px;margin-top:7px}.weekdots i{width:9px;height:9px;border-radius:50%;border:1px solid #cbd5df;background:#fff}.weekdots i.done{background:#203047;border-color:#203047}.weekdots i.sun.done{background:#e45555}.weekdots i.sat.done{background:#4a7fd6}.habit-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:7px}.habit-more{display:inline-block}.habit-more summary{list-style:none;cursor:pointer;font-size:10px;font-weight:900;color:#607086}.habit-more summary::-webkit-details-marker{display:none}.habit-more[open]{flex-basis:100%}.habit-more-menu{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;padding-top:7px;border-top:1px dashed var(--line)}.linkbtn{border:0;background:transparent;padding:0;font-size:10px;font-weight:900;color:#607086}.linkbtn.warn{color:#c58122}.linkbtn.danger-text{color:#bf5151}.cum{text-align:center}.cum small{display:block;font-size:9px;color:var(--muted);font-weight:900}.cum strong{font-size:15px;white-space:nowrap}.play{width:46px;height:46px;border:0;border-radius:50%;background:#14243a;color:#fff;font-size:18px;font-weight:900}.play.active{background:#f0c150;color:#3e341c}.reorder-controls{display:grid;gap:4px}.reorder-controls button{height:35px;border:0;border-radius:10px;background:#eef2f6;font-weight:900}.form-card,.recurring-card,.panel{margin-top:16px;border:1px solid var(--line);border-radius:24px;padding:16px;background:#fff}.field{display:block;margin-top:10px}.field>span{display:block;font-size:10px;font-weight:900;color:#69788a;margin-bottom:5px}input,select,textarea{width:100%;border:1px solid #dfe5ec;border-radius:14px;background:#fff;padding:11px 12px;color:#182235;min-height:44px}textarea{resize:vertical}.checkrow{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:15px;padding:12px;margin-top:10px}.checkrow input{width:18px;min-height:auto;margin-top:2px}.checkrow b{display:block;font-size:12px}.checkrow small{display:block;color:var(--muted);font-size:9px;font-weight:800;margin-top:3px}.locked{opacity:.7}.lockline{border:1px dashed #c8d4df;background:#f8fbfd;border-radius:15px;padding:12px;text-align:center;font-size:11px;font-weight:900;color:#586a7e}.recurring-item{padding:11px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.recurring-item:last-child{border-bottom:0}.recurring-item b{font-size:12px}.recurring-item p{font-size:10px;color:#6c58a2;font-weight:900;margin:3px 0}.pro-banner{background:linear-gradient(135deg,#12233a,#0a6f7c);color:#fff;border-radius:22px;padding:16px;margin-top:14px}.pro-banner h3{margin:0;font-size:18px}.pro-banner p{font-size:10px;line-height:1.6;color:#d7edf2}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.metric{border-radius:18px;padding:14px;background:#f2f7fb}.metric small{font-size:9px;font-weight:900;color:#66788d}.metric strong{display:block;font-size:22px;margin-top:4px}.bar-chart{height:160px;display:flex;gap:3px;align-items:flex-end;margin-top:16px}.bar-col{flex:1;min-width:0;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.bar-col i{display:block;min-height:3px;background:#33ae9f;border-radius:5px 5px 0 0}.bar-col small{height:16px;font-size:8px;color:#8390a0;margin-top:4px}.pie-row{display:flex;align-items:center;gap:18px;margin-top:14px}.pie{width:145px;height:145px;border-radius:50%;position:relative;flex:none}.pie::after{content:"";position:absolute;inset:28%;border-radius:50%;background:var(--panel)}.legend{flex:1;min-width:0}.legend-row{display:flex;justify-content:space-between;gap:7px;font-size:10px;font-weight:900;margin:6px 0}.legend-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item{padding:12px 0;border-bottom:1px solid var(--line)}.history-item:last-child{border-bottom:0}.history-row{display:flex;justify-content:space-between;gap:12px}.history-item b{font-size:12px}.history-item p{font-size:10px;color:var(--muted);font-weight:800;margin:3px 0}.star-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.star-card{border:1px solid var(--line);border-radius:22px;padding:12px;background:#fff}.star-card.locked{filter:grayscale(.75);opacity:.46}.star-visual{height:120px;display:grid;place-items:center;position:relative}.star-visual .planet{width:96px;height:96px}.star-card h3{font-size:13px;margin:3px 0}.star-card p{font-size:9px;color:var(--muted);font-weight:800;margin:3px 0}.timer-overlay,.modal-overlay,.alert-overlay{position:fixed;inset:0;z-index:50;background:#06101dcc;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:30px 14px}.timer-panel,.modal,.alert-panel{width:min(100%,460px);background:#fff;border-radius:28px;padding:20px;box-shadow:0 26px 80px #0006}.timer-panel{text-align:center;margin-top:18px}.timer-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.timer-time{font-size:58px;font-weight:950;font-variant-numeric:tabular-nums;margin:18px 0 5px}.timer-planet{display:grid;place-items:center;margin:16px 0}.timer-planet .planet{width:126px;height:126px}.timer-actions{display:grid;gap:8px}.timer-actions button{min-height:56px}.quick-form{text-align:left;background:#f6f8fb;border-radius:18px;padding:12px;margin:12px 0}.modal h2,.alert-panel h2{margin:4px 0 8px;font-size:22px}.modal p,.alert-panel p{font-size:11px;color:var(--muted);font-weight:800;line-height:1.65}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions>*{flex:1}.paywall-price{font-size:28px;font-weight:950}.paywall-list{padding-left:18px;font-size:12px;font-weight:800;line-height:1.8}.toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:80;background:#14243a;color:#fff;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:900;box-shadow:0 8px 30px #0003}.floating-add{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:25;width:62px;height:62px;border-radius:50%;border:0;background:#fff;color:#132033;font-size:32px;box-shadow:0 10px 28px #13203333}.overwork-toggle{margin-top:10px;border:1px solid #dce4ec;background:#fff;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;color:#647487}.overwork-toggle.on{background:#edf9f6;color:#13796e;border-color:#bde9df}.alert-panel{text-align:center;margin-top:20vh}.alert-icon{font-size:40px}.alert-time{font-size:34px;font-weight:950;color:#d1872e}.period-nav{display:flex;justify-content:space-between;gap:8px;align-items:center}.period-toggle{display:flex;background:#f0f3f6;padding:3px;border-radius:12px}.period-toggle button{border:0;background:transparent;padding:8px 10px;border-radius:9px;font-size:10px;font-weight:900}.period-toggle button.active{background:#15243a;color:#fff}.period-buttons{display:flex;gap:5px}.period-buttons button{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:38px;padding:0 11px;font-weight:900}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.empty{text-align:center;padding:28px 10px;color:var(--muted);font-size:12px;font-weight:800}.hidden{display:none!important}@media(max-width:480px){.hero{grid-template-columns:135px 1fr}.planet{width:122px;height:122px}.ring{width:158px}.hero-copy h2{font-size:19px}.top-actions{gap:4px}.auth-btn{padding:0 9px}.star-visual{height:105px}.timer-time{font-size:50px}.habit-card{grid-template-columns:minmax(0,1fr) 65px 48px;padding-left:13px;padding-right:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
body.dark-user{--bg:#091321;--panel:#101d2d;--ink:#eaf4ff;--muted:#92a2b5;--line:#27374d}body.dark-user .app{background:#101d2d}body.dark-user .topbar{background:#101d2dee}body.dark-user .tabs,body.dark-user .chip,body.dark-user .secondary{background:#17263a;color:#b5c3d3}body.dark-user .tab.active,body.dark-user .panel,body.dark-user .form-card,body.dark-user .recurring-card,body.dark-user .recommend-card,body.dark-user .star-card,body.dark-user .habit-card{background:#101d2d;color:#eaf4ff}body.dark-user input,body.dark-user select,body.dark-user textarea,body.dark-user .ghost{background:#0b1726;color:#eaf4ff;border-color:#2b3c52}body.dark-user .today-card{background:#102b31;border-color:#28505a}body.dark-user .hero{background:radial-gradient(circle at 15% 0,#173743,transparent 42%),#101d2d}body.dark-user .habit-card.done{background:#132234}body.dark-user .pie::after{background:#101d2d}