:root{--paper:#f7f1e8;--paper-strong:#fffaf2;--ink:#191516;--muted:#5d5654;--accent:#bf4f19;--accent-dark:#8e3910;--line:#1915161f;--shadow:0 24px 60px #361c142e}*{box-sizing:border-box}html{font-size:16px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top,#ffd09773,transparent 30%),linear-gradient(180deg,#f4dcc2 0%,var(--paper)44%,#efe4d4 100%);margin:0;font-family:Georgia,Times New Roman,serif}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}:focus-visible{outline-offset:3px;outline:3px solid #bf4f194d}.page-shell{width:min(1200px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.hero-panel{padding:1rem 0 2rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-dark);margin:0 0 .4rem;font-size:.78rem}.hero-panel h1,.panel-form h2{margin:0;font-weight:700;line-height:.95}.hero-panel h1{max-width:9ch;font-size:clamp(3.25rem,9vw,6.5rem)}.intro{max-width:42rem;color:var(--muted);margin:1.2rem 0 0;font-size:1.125rem;line-height:1.6}.app-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:1.5rem;display:grid}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#fffaf2d1;border-radius:2rem}.panel-wheel{padding:1.5rem}.wheel-frame{aspect-ratio:1;place-items:center;display:grid;position:relative}.wheel{aspect-ratio:1;background:radial-gradient(circle,#ffffff4d,#0000 32%),#f5eadc;border:16px solid #191516eb;border-radius:50%;width:min(100%,34rem);transition:transform 4.2s cubic-bezier(.18,.84,.12,1);position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #ffffff42,0 24px 40px #19151633}.wheel-spinning{filter:saturate(1.05)}.wheel:after{content:"";background:#fff9ef;border:8px solid #191516e0;border-radius:50%;position:absolute;inset:42%;box-shadow:inset 0 0 0 6px #bf4f192e}.pointer{z-index:2;border-left:22px solid #0000;border-right:22px solid #0000;border-top:40px solid var(--ink);filter:drop-shadow(0 10px 18px #19151642);width:0;height:0;position:absolute;top:-.25rem}.wheel-label{text-align:center;pointer-events:none;place-items:start center;display:grid;position:absolute;inset:0}.wheel-label span{color:#171112;text-shadow:0 1px #ffffff47;max-width:8ch;margin-top:1.35rem;font-size:clamp(.75rem,1.6vw,1rem);font-weight:700;display:inline-block}.wheel-empty{text-align:center;color:var(--muted);place-items:center;padding:4rem;font-size:1.125rem;display:grid;position:absolute;inset:0}.wheel-actions{flex-direction:column;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.primary-button,.ghost-button,.text-button{border:1px solid #0000;border-radius:999px;transition:transform .12s,background-color .12s,border-color .12s}.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.text-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,var(--accent)0%,#e46d2d 100%);color:#fff;padding:.95rem 1.5rem;font-weight:700}.ghost-button{border-color:var(--line);color:var(--ink);background:#ffffffb8;padding:.7rem 1rem}.text-button{color:var(--accent-dark);background:0 0;padding:.4rem .75rem}.helper-text,.list-meta,.empty-state p,.error-text{color:var(--muted)}.helper-text,.error-text{text-align:center;margin:0}.result-card{color:#fff;background:#191516f0;border-radius:1.4rem;margin-top:1.4rem;padding:1rem 1.2rem}.result-label{color:#ffffffad;text-transform:uppercase;letter-spacing:.16em;margin:0 0 .35rem;font-size:.76rem}.result-card strong{font-size:clamp(1.4rem,3vw,2.2rem)}.panel-form{padding:1.5rem}.panel-header,.name-form-row,.list-meta,.name-item,.item-actions{align-items:center;display:flex}.panel-header,.name-item{justify-content:space-between}.panel-header{gap:1rem}.name-form{margin-top:1.2rem}.name-form label{margin-bottom:.55rem;font-weight:700;display:block}.name-form-row{gap:.75rem}.name-form-row input,.name-item input{border:1px solid var(--line);background:#ffffffe0;border-radius:1rem;width:100%;min-width:0;padding:.9rem 1rem}.list-meta{justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.95rem}.name-list{flex-direction:column;gap:.8rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.name-item{border:1px solid var(--line);background:#ffffffb3;border-radius:1.2rem;gap:1rem;padding:.95rem 1rem}.name-item span{font-weight:700}.item-actions{flex-shrink:0;gap:.3rem}.empty-state{background:#ffffff73;border:1px dashed #1915162e;border-radius:1.2rem;margin-top:1rem;padding:1.5rem}.empty-state strong{margin-bottom:.4rem;display:block}.empty-state p{margin:0}.error-text{color:#a12f24;margin-top:.65rem}@media (max-width:960px){.app-grid{grid-template-columns:1fr}.hero-panel h1{max-width:12ch}}@media (max-width:640px){.page-shell{width:min(100% - 1rem,1200px);padding-top:1rem}.panel-wheel,.panel-form{padding:1rem}.panel-header,.name-form-row,.name-item{flex-direction:column;align-items:stretch}.item-actions,.list-meta{justify-content:space-between}}