@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--bg:#fff;--card:#fff;--card2:#f7f7f7;--line:#e5e5e5;--line-dark:#d6d6d6;--txt:#3c3c3c;--sub:#777;--green:#4fc300;--green-dark:#43a300;--green-soft:#e8f8dc;--blue:#1cb0f6;--blue-dark:#1899d6;--orange:#ff9600;--orange-dark:#e08600;--red:#ff4b4b;--red-dark:#e04343;--gold:#ffc800}@media (prefers-color-scheme:dark){:root{--bg:#131f24;--card:#1b2a31;--card2:#223640;--line:#37464f;--line-dark:#2b3a42;--txt:#f1f7fb;--sub:#93a4ad;--green-soft:#202f26}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--txt);justify-content:center;min-height:100vh;padding:16px;font-family:Hiragino Maru Gothic ProN,Yu Gothic UI,Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-weight:700;display:flex}.phone{flex-direction:column;gap:16px;width:100%;max-width:420px;display:flex}.top{justify-content:space-between;align-items:center;padding:2px;display:flex}.date{color:var(--sub);font-size:14px}.streak{color:var(--orange);align-items:center;gap:6px;font-size:22px;font-weight:800;display:flex}.streak .n{font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.streak .unit{color:var(--sub);align-self:flex-end;padding-bottom:3px;font-size:13px}.mission{background:var(--card);border:2px solid var(--line);border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.tag{letter-spacing:.4px;color:var(--green-dark);background:var(--green-soft);border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:800}.mtitle{color:var(--sub);font-size:13px;font-weight:800}.maction{font-size:28px;font-weight:800;line-height:1.35}.why{color:var(--sub);font-size:13px;font-weight:500;line-height:1.8}.count{color:var(--orange);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.dot{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.5}}.check{letter-spacing:.5px;color:#fff;background:var(--green);box-shadow:0 4px 0 var(--green-dark);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-family:inherit;font-size:17px;font-weight:800;text-decoration:none;transition:transform 50ms,box-shadow 50ms;display:flex}.check:active:not(:disabled){box-shadow:0 0 0 var(--green-dark);transform:translateY(4px)}.check:disabled{background:var(--line);color:var(--sub);box-shadow:0 4px 0 var(--line-dark);cursor:default}.check.done{background:var(--card2);color:var(--green-dark);box-shadow:0 4px 0 var(--line);cursor:default}.ghost{border:2px solid var(--line);color:var(--sub);cursor:pointer;box-shadow:0 4px 0 var(--line);background:0 0;border-radius:16px;padding:16px 22px;font-family:inherit;font-size:15px;font-weight:800;transition:transform 50ms,box-shadow 50ms}.ghost:active{box-shadow:0 0 0 var(--line);transform:translateY(4px)}.row{gap:10px;display:flex}.row .check{flex:1}.stake{background:var(--card2);border-radius:14px;padding:14px;font-size:13px}.bill{justify-content:space-between;align-items:baseline;font-weight:800;display:flex}.bill b{font-variant-numeric:tabular-nums;font-size:22px}.billsub{color:var(--sub);margin-top:6px;font-size:11px;font-weight:500;line-height:1.8}.price{background:var(--card2);border-radius:16px;padding:16px;font-size:14px}.prow{justify-content:space-between;align-items:baseline;padding:6px 0;display:flex}.prow b{font-variant-numeric:tabular-nums}.prow.sub{color:var(--sub);font-size:11px;font-weight:500}.prow.big b{font-size:20px}.okc{color:var(--green-dark)}.warnc{color:var(--orange)}.pline{background:var(--line);border-radius:2px;height:2px;margin:8px 0}.week{background:var(--card);border:2px solid var(--line);border-radius:20px;justify-content:space-between;padding:18px 14px;display:flex}.day{color:var(--sub);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.pip{background:var(--card2);border:2px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:flex}.pip.ok{background:var(--green);border-color:var(--green);color:#fff}.pip.miss{border-color:var(--red);color:var(--red);background:0 0}.pip.today{border-color:var(--green);border-style:dashed}.celebrate{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:8px 0;animation:.4s cubic-bezier(.2,1.4,.4,1) pop;display:flex}.celebrate .big{font-size:56px;line-height:1}.celebrate .ctitle{color:var(--green-dark);font-size:24px;font-weight:800}.celebrate .csub{color:var(--sub);font-size:14px;font-weight:500;line-height:1.7}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.steps{gap:8px;padding:4px 2px;display:flex}.bar{background:var(--line);border-radius:999px;flex:1;height:12px;transition:background .3s}.bar.on{background:var(--green)}.field{background:var(--card2);border:2px solid var(--line);width:100%;color:var(--txt);border-radius:16px;padding:16px;font-family:inherit;font-size:18px;font-weight:800}.field:focus{border-color:var(--blue);outline:none}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--card);border:2px solid var(--line);color:var(--txt);cursor:pointer;box-shadow:0 3px 0 var(--line);border-radius:14px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:800;transition:transform 50ms,box-shadow 50ms}.chip:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.chip.on{background:var(--green-soft);border-color:var(--green);color:var(--green-dark);box-shadow:0 3px 0 var(--green)}.beta{color:var(--sub);background:var(--card2);border-radius:14px;padding:14px;font-size:12px;font-weight:500;line-height:1.8}.honest{background:var(--card);border:2px solid var(--line);border-left:6px solid var(--green);color:var(--sub);border-radius:16px;padding:16px;font-size:13px;font-weight:500;line-height:1.9}.honest .htitle{color:var(--txt);margin-bottom:4px;font-size:14px;font-weight:800}.honest b{color:var(--txt)}.note{text-align:center;color:var(--sub);padding:0 8px;font-size:12px;font-weight:500;line-height:1.8}.edit{color:var(--sub);cursor:pointer;background:0 0;border:none;align-self:center;padding:6px;font-family:inherit;font-size:13px;font-weight:800}.foot{text-align:center;color:var(--sub);opacity:.8;font-size:11px;font-weight:500}.foot a{color:var(--sub);margin:0 6px;text-decoration:underline}.toast{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-dark);z-index:9;border-radius:16px;padding:16px 26px;font-size:16px;font-weight:800;transition:transform .35s cubic-bezier(.2,1.2,.3,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(120px)}.toast.show{transform:translate(-50%)translateY(0)}.hero{padding:12px 2px}.kicker{color:var(--green-dark);margin-bottom:8px;font-size:13px;font-weight:800}.hero h1{font-size:30px;font-weight:800;line-height:1.4}.lead{color:var(--sub);margin-top:12px;font-size:14px;font-weight:500;line-height:1.9}.steps3{counter-reset:s;flex-direction:column;gap:14px;display:flex}.steps3 li{counter-increment:s;flex-direction:column;gap:2px;padding-left:40px;display:flex;position:relative}.steps3 li:before{content:counter(s);background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex;position:absolute;top:0;left:0}.steps3 b{font-size:16px}.steps3 span{color:var(--sub);font-size:13px;font-weight:500}.doc{max-width:680px;padding-bottom:40px;font-size:14px;font-weight:500;line-height:1.9}.doc h1{margin:8px 0 4px;font-size:22px;font-weight:800}.doc h2{margin:20px 0 2px;font-size:15px;font-weight:800}.doc ul{padding-left:1.2em;list-style:outside}.doc p,.doc li{color:var(--sub)}.doc b{color:var(--txt)}.doc .todo{background:var(--orange)}@supports (color:color-mix(in lab, red, red)){.doc .todo{background:color-mix(in srgb, var(--orange) 14%, transparent)}}.doc .todo{border:2px dashed var(--orange);color:var(--txt);border-radius:14px;padding:14px;font-size:13px}.stats3{text-align:center;justify-content:space-between;display:flex}.stats3>div{flex-direction:column;flex:1;gap:2px;display:flex}.stats3 b{color:var(--green);font-size:26px;font-weight:900}.stats3 span{color:var(--sub);font-size:11px}.mnav{justify-content:space-between;align-items:center;font-size:15px;font-weight:800;display:flex}.mnav button{border:2px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--txt);cursor:pointer;border-radius:12px;font-weight:900}.mnav button:disabled{opacity:.3;cursor:default}.cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calh{text-align:center;color:var(--sub);font-size:11px;font-weight:800}.cell{aspect-ratio:1;background:var(--card2);color:var(--sub);border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.cell.ok{background:var(--green);color:#fff}.cell.miss{border-color:var(--red);color:var(--red);background:0 0}.cell.before{opacity:.35}.cell.now,.cell.today{border-color:var(--green);color:var(--txt);border-style:dashed}.calkey{color:var(--sub);gap:14px;font-size:11px;display:flex}.calkey span{align-items:center;gap:5px;display:flex}.calkey i{border-radius:4px;width:12px;height:12px;display:inline-block}.calkey i.ok{background:var(--green)}.calkey i.miss{border:2px solid var(--red)}.calkey i.before{background:var(--card2)}