:root{--ink:#171717;--muted:#60646c;--line:#242424;--paper:#fff;--accent:#2463eb;--accent-dark:#1749b5;--wash:#f5f7fa}*{box-sizing:border-box}html{background:#fff}body{min-height:100vh;color:var(--ink);background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}button,textarea{font:inherit}.page-shell{place-items:center;min-height:100svh;padding:28px 16px;display:grid}.draw-card{background:var(--paper);border:2px solid var(--line);border-radius:18px;width:min(100%,560px);padding:32px;overflow:hidden}.card-header{margin-bottom:24px}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,7vw,2.65rem);line-height:1.1}.intro{color:var(--muted);margin:12px 0 0;font-size:.95rem;line-height:1.65}.input-meta{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.84rem;font-weight:700;display:flex}.input-meta span{color:var(--accent-dark);background:#edf3ff;border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:700}textarea{resize:vertical;width:100%;min-height:310px;color:var(--ink);border:2px solid var(--line);background:#fff;border-radius:9px;outline:none;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Noto Sans Mono CJK TC,monospace;font-size:.95rem;line-height:1.7;transition:border-color .16s,box-shadow .16s;display:block}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2463eb21}textarea.is-shuffling{color:#334155;border-color:var(--accent);background:#f8faff}.hint{color:var(--muted);margin:7px 2px 18px;font-size:.76rem}.draw-info{min-height:42px;color:var(--muted);background:var(--wash);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;display:flex}.status-dot{background:#23a26d;border-radius:50%;flex:none;width:7px;height:7px}.actions{grid-template-columns:1.65fr 1fr 1fr;gap:10px;margin-top:14px;display:grid}button{min-height:48px;color:var(--ink);border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:10px 14px;font-weight:750;transition:transform .12s,border-color .12s,background .12s}button:hover:not(:disabled){background:#fafcfb;border-color:#aebbb4}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline-offset:2px;outline:3px solid #2463eb40}button.primary-button{color:#fff;background:var(--accent);border-color:var(--accent)}button.primary-button:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}button:disabled{color:#a2aaa6;cursor:not-allowed;background:#f3f5f4}.message{min-height:20px;color:var(--accent-dark);text-align:center;opacity:0;margin:9px 0 -8px;font-size:.8rem;transition:opacity .15s}.message.visible{opacity:1}@media (width<=520px){.page-shell{background:var(--paper);padding:0;display:block}.draw-card{min-height:100svh;padding:28px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0}.card-header{margin-bottom:22px}textarea{min-height:44svh;max-height:52svh}.actions{grid-template-columns:1.5fr 1fr 1fr;gap:8px}button{padding-inline:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}