:root{--bg: #0f172a;--card: #111827;--text: #e5e7eb;--muted: #94a3b8;--accent: #22c55e;--accent-fg: #052e16;--ring: #34d399}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(40em 40em at 80% -10%,rgba(34,197,94,.15),transparent 60%),radial-gradient(50em 30em at -10% 110%,rgba(52,211,153,.12),transparent 70%),var(--bg);color:var(--text);line-height:1.6}.container{max-width:720px;margin:0 auto;padding:40px 20px 24px;display:grid;gap:20px}.header{text-align:center}.header h1{margin:0 0 6px;font-size:28px;font-weight:700}.subtitle{margin:0;color:var(--muted);font-size:14px}.card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 24px;box-shadow:0 10px 30px #00000059}.word{font-size:clamp(22px,4vw,34px);font-weight:600;letter-spacing:.02em;text-wrap:pretty}.meta{display:flex;justify-content:flex-end;margin-top:8px}.counter{color:var(--muted);font-size:12px}.actions{display:flex;gap:12px;justify-content:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);padding:10px 16px;border-radius:12px;font-size:14px;cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease}.btn:hover{background:#ffffff0f}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,var(--accent),#16a34a);border-color:transparent;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}.btn.primary:hover{filter:brightness(1.02)}.footer{text-align:center;color:var(--muted);margin-top:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);opacity:0;background:#111827eb;color:var(--text);padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 25px #00000059;transition:transform .25s ease,opacity .25s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){.btn,.toast{transition:none}}