:root{--bg:#fbfaf7;--surface:#fff;--text:#1c1b18;--muted:#6e6b63;--faint:#96928a;--border:#e6e3dc;--mark:#b4750f;--mark-wash:#b4750f1a;--danger:#a8382f;--radius:4px}@media (prefers-color-scheme:dark){:root{--bg:#141310;--surface:#1c1a17;--text:#edeae3;--muted:#948f85;--faint:#6d6961;--border:#2c2925;--mark:#e0a54a;--mark-wash:#e0a54a1f;--danger:#d4736a}}
@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/instrument-sans-latin.woff2)format("woff2");unicode-range:U+0-B6,U+B8-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/geist-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--w:960px;--measure:640px;--pad-x:24px;--t-1:11px;--t-2:13px;--t-3:15px;--t-4:17px;--t-5:22px;--t-6:clamp(21px, 3.4vw, 28px);--t-7:clamp(30px, 5.4vw, 50px);--ui:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Hiragino Sans", "Microsoft YaHei", "Segoe UI", sans-serif;--subs-ja:"Instrument Sans", -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--text);outline-offset:2px}body{background:var(--bg);color:var(--text);font-family:var(--ui);font-size:var(--t-3);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;margin:0;line-height:1.6}.head{max-width:var(--w);padding:4px var(--pad-x);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:0 16px;margin:0 auto;display:flex}.head-links{flex-wrap:wrap;align-items:center;gap:0 16px;display:flex}.head-auth{align-items:center;gap:0 16px;margin-left:auto;display:flex}.head-home{color:var(--text);font-weight:700;font-size:var(--t-4);letter-spacing:-.01em;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.head .head-links a,.head .head-act{border-radius:var(--radius);width:auto;min-height:44px;color:var(--muted);font:inherit;font-size:var(--t-2);cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:4px 0;font-weight:400;text-decoration:none;display:inline-flex}.head .head-links a:hover,.head .head-act:hover{color:var(--text)}.head .head-act[disabled]{cursor:default;opacity:.6}.head .head-note{color:var(--danger);font-size:var(--t-2);flex-basis:100%;order:9;margin:0 0 8px}.page{max-width:var(--w);padding:32px var(--pad-x) 64px;margin:0 auto}.page h1{font-size:var(--t-5);letter-spacing:-.01em;margin:0 0 8px;line-height:1.3}.page .head-home{margin:0 0 32px}.page .lede,.page p,.page ul{max-width:var(--measure)}.page .lede{color:var(--muted);font-size:var(--t-3);margin:0 0 24px}.page p{font-size:var(--t-3);margin:0 0 12px}.page .note{color:var(--muted);font-size:var(--t-2)}.page .fail{color:var(--danger)}#gsi-button~.note{margin:16px 0 0}.page h2{font-size:var(--t-2);color:var(--faint);border-bottom:1px solid var(--border);letter-spacing:0;margin:32px 0 12px;padding-bottom:8px;font-weight:600}.page a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.page a.head-home,.page a.btn{text-decoration:none}.section{max-width:var(--w);padding:64px var(--pad-x);margin:0 auto}h2{font-size:var(--t-6);letter-spacing:-.01em;text-wrap:balance;margin:0 0 8px;line-height:1.3}h3{font-size:var(--t-4);letter-spacing:-.01em;margin:0 0 8px}.btn{border-radius:var(--radius);font-weight:600;font-size:var(--t-3);cursor:pointer;border:1px solid #0000;padding:12px 16px;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-block}.btn-primary{background:var(--mark);color:var(--bg)}.btn-primary:hover{background:color-mix(in srgb, var(--mark) 88%, var(--text))}.btn-quiet{color:var(--text);border-color:var(--border);background:0 0}.btn-quiet:hover{border-color:var(--muted)}.btn-lg{padding:16px 24px}.hero{max-width:var(--w);padding:64px var(--pad-x) 48px;margin:0 auto}.hero h1{font-size:var(--t-7);letter-spacing:-.022em;text-wrap:balance;max-width:16ch;margin:0 0 16px;line-height:1.12}.hero .sub{font-size:var(--t-4);color:var(--muted);max-width:54ch;margin:0 0 32px}.cta-note{color:var(--faint);font-size:var(--t-2);margin:12px 0 0}.contrast-row{flex-wrap:wrap;align-items:stretch;gap:16px;margin-top:32px;display:flex}.contrast-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-width:240px;padding:24px}.contrast-card p{font-size:var(--t-3);margin:0}.muted-card{color:var(--muted);background:0 0;border-style:dashed}.accent-card{border-left:2px solid var(--mark)}.tag{font-weight:700;font-size:var(--t-2);margin-bottom:8px}.muted-card .tag{color:var(--faint)}.arrow{display:none}.mode{align-items:center;gap:48px;margin:48px 0;display:flex}.mode.reverse{flex-direction:row-reverse}.mode>div:last-child{flex:1}.mode p{color:var(--muted);font-size:var(--t-3);margin:0}.ui-mock{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:none;width:50%;max-width:420px;overflow:hidden}.mock-head{font-size:var(--t-2);color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:flex}.mock-head .dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.mock-body{flex-direction:column;gap:8px;padding:16px;display:flex}.bubble{border-radius:var(--radius);max-width:82%;font-size:var(--t-2);padding:8px 12px;line-height:1.5}.bubble.coach{background:var(--surface);border:1px solid var(--border);align-self:flex-start}.bubble.me{background:var(--mark-wash);border:1px solid #0000;align-self:flex-end}.mock-input{border:1px solid var(--border);border-radius:var(--radius);color:var(--faint);font-size:var(--t-2);justify-content:space-between;align-items:center;gap:8px;margin:0 16px 16px;padding:8px 12px;display:flex}.mock-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 16px 8px;display:flex}.mock-prog{background:var(--border);height:2px;display:block;position:relative}.mock-prog:after{content:"";background:var(--muted);width:38%;position:absolute;inset:0 auto 0 0}.mock-seg{flex:none;gap:4px;display:flex}.mock-seg span{font-size:var(--t-1);border-radius:var(--radius);color:var(--faint);border:1px solid var(--border);padding:4px 8px;font-weight:600}.mock-seg span.on{color:var(--text);border-color:var(--muted)}.line{color:var(--muted);border-left:2px solid #0000;gap:2px;padding:8px 12px;display:grid}.line .ts{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--t-1);color:var(--faint)}.line .txt{font-size:var(--t-2);font-family:var(--subs-ja)}.line .pron{font-size:var(--t-1);color:var(--muted)}.line .trans{font-size:var(--t-1);color:var(--faint)}.line.active{border-left-color:var(--mark);color:var(--text)}.line.active .ts{color:var(--mark)}.line.active .txt{font-size:var(--t-4);font-weight:600;line-height:1.5}.line .ctrl{align-items:center;gap:8px;margin-top:8px;display:flex}.line .cbtn{border:1px solid var(--border);width:24px;height:24px;color:var(--muted);font-size:var(--t-1);border-radius:999px;justify-content:center;align-items:center;line-height:1;display:flex}.sec-sub{color:var(--muted);font-size:var(--t-3);max-width:60ch;margin:0 0 4px}.feature-list{margin:24px 0 0;padding:0;list-style:none}.feature-list li{border-top:1px solid var(--border);font-size:var(--t-3);padding:16px 0}.feature-list li:last-child{border-bottom:1px solid var(--border)}.feature-list li.note{color:var(--muted);font-size:var(--t-2)}.steps{counter-reset:step;margin:24px 0 0;padding:0;list-style:none}.steps li{border-top:1px solid var(--border);align-items:baseline;gap:16px;padding:12px 0;display:flex}.steps li:last-child{border-bottom:1px solid var(--border)}.step-num{font-family:var(--mono);font-size:var(--t-2);color:var(--faint);flex:none;font-weight:500}.page code{font-family:var(--mono);color:var(--text);font-size:.92em}.page .steps{margin:0}.page .steps .body{min-width:0;max-width:var(--measure);flex:1}.page .steps p{margin:0}.page .steps code{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:var(--t-2);white-space:nowrap;margin:0 0 8px;padding:12px;display:block;overflow-x:auto}.page .needs{margin:0;padding:0 0 0 16px}.page .needs li{font-size:var(--t-3);margin:0 0 8px}.pair form{max-width:320px}.pair label{font-size:var(--t-1);color:var(--muted);margin:0 0 8px;font-weight:600;display:block}.pair input{width:100%;font:inherit;font-size:16px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:12px}.pair button{width:100%;font:inherit;font-size:var(--t-3);border-radius:var(--radius);background:var(--mark);color:var(--bg);cursor:pointer;border:1px solid #0000;margin-top:12px;padding:12px 16px;font-weight:600}.pair button[disabled]{cursor:default;opacity:.6}.pair .who{color:var(--muted);font-size:var(--t-2);margin:0 0 16px}.pair .who b{color:var(--text);font-weight:600}.pair form+.note{margin:12px 0 0}.pair #gsi-button{margin-top:16px}.pair.done p{margin:0}.pair.done .sub{color:var(--muted);font-size:var(--t-2);margin-top:8px}.prompts .note.box{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 16px;padding:8px 12px}.prompts #paywall{max-width:var(--measure);border:1px solid var(--border);border-radius:var(--radius);background:var(--mark-wash);margin:0 0 16px;padding:12px 16px}.prompts #paywall p{font-size:var(--t-3);margin:0}.prompts #paywall .note{margin-top:8px}.prompts .day{margin:0 0 16px}.prompts .day h2{margin:24px 0 4px}.prompts .day:first-child h2{margin-top:0}.prompts .sum{color:var(--faint);font-size:var(--t-1);font-family:var(--mono);font-variant-numeric:tabular-nums;margin:-12px 0 16px}.prompts #tabs{gap:8px;margin:0 0 16px;display:flex}.prompts #tabs button{border:1px solid var(--border);border-radius:var(--radius);min-height:44px;color:var(--muted);font-size:var(--t-3);background:0 0;padding:8px 16px}.prompts #tabs button.on{background:var(--text);border-color:var(--text);color:var(--bg)}.prompts .meta .save{min-width:44px;min-height:44px;color:var(--faint);font-size:var(--t-3);background:0 0;border:0;margin-left:auto;padding:0 4px;line-height:1}.prompts .meta .save.on{color:var(--text)}.prompts #repos{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.prompts #repos button{border:1px solid var(--border);border-radius:var(--radius);min-height:32px;color:var(--muted);font-size:var(--t-2);background:0 0;padding:4px 12px}.prompts #repos button.on{background:var(--text);border-color:var(--text);color:var(--bg)}.prompts #repos button .n{color:var(--faint);font-family:var(--mono);font-variant-numeric:tabular-nums;margin-left:8px}.prompts #repos button.on .n{color:var(--bg);opacity:.7}.prompts .row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 8px;padding:16px}.prompts .meta{color:var(--faint);font-size:var(--t-1);flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;display:flex}.prompts .meta .time,.prompts .meta .lang{font-family:var(--mono);font-variant-numeric:tabular-nums}.prompts .src{font-size:var(--t-3);white-space:pre-wrap;margin:0;line-height:1.55}.prompts .dst{border-left:1px solid var(--border);color:var(--muted);font-size:var(--t-2);white-space:pre-wrap;margin:8px 0 0;padding-left:12px;line-height:1.55}.prompts button{font:inherit;font-size:var(--t-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:32px;color:var(--text);cursor:pointer;padding:8px 12px}.prompts button[disabled]{cursor:default;opacity:.6}.prompts button.quiet{color:var(--muted)}.prompts button.danger{color:var(--danger);border-color:var(--danger)}.prompts .act:empty{display:none}.prompts .act{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.prompts .act .ask{color:var(--muted);font-size:var(--t-2);flex-basis:100%}.prompts .meta .del{min-height:44px;color:var(--muted);font-size:var(--t-1);background:0 0;border:0;margin:-12px 0;padding:12px 0 12px 16px}.prompts .meta .del:hover{color:var(--danger)}.prompts #more-wrap{margin:24px 0 0}.prompts #more{width:100%}.prompts #wipe{border-top:1px solid var(--border);margin:48px 0 0;padding-top:24px}.prompts #wipe-confirm{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.prompts #wipe-confirm .note{flex-basis:100%;margin-bottom:4px}.prompts #empty{text-align:center;padding:64px 0}.prompts #empty p{margin:0 0 8px}.prompts #empty code{font-family:var(--mono);font-size:var(--t-2);color:var(--text);margin:12px 0;display:block}.prompts #empty code+.note{margin-top:16px}@media (min-width:640px){.prompts #more{width:auto}}.pricing-row{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:32px;display:flex}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-width:280px;max-width:400px;padding:24px;position:relative}.price-card.featured{border-color:var(--muted)}.price-badge{background:var(--mark-wash);color:var(--text);border:1px solid var(--border);font-size:var(--t-1);border-radius:var(--radius);padding:2px 8px;font-weight:700;position:absolute;top:-12px;left:16px}.price-head{align-items:baseline;gap:8px;display:flex}.price-name{font-weight:700;font-size:var(--t-4)}.price-amt{font-size:var(--t-3);color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.price-list{margin:16px 0 0;padding:0;list-style:none}.price-list li{font-size:var(--t-3);padding:8px 0}.price-list li.dim{color:var(--muted)}.price-card .btn{text-align:center;width:100%;margin-top:16px}.works p{color:var(--muted);max-width:54ch;margin:0 0 24px}.footer{max-width:var(--w);padding:32px var(--pad-x) 48px;border-top:1px solid var(--border);color:var(--faint);font-size:var(--t-2);flex-wrap:wrap;gap:8px 24px;margin:0 auto;display:flex}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--text)}.footer-note{font-size:var(--t-1);flex-basis:100%}@media (max-width:720px){.mode,.mode.reverse{flex-direction:column;align-items:stretch;gap:24px}.ui-mock{width:100%;max-width:100%}.price-card{min-width:100%}.section{padding:48px var(--pad-x)}.hero{padding:48px var(--pad-x) 32px}}@media (max-width:560px){.head .btn{display:none}}
