:root{color:#2f2018;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 18% 12%,#ffbd596b,#0000 30%),radial-gradient(circle at 84% 18%,#ff704342,#0000 28%),linear-gradient(135deg,#fff8e8 0%,#fff0dc 48%,#fffaf2 100%);font-family:Inter,Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select{letter-spacing:0}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #ef5b3047}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.content{width:min(560px,100%)}.picker{text-align:center;background:#fffcf5f0;border:1px solid #b4531e21;border-radius:8px;padding:34px;box-shadow:0 24px 70px #8b451321}.eyebrow{color:#c2410c;margin:0 0 20px;font-size:18px;font-weight:800}.result{color:#3a2115;background:linear-gradient(135deg,#fff3d6 0%,#ffe8d6 100%);border:1px solid #ea580c2e;border-radius:8px;place-items:center;min-height:118px;margin-bottom:24px;padding:22px;font-size:34px;font-weight:900;line-height:1.25;display:grid}.draw-button{color:#fff;width:100%;min-height:56px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ef4444 100%);border:0;border-radius:8px;font-size:20px;font-weight:900;transition:transform .18s,filter .18s;box-shadow:0 12px 28px #ef444442}.draw-button:hover{filter:saturate(1.08)brightness(.98);transform:translateY(-1px)}.draw-button:active{transform:translateY(0)}.custom-input{resize:vertical;color:#3a2115;width:100%;font:inherit;background:#fff7edb8;border:1px solid #c2410c2e;border-radius:8px;margin-top:16px;padding:14px 16px;font-size:15px;line-height:1.45}.custom-input::placeholder{color:#7c2d1294}.category-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.tag{color:#8f2f10;min-height:42px;font:inherit;cursor:pointer;background:#fff7edc7;border:1px solid #c2410c33;border-radius:999px;padding:0 18px;font-size:15px;font-weight:800;transition:transform .18s,background .18s,color .18s,border-color .18s;box-shadow:0 6px 16px #8b45130d}.tag:hover{transform:translateY(-1px)}.tag.active{color:#9a3412;background:#fed7aa;border-color:#ea580c6b}@media (width<=520px){.picker{padding:24px}.result{min-height:106px;font-size:28px}.category-tags{justify-content:stretch}.tag{flex:calc(50% - 10px);padding:0 12px}}