:root{--color-paper:oklch(98% .008 145);--color-surface:oklch(100% 0 0);--color-ink:oklch(27% .045 160);--color-muted:oklch(49% .025 160);--color-accent:oklch(36% .075 158);--color-accent-hover:oklch(31% .075 158);--color-accent-soft:oklch(93% .03 150);--color-line:oklch(87% .018 155);--color-focus:oklch(63% .13 55);--color-danger:oklch(48% .13 28);--font-display:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--font-body:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-display:clamp(2.6rem,6vw,5.2rem);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:.15s;--dur-base:.22s;--rule:1px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-panel:0 20px 55px oklch(27% .04 160/.08)}html,body{overflow-x:clip}.start-page{background:var(--color-paper);min-height:100vh;color:var(--color-ink);font-family:var(--font-body)}.start-page *{box-sizing:border-box}.start-page a{color:inherit}.start-nav,.start-intro,.start-workbench,.start-footer{width:min(1120px,100% - 48px);margin-inline:auto}.start-nav{padding-block:var(--space-6);justify-content:space-between;align-items:center;display:flex}.start-brand{letter-spacing:-.04em;font-weight:900;text-decoration:none}.start-login{min-height:44px;padding-inline:var(--space-4);border:var(--rule) solid var(--color-line);background:var(--color-surface);font-size:var(--text-sm);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.start-login:hover{border-color:var(--color-accent);transform:translateY(-1px)}.start-login:focus-visible,.start-submit:focus-visible,.count-control button:focus-visible,.count-control input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.start-intro{gap:var(--space-12);padding:var(--space-12) 0 var(--space-16);grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;display:grid}.start-kicker,.form-heading>span,.table-count>div>span{margin:0 0 var(--space-3);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.13em;font-weight:900}.start-intro h1{max-width:11ch;font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.06em;overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.03}.start-intro>div>p:last-child{max-width:39rem;margin:var(--space-5) 0 0;color:var(--color-muted);font-size:var(--text-lg);line-height:1.8}.start-progress{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.start-progress li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--rule) solid var(--color-line);color:var(--color-muted);font-size:var(--text-sm);font-weight:800;display:flex}.start-progress b{background:var(--color-surface);border:var(--rule) solid var(--color-line);width:28px;height:28px;font-size:var(--text-xs);border-radius:50%;place-items:center;display:grid}.start-progress .active{color:var(--color-ink)}.start-progress .active b{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-surface)}.start-workbench{gap:var(--space-5);padding-bottom:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(290px,.38fr);align-items:start;display:grid}.start-form,.plan-note{border:var(--rule) solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 20px 55px oklch(27% .04 160/.08)}.start-form{padding:clamp(var(--space-6),5vw,var(--space-12))}.form-heading{padding-bottom:var(--space-8);border-bottom:var(--rule) solid var(--color-line)}.form-heading h2,.table-count h2{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.04em;margin:0}.form-heading p,.table-count p{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.75}.start-fields{gap:var(--space-5);padding-block:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.start-fields label{gap:var(--space-2);font-size:var(--text-sm);font-weight:800;display:grid}.start-fields .full{grid-column:1/-1}.start-fields input,.count-control input{border:var(--rule) solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);min-width:0;min-height:52px;color:var(--color-ink);padding:0 var(--space-4);font:inherit;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.start-fields input:hover,.count-control input:hover{border-color:var(--color-accent)}.start-fields input:focus,.count-control input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:0}.table-count{gap:var(--space-6);padding:var(--space-6);border-block:var(--rule) solid var(--color-line);background:var(--color-paper);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.count-control{align-items:center;gap:var(--space-2);grid-template-columns:44px 64px 44px auto;display:grid}.count-control button{border:var(--rule) solid var(--color-line);background:var(--color-surface);width:44px;height:44px;color:var(--color-accent);font-size:var(--text-lg);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);border-radius:50%;font-weight:800}.count-control button:hover{background:var(--color-accent-soft);transform:translateY(-1px)}.count-control button:active{transform:translateY(1px)}.count-control input{text-align:center;width:64px;min-height:44px;padding:0;font-weight:900}.count-control small{font-size:var(--text-sm);font-weight:800}.start-consent{align-items:flex-start;gap:var(--space-3);padding-block:var(--space-6);font-size:var(--text-sm);line-height:1.65;display:flex}.start-consent input{width:18px;height:18px;accent-color:var(--color-accent);margin-top:3px}.start-submit{justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-sm);background:var(--color-accent);width:100%;min-height:56px;color:var(--color-surface);font:inherit;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);border:0;font-weight:900;display:flex}.start-submit:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.start-submit:active:not(:disabled){transform:translateY(1px)}.start-submit:disabled{background:var(--color-muted);cursor:wait}.plan-note{top:var(--space-5);padding:var(--space-6);position:sticky}.plan-note-top{gap:var(--space-1);padding-bottom:var(--space-5);border-bottom:var(--rule) solid var(--color-line);display:grid}.plan-note-top span{color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.1em;font-weight:900}.plan-note-top b{font-size:var(--text-lg)}.plan-note dl{margin:var(--space-5) 0;padding-bottom:var(--space-5);border-bottom:var(--rule) solid var(--color-line)}.plan-note dl>div{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-2);display:flex}.plan-note dt{color:var(--color-muted);font-size:var(--text-sm)}.plan-note dd{font-size:var(--text-lg);letter-spacing:-.03em;margin:0;font-weight:900}.plan-note ul{gap:var(--space-3);font-size:var(--text-sm);margin:0;padding:0;font-weight:700;list-style:none;display:grid}.plan-note li{padding-left:20px;position:relative}.plan-note li:before{content:"";background:var(--color-accent);border-radius:50%;width:9px;height:9px;position:absolute;top:.48em;left:0}.plan-note p{margin:var(--space-6) 0 0;padding-top:var(--space-5);border-top:var(--rule) solid var(--color-line);color:var(--color-muted);font-size:var(--text-xs);line-height:1.75}.start-footer{justify-content:space-between;gap:var(--space-5);padding:var(--space-6) 0 var(--space-10);border-top:var(--rule) solid var(--color-line);color:var(--color-muted);font-size:var(--text-xs);display:flex}.start-footer>span:first-child{color:var(--color-ink);font-weight:900}.start-footer a{color:var(--color-accent);font-weight:800}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:clip}@media (width<=768px){.start-nav,.start-intro,.start-workbench,.start-footer{width:min(100% - 32px,680px)}.start-intro,.start-workbench{grid-template-columns:1fr}.start-intro{gap:var(--space-8);padding-block:var(--space-8) var(--space-10)}.start-progress{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.start-progress li{padding:var(--space-2);font-size:var(--text-xs);border:0;align-items:center}.start-progress span{overflow-wrap:anywhere;min-width:0}.plan-note{position:static}.start-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.start-nav,.start-intro,.start-workbench,.start-footer{width:min(100% - 24px,680px)}.start-nav{padding-block:var(--space-4)}.start-login{padding-inline:var(--space-3);font-size:var(--text-xs)}.start-intro h1{font-size:clamp(2.5rem,13vw,3.6rem)}.start-intro>div>p:last-child{font-size:var(--text-base)}.start-form{padding:var(--space-5)}.start-fields{gap:var(--space-4);grid-template-columns:1fr}.start-fields .full{grid-column:auto}.table-count{gap:var(--space-5);grid-template-columns:1fr}.count-control{justify-content:start}.start-submit{font-size:var(--text-sm);padding-inline:var(--space-3)}.start-footer{padding-top:var(--space-5)}}@media (prefers-reduced-motion:reduce){.start-page *,.start-page :before{transition-duration:.15s!important}}