:root{--bg-0: #d9e4ec;--bg-1: #f3f7fa;--ink: #132033;--ink-soft: #4a5b6e;--line: rgba(19, 32, 51, .12);--accent: #0b6e6a;--accent-deep: #084f4c;--warn: #b33b1a;--surface: rgba(255, 255, 255, .72);--surface-strong: #ffffff;--shadow: 0 18px 50px rgba(19, 32, 51, .08);--radius: 18px;--font-display: "Syne", "IBM Plex Sans JP", sans-serif;--font-body: "IBM Plex Sans JP", sans-serif;color:var(--ink);background:var(--bg-0);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgba(11,110,106,.18),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(179,59,26,.12),transparent 50%),linear-gradient(160deg,var(--bg-1),var(--bg-0));background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(19,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,32,51,.035) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 85%);mask-image:radial-gradient(circle at center,black 35%,transparent 85%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f3f7fab3}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem}.brand{font-family:var(--font-display);font-weight:800;letter-spacing:.04em;font-size:1.35rem}.brand span{color:var(--accent)}.nav-toggle{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffffb3;border-radius:999px;padding:.4rem .8rem;font-size:.82rem;font-weight:600;color:var(--ink)}.global-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.35rem .5rem}.nav-link{font-size:.88rem;font-weight:600;color:var(--ink-soft);padding:.4rem .75rem;border-radius:999px}.nav-link:hover,.nav-link.is-active{color:var(--accent-deep);background:#0b6e6a1a}.nav-link-strong{color:var(--accent-deep)}.account-menu{position:relative}.account-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:999px;background:#ffffffc7;color:var(--ink);cursor:pointer}.account-trigger:hover,.account-trigger.is-open{color:var(--accent-deep);border-color:#0b6e6a59;background:#0b6e6a1a}.account-dropdown{position:absolute;top:calc(100% + .45rem);right:0;z-index:20;min-width:12.5rem;padding:.4rem;border:1px solid var(--line);border-radius:.9rem;background:#fffffff5;box-shadow:0 12px 28px #122a301f;display:grid;gap:.2rem}.account-dropdown-meta{display:grid;gap:.15rem;padding:.55rem .7rem .65rem;border-bottom:1px solid var(--line);margin-bottom:.2rem}.account-dropdown-meta strong{font-size:.88rem;font-weight:700;color:var(--ink)}.account-dropdown-meta span{font-size:.76rem;color:var(--ink-soft);word-break:break-all}.account-dropdown-item{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;text-align:left;font:inherit;font-size:.88rem;font-weight:600;color:var(--ink);padding:.55rem .7rem;border-radius:.65rem;cursor:pointer}.account-dropdown-item:hover{background:#0b6e6a1a;color:var(--accent-deep)}.mock-banner{font-size:.78rem;color:var(--ink-soft);border:1px solid var(--line);background:#ffffffa6;padding:.35rem .7rem;border-radius:999px}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:#f3f7fa9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer-inner{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:1.4rem 0 1.7rem;display:grid;gap:.65rem}.footer-nav{display:flex;flex-wrap:wrap;gap:.55rem 1.15rem;font-size:.85rem;font-weight:600}.footer-nav a:hover{color:var(--accent-deep)}.footer-copy,.footer-note{margin:0;font-size:.78rem;color:var(--ink-soft);line-height:1.6}.legal-kicker{margin:0 0 .4rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--accent-deep)}.legal-draft-banner{background:#b33b1a14;border-color:#b33b1a2e;color:var(--ink);font-size:.9rem;line-height:1.7}.legal-doc{display:grid;gap:1.6rem;margin-top:1.5rem}.legal-doc h2{margin:0 0 .7rem;font-size:1.05rem}.legal-doc p,.legal-doc li{color:var(--ink);line-height:1.85}.legal-doc p{margin:0 0 .75rem}.legal-doc ul,.legal-doc ol{margin:0 0 .75rem;padding-left:1.2rem}.legal-inline-note{font-size:.82rem;color:var(--ink-soft);background:#1320330a;border-left:3px solid rgba(11,110,106,.45);padding:.65rem .8rem}.legal-table-wrap{margin-top:1.25rem;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong)}.legal-table{width:100%;border-collapse:collapse}.legal-table th,.legal-table td{padding:.95rem 1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.7}.legal-table tr:last-child th,.legal-table tr:last-child td{border-bottom:0}.legal-table th{width:9.5rem;font-size:.86rem;background:#13203308}.legal-table td p{margin:0 0 .55rem}.legal-table td p:last-child{margin-bottom:0}.check-field{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.6}.check-field input{margin-top:.2rem}.check-field a{color:var(--accent-deep);text-decoration:underline}.legal-mini-nav{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem;margin-top:1.25rem;font-size:.85rem;font-weight:600}.legal-mini-nav a:hover{color:var(--accent-deep)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.stop-banner{margin-bottom:1rem;background:#b33b1a14;border-color:#b33b1a33}.page{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem;flex:1;animation:rise .42s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:calc(100vh - 220px);display:grid;align-content:center;gap:1.25rem;padding:2.5rem 0 3rem}.hero-brand{font-family:var(--font-display);font-size:clamp(3rem,10vw,5.5rem);font-weight:800;line-height:.95;letter-spacing:-.03em;margin:0}.hero-brand span{color:var(--accent)}.hero h1{margin:0;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:600;line-height:1.45;word-break:keep-all;overflow-wrap:normal}.hero p,.lede{margin:0;color:var(--ink-soft);line-height:1.7;max-width:36em}.hero-qr{margin:.25rem 0 0;display:grid;justify-items:start;gap:.4rem}.hero-qr img{width:8.5rem;height:8.5rem;padding:.4rem;background:#fff;border:1px solid var(--line);border-radius:12px}.hero-qr figcaption{font-size:.82rem;font-weight:500;color:var(--ink-soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.flow-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 1.25rem;padding:0}.flow-step{position:relative;min-width:0}.flow-step:not(:last-child):after{content:"";position:absolute;top:.9rem;left:calc(50% + 1.15rem);width:calc(100% - 2.3rem);height:2px;background:var(--line)}.flow-step.is-done:not(:last-child):after{background:var(--accent)}.flow-step-target{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}a.flow-step-target:hover .flow-step-index{border-color:var(--accent);color:var(--accent-deep)}a.flow-step-target:hover .flow-step-label{color:var(--accent-deep)}.flow-step-index{position:relative;z-index:1;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;border:1.5px solid var(--line);background:var(--surface-strong);color:var(--ink-soft);font-size:.78rem;font-weight:700}.flow-step.is-current .flow-step-index{background:var(--accent);border-color:var(--accent);color:#fff}.flow-step.is-done .flow-step-index{background:#0b6e6a1f;border-color:var(--accent);color:var(--accent-deep)}.flow-step-label{font-size:.75rem;font-weight:600;color:var(--ink-soft)}.flow-step.is-current .flow-step-label{color:var(--ink)}.section-head h1,.page h1{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em}.stack{display:grid;gap:1rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:999px;padding:.8rem 1.25rem;font-weight:600;transition:transform .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-deep)}.btn-secondary{background:var(--surface-strong);border-color:var(--line);color:var(--ink)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-soft)}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;margin:0;color:var(--ink-soft);font-size:.82rem;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line)}.google-btn-host{min-height:44px;display:flex;justify-content:center}.google-btn-host.is-disabled{pointer-events:none;opacity:.55}.btn-quiet{font-size:.78rem;font-weight:600;color:var(--ink-soft);padding:.25rem .45rem;border-radius:8px;white-space:nowrap;align-self:start}.btn-quiet:hover{color:var(--warn);background:#b33b1a14}.btn-danger{background:var(--warn);color:#fff}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.2rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.goal-list{display:grid;gap:.9rem}.goal-item{display:grid;gap:.65rem;text-align:left;width:100%;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.15rem;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease}.goal-item:hover{transform:translateY(-2px);border-color:#0b6e6a59}.goal-item-body{display:grid;gap:.65rem}.goal-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem}.goal-item-actions .btn-primary{margin-right:auto}.goal-item h2{margin:0;font-size:1.1rem}.goal-today{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .75rem;margin:0}.goal-today-progress{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.goal-memo-preview{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-memo-full{white-space:pre-wrap;text-align:right;max-width:min(100%,28rem)}.field textarea{width:100%;min-height:6rem;resize:vertical;font:inherit;line-height:1.5;padding:.65rem .75rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.field textarea:focus{outline:2px solid rgba(11,110,106,.35);outline-offset:1px}.meta{display:flex;flex-wrap:wrap;gap:.45rem}.chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--ink-soft);background:#1320330a;border:1px solid var(--line);border-radius:999px;padding:.25rem .65rem}.chip-accent{color:var(--accent-deep);background:#0b6e6a1a;border-color:#0b6e6a33}.chip-draft{color:#5a6573;background:#1320330f;border-color:#13203324}.chip-ended{color:#6b5a4e;background:#6b5a4e1a;border-color:#6b5a4e38}.chip-warn{color:var(--warn);background:#b33b1a14;border-color:#b33b1a2e}.form-grid{display:grid;gap:1rem}label.field,fieldset.field{display:grid;gap:.4rem;font-size:.9rem;font-weight:600}.field input:not([type=radio]):not([type=checkbox]),.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;background:#fff;color:var(--ink)}.field textarea{min-height:96px;resize:vertical}.hint{font-size:.82rem;font-weight:400;color:var(--ink-soft)}.field-link{justify-self:start;font-size:.82rem;font-weight:600;color:var(--accent-deep);text-decoration:underline}fieldset.field{border:none;padding:0;margin:0;min-inline-size:0}fieldset.field legend{padding:0;margin-bottom:.4rem}.choice-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-weight:400}.choice-row .check-field{align-items:center;white-space:nowrap;flex:none}.choice-row .check-field input{margin-top:0;width:auto}.input-with-unit{display:grid;grid-template-columns:1fr minmax(5.5rem,auto);gap:.5rem;align-items:center}.unit-label{font-weight:600}.summary-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.summary-list li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.summary-list li:last-child{border-bottom:0;padding-bottom:0}.summary-list strong{font-weight:600}.summary-list span{color:var(--ink-soft);text-align:right}.summary-list-actions{display:inline-flex;align-items:center;gap:.6rem}.btn-inline{padding:.25rem .7rem;font-size:.82rem}.price{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.03em}.timer{font-family:var(--font-display);font-size:clamp(3rem,12vw,5rem);font-weight:800;letter-spacing:-.04em;text-align:center;margin:.5rem 0 1rem}.count-input-wrap{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:.15em;white-space:nowrap;font-size:clamp(2rem,8vw,3.25rem)}.timer-input{font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;width:5ch;min-width:2ch;max-width:8ch;flex:0 0 auto;border:none;background:transparent;text-align:right;color:inherit;padding:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.timer-input::-webkit-outer-spin-button,.timer-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.count-suffix{flex:none;white-space:nowrap;font-size:.42em;font-weight:600;letter-spacing:0;color:var(--ink-soft)}.count-steps{justify-content:center}.empty{padding:2rem 1.2rem;text-align:center;color:var(--ink-soft);border:1px dashed var(--line);border-radius:var(--radius);background:#ffffff73}.note{font-size:.85rem;color:var(--ink-soft);line-height:1.6}.no-charge-notice{margin:0;padding:.85rem 1rem;border:1.5px solid rgba(11,110,106,.35);border-radius:12px;background:#0b6e6a1a;color:var(--accent-deep);font-size:.9rem;font-weight:600;line-height:1.65}.test-mode-alert{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem;margin:0;padding:.9rem 1rem;border:1.5px solid rgba(179,59,26,.4);border-left-width:4px;border-radius:10px;background:#b33b1a1a;color:var(--warn);font-size:.9rem;font-weight:600;line-height:1.65}.test-mode-alert-label{flex:0 0 auto;padding:.15rem .55rem;border-radius:6px;background:var(--warn);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;line-height:1.4}.history-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 1rem}.history-month-nav{display:flex;align-items:center;gap:.35rem}.history-month-label{min-width:7.5rem;text-align:center;font-weight:700}.history-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.history-cal-weekday,.history-cal-day,.history-cal-pad{min-height:2.55rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:.78rem}.history-cal-weekday{min-height:0;font-weight:700;color:var(--ink-soft);padding-bottom:.15rem}.history-cal-day{background:#1320330a;border:1px solid transparent;font-weight:600;gap:.08rem;padding:.22rem .08rem .18rem;line-height:1.05}.history-cal-num{font-size:.72rem;font-weight:700}.history-cal-value{font-size:.62rem;font-weight:700;letter-spacing:-.03em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-cal-day.is-achieved{background:#0b6e6a2e;color:var(--accent-deep)}.history-cal-day.is-missed{background:#b33b1a29;color:var(--warn)}.history-cal-day.is-open{background:#c4922a29;color:#8a6410}.history-cal-day.is-grace{background:#1320330f;color:var(--ink-soft)}.history-cal-day.is-empty{background:#13203308;color:var(--ink-soft)}.history-cal-day.is-future,.history-cal-day.is-outside{background:transparent;color:#13203347}.history-cal-day.is-today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.history-legend{display:flex;flex-wrap:wrap;gap:.55rem .9rem;margin:0;padding:0;list-style:none;font-size:.78rem;color:var(--ink-soft)}.history-legend li{display:inline-flex;align-items:center;gap:.35rem}.history-dot{width:.7rem;height:.7rem;border-radius:4px}.history-dot.is-achieved{background:#0b6e6a8c}.history-dot.is-missed{background:#b33b1ab3}.history-dot.is-open{background:#c4922abf}.history-dot.is-grace{background:#1320332e}.history-dot.is-empty{background:#1320331f}.history-subhead{margin:0 0 .65rem;font-size:.92rem}.history-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;align-items:end;min-height:7rem}.history-bar{display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:.2rem;min-height:7rem}.history-bar-fill{align-self:end;width:100%;max-width:1.4rem;min-height:.25rem;border-radius:6px 6px 2px 2px;background:#b33b1a8c}.history-bar-fill.is-zero{min-height:.2rem;background:#1320331f}.btn-quiet:disabled{opacity:.35;cursor:not-allowed;color:var(--ink-soft);background:transparent}.history-bar strong{font-size:.78rem}.history-bar span{font-size:.75rem;color:var(--ink-soft)}.demo-actions{margin-top:1rem;padding-top:.25rem}.demo-actions .demo-label{display:block;margin-bottom:.5rem;font-size:.78rem;color:var(--ink-soft)}@media(max-width:640px){.nav-toggle{display:inline-flex}.global-nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:0 1.25rem 1rem}.global-nav.is-open{display:flex}.account-menu{width:100%}.account-trigger{width:100%;justify-content:flex-start;gap:.55rem;height:auto;padding:.55rem .75rem;border-radius:.85rem}.account-trigger:after{content:"アカウント";font-size:.88rem;font-weight:600}.account-dropdown{position:static;min-width:0;width:100%;margin-top:.35rem;box-shadow:none}.topbar-inner{flex-wrap:wrap}.section-head{flex-direction:column;align-items:stretch}.legal-table th{width:7rem;font-size:.8rem}}