:root{--international-orange:#c0362c;--bay-blue:#3a6ea5;--eucalyptus:#6b8e23;--fog-white:#f5f6f7;--asphalt:#4a4a4a;--bg:var(--fog-white);--card:#fff;--accent:var(--international-orange);--muted:var(--asphalt);--shadow:0 8px 24px #4a4a4a14}*{box-sizing:border-box}html,body,#__next{height:100%}body{background:var(--bg);color:var(--asphalt);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.container{max-width:820px;margin:28px auto;padding:20px}.header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{background:var(--international-orange);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;font-weight:700;display:flex}h1{margin:0;font-size:20px}.subtitle{color:var(--muted);font-size:13px}.controls{grid-template-columns:1fr;gap:12px;margin-bottom:16px;display:grid}@media (min-width:720px){.controls{grid-template-columns:1fr 280px}}.panel{background:var(--card);box-shadow:var(--shadow);border-radius:12px;padding:12px}.filters{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--international-orange);cursor:pointer;color:#000;background:#fff;border-radius:999px;padding:8px 10px;font-size:13px}.chip.active{background:var(--accent);color:#000;border-color:var(--international-orange)}.row{align-items:center;gap:8px;display:flex}.pick{flex-direction:column;align-items:stretch;gap:10px;display:flex}.big-btn{background:var(--accent);color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;padding:0;font-size:16px;font-weight:600;display:inline-flex;position:relative}.big-btn:before{content:"";background:repeating-conic-gradient(#000 0 20deg,var(--international-orange)20deg 40deg);z-index:0;border-radius:50%;position:absolute;inset:0}.big-btn.spinning:before{animation:1s linear infinite spin}.big-btn:after{content:"";background:var(--card);z-index:1;border-radius:50%;position:absolute;inset:17px}.big-btn-label{z-index:2;color:var(--asphalt);text-align:center;font-size:14px;font-weight:700;position:relative}@keyframes spin{to{transform:rotate(360deg)}}@keyframes resultIn{0%{opacity:0;transform:translateY(12px)scale(.96)}60%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:720px){.big-btn{margin:0 auto;display:block}.big-btn-label{font-size:15px}}@media (max-width:480px){.big-btn{width:136px;height:136px}.big-btn:after{inset:13px}.big-btn-label{font-size:14px}}.spinner-panel{background:#c0362c0f;border-radius:12px}.result{transform-origin:top;color:#fff;will-change:transform,opacity;background:linear-gradient(#b8342a,#8e2b23);border-radius:14px;margin-top:18px;padding:22px 18px;animation:.36s cubic-bezier(.2,.85,.25,1) both resultIn;box-shadow:0 12px 36px #00000024}.result .title,.result .meta,.result .why,.result .links,.result .explain{color:#fff}.result .meta{opacity:.98}.result .chip{color:#fff;background:#ffffff0a;border-color:#ffffff38}.result .chip.active{color:#fff;background:#ffffff1f;border-color:#fff}.result .link{color:#fff;opacity:.98;text-decoration:underline}.title{margin:0 0 6px;font-size:18px}.mood-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.meta{color:var(--muted);margin-bottom:8px;font-size:13px}.why{color:var(--asphalt);margin-top:10px;font-style:italic}.links{gap:8px;margin-top:10px;display:flex}.link{color:var(--bay-blue);font-size:13px;text-decoration:none}.muted{color:var(--muted);font-size:13px}.small{font-size:13px}.small.muted{margin-top:16px}.explain{color:var(--asphalt);margin-top:8px}.app-footer{text-align:right;color:var(--muted);opacity:.6;margin:24px 12px 12px;font-size:13px;display:block;position:static}@media (max-width:480px){.app-footer{text-align:center;opacity:.7;margin:16px auto;font-size:12px}}@media (max-width:720px){.header{flex-direction:column;align-items:flex-start;gap:8px}.header .small{margin-top:6px}}