:root{color-scheme:light;--riff-page: #eef7f1;--riff-surface: #fbfefc;--riff-surface-strong: #f3faf6;--riff-border: #cfe0d8;--riff-border-strong: #9fbdaf;--riff-text: #0f1f18;--riff-muted: #60746a;--riff-accent: #0f9f6e;--riff-blue: #2563eb;--riff-gold: #f5b51b}html{background:var(--riff-page);scroll-behavior:smooth}body{background:linear-gradient(180deg,#ffffffbd,#eef7f1fa),radial-gradient(circle at 12% 0%,rgba(15,159,110,.16),transparent 28%),var(--riff-page);color:var(--riff-text);min-height:100vh}button,input,textarea,select{font:inherit}.bg-riff-black{background-color:var(--riff-page)!important}.bg-riff-gray{background-color:var(--riff-surface)!important}.bg-riff-dark{background-color:var(--riff-surface-strong)!important}.border-riff-dark,.border-riff-gray{border-color:var(--riff-border)!important}.text-riff-text,.text-white,.text-gray-200,.text-gray-300{color:var(--riff-text)!important}.text-riff-muted,.text-gray-400,.text-gray-500{color:var(--riff-muted)!important}.text-riff-accent{color:var(--riff-accent)!important}.bg-riff-accent{background-color:var(--riff-accent)!important}.hover\:bg-riff-accentHover:hover{background-color:#0b8059!important}.text-riff-black{color:#f7fffb!important}.shadow-2xl,.shadow-xl,.shadow-md{box-shadow:0 18px 55px #2f493c1f!important}.rounded-2xl,.rounded-3xl{border-radius:18px!important}.app-shell{min-height:100vh;background:linear-gradient(180deg,#f7fcf9f2,#ecf7f0f5),var(--riff-page)}.riff-card{background:#ffffffd1;border:1px solid var(--riff-border);box-shadow:0 18px 45px #344b3e1a;border-radius:18px}.riff-panel{background:#fafefcf0;border:1px solid var(--riff-border);box-shadow:0 10px 28px #364f4114;border-radius:16px}.riff-input{background:#ffffffe6;border:1px solid var(--riff-border-strong);border-radius:14px;color:var(--riff-text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.riff-input:focus{border-color:var(--riff-accent);box-shadow:0 0 0 4px #0f9f6e1f}.riff-button-primary{background:var(--riff-blue);color:#fff;border-radius:12px;box-shadow:0 12px 26px #2563eb38;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.riff-button-primary:hover{background:#1d4ed8;box-shadow:0 16px 34px #2563eb4d;transform:translateY(-1px)}.riff-button-secondary{background:#ffffffc2;color:var(--riff-text);border:1px solid var(--riff-border);border-radius:12px;transition:border-color .16s ease,transform .16s ease,background .16s ease}.riff-button-secondary:hover{background:#fff;border-color:var(--riff-accent);transform:translateY(-1px)}.tone-chip{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:999px}.tabular-nums{font-variant-numeric:tabular-nums}@media(max-width:760px){.shadow-2xl,.shadow-xl,.shadow-md{box-shadow:0 10px 28px #2f493c1a!important}}