.login{background:var(--side);place-items:center;min-height:100%;padding:24px 16px;display:grid}.login-card{background:var(--surface);border-radius:var(--r-surface);gap:14px;width:min(100%,400px);padding:32px 28px 28px;display:grid}.login-mark{display:flex}.login-chip{border-radius:var(--r-inner);background:var(--ch);width:36px;height:36px;box-shadow:inset 0 0 0 1.5px var(--on-ch)}.login h1{font-size:var(--text-title);letter-spacing:-.015em;font-weight:800;line-height:1.25}.login-lead{color:var(--ink-2)}.login-google{width:100%;margin-top:6px;text-decoration:none}.login-google.is-off{opacity:.5;pointer-events:none}.login-note,.login-dev span{font-size:var(--text-label);color:var(--ink-2);line-height:1.55}.login-error{border-radius:var(--r-control);background:var(--help);color:var(--risk);font-size:var(--text-label);padding:10px 12px;line-height:1.55}.login-dev{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:8px;padding-top:16px;display:flex}.login-dev .login-error{flex-basis:100%}.pub{--pub-bg:#f5d24a;--pub-ink:#1f1b14;--pub-accent:#d6402b;max-width:960px;color:var(--pub-ink);background:#fffdf7;gap:40px;margin:0 auto;padding:32px 20px 48px;display:grid}.pub-muted{color:#777}.pub-hero{background:var(--pub-bg);border-radius:20px;grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:28px;padding:32px;display:grid}.pub-hero-text{justify-items:start;gap:12px;display:grid}.pub-name{letter-spacing:.02em;background:var(--pub-ink);color:var(--pub-bg);border-radius:999px;padding:4px 10px;font-size:14px;font-weight:800}.pub-hero h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.2}.pub-hero p{max-width:48ch;font-size:16px;line-height:1.55}.pub-character{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 16px #00000026);width:100%}.pub-cta{background:var(--pub-ink);color:#fff;border-radius:12px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-block}.pub-works h2,.pub-facts h3{letter-spacing:.04em;color:#6b6255;text-transform:uppercase;font-size:13px;font-weight:800}.pub-works ul{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:12px;display:grid}.pub-works a{color:inherit;gap:8px;text-decoration:none;display:grid}.pub-works img{aspect-ratio:4/5;object-fit:cover;border-radius:12px;width:100%;box-shadow:0 6px 16px #0000001f}.pub-works span{font-size:15px;font-weight:700}.pub-facts{border:2px solid var(--pub-ink);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px;display:grid}.pub-facts p{margin-top:6px;font-size:15px;line-height:1.5}.pub-foot{justify-items:start;gap:12px;display:grid}.pub-foot small{color:#6b6255;font-size:12px}@media (width<=700px){.pub-hero{grid-template-columns:minmax(0,1fr)}.pub-character{justify-self:center;width:200px}}:root{--ch-l:.87;--ch-c:.15;--ch-h:95;--ch:oklch(var(--ch-l) var(--ch-c) var(--ch-h));--on-ch:oklch(.22 .03 var(--ch-h));--ground:oklch(.985 calc(var(--ch-c) * .06) var(--ch-h));--side:oklch(.945 calc(var(--ch-c) * .3) var(--ch-h));--side-on:oklch(.885 calc(var(--ch-c) * .7) var(--ch-h));--help:oklch(.965 calc(var(--ch-c) * .16) var(--ch-h));--surface:oklch(.995 .003 var(--ch-h));--desk:oklch(.95 calc(var(--ch-c) * .1) var(--ch-h));--ctl:oklch(.93 calc(var(--ch-c) * .14) var(--ch-h));--rule:oklch(.87 calc(var(--ch-c) * .16) var(--ch-h));--ink:oklch(.23 .02 var(--ch-h));--ink-2:oklch(.42 .03 var(--ch-h));--skel:oklch(.93 calc(var(--ch-c) * .14) var(--ch-h));--skel-hi:oklch(.88 calc(var(--ch-c) * .2) var(--ch-h));--ok:oklch(45% .12 155);--warn:oklch(47% .14 45);--risk:oklch(50% .18 27);--selection:oklch(55% .17 258);--guide:oklch(60% .04 258);--paper:oklch(99% .003 95);--paper-ink:oklch(20% .01 95);--paper-warn:oklch(58% .17 50);--shadow-paper:0 4px 8px oklch(.3 .03 var(--ch-h) / .16);--font:"Gothic A1", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--text-caption:12.5px;--text-label:13.5px;--text-control:14px;--text-body:15px;--text-heading:16px;--text-title:22px;--r-thumb:4px;--r-inner:8px;--r-control:10px;--r-surface:12px;--r-pill:16px;--dur:.18s;--ease:ease-out}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:oklch(.2 calc(var(--ch-c) * .08) var(--ch-h));--side:oklch(.25 calc(var(--ch-c) * .2) var(--ch-h));--side-on:oklch(.36 calc(var(--ch-c) * .42) var(--ch-h));--help:oklch(.228 calc(var(--ch-c) * .13) var(--ch-h));--surface:oklch(.285 calc(var(--ch-c) * .1) var(--ch-h));--desk:oklch(.165 calc(var(--ch-c) * .06) var(--ch-h));--ctl:oklch(.33 calc(var(--ch-c) * .14) var(--ch-h));--rule:oklch(.37 calc(var(--ch-c) * .14) var(--ch-h));--ink:oklch(.95 .01 var(--ch-h));--ink-2:oklch(.78 .025 var(--ch-h));--skel:oklch(.3 calc(var(--ch-c) * .12) var(--ch-h));--skel-hi:oklch(.37 calc(var(--ch-c) * .16) var(--ch-h));--ok:oklch(80% .12 155);--warn:oklch(80% .13 55);--risk:oklch(76% .13 25);--shadow-paper:0 4px 8px oklch(.08 .02 var(--ch-h) / .55)}}:root[data-theme=dark]{--ground:oklch(.2 calc(var(--ch-c) * .08) var(--ch-h));--side:oklch(.25 calc(var(--ch-c) * .2) var(--ch-h));--side-on:oklch(.36 calc(var(--ch-c) * .42) var(--ch-h));--help:oklch(.228 calc(var(--ch-c) * .13) var(--ch-h));--surface:oklch(.285 calc(var(--ch-c) * .1) var(--ch-h));--desk:oklch(.165 calc(var(--ch-c) * .06) var(--ch-h));--ctl:oklch(.33 calc(var(--ch-c) * .14) var(--ch-h));--rule:oklch(.37 calc(var(--ch-c) * .14) var(--ch-h));--ink:oklch(.95 .01 var(--ch-h));--ink-2:oklch(.78 .025 var(--ch-h));--skel:oklch(.3 calc(var(--ch-c) * .12) var(--ch-h));--skel-hi:oklch(.37 calc(var(--ch-c) * .16) var(--ch-h));--ok:oklch(80% .12 155);--warn:oklch(80% .13 55);--risk:oklch(76% .13 25);--shadow-paper:0 4px 8px oklch(.08 .02 var(--ch-h) / .55)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font:500 var(--text-body) / 1.45 var(--font);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--selection);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.btn{border-radius:var(--r-control);height:34px;font-size:var(--text-control);white-space:nowrap;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;line-height:1;display:inline-flex}.btn-primary{background:var(--ink);color:var(--ground)}.btn-primary:hover{background:var(--ink-2)}.btn-secondary{background:var(--ctl);color:var(--ink);height:28px;padding:0 12px}.btn-secondary:hover{background:var(--rule)}.btn-large{height:44px;font-size:var(--text-body);padding:0 20px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}