:root{--color-bg:#f4f5f7;--color-surface:#fff;--color-text:#1a1a2e;--color-text-muted:#555;--color-border:#d0d3da;--color-primary:#2563eb;--color-primary-text:#fff;--color-chip-active-bg:#2563eb;--color-chip-active-text:#fff;--color-chip-hover-bg:#e8eaf0;--color-error:#dc2626;--color-success:#16a34a;--color-divider:#e2e4ea;--radius:8px;--transition:.15s ease}[data-theme=dark]{--color-bg:#0f1117;--color-surface:#1c1f2b;--color-text:#e8eaf0;--color-text-muted:#9ca3af;--color-border:#2e3347;--color-primary:#3b82f6;--color-primary-text:#fff;--color-chip-active-bg:#3b82f6;--color-chip-active-text:#fff;--color-chip-hover-bg:#2e3347;--color-error:#f87171;--color-success:#4ade80;--color-divider:#2e3347}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background var(--transition), color var(--transition);font-family:system-ui,-apple-system,sans-serif}.page{flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px 48px;display:flex}.page__header{justify-content:flex-end;width:100%;max-width:560px;margin-bottom:16px;display:flex}.widget{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:560px;transition:background var(--transition), border-color var(--transition);border-radius:16px;flex-direction:column;gap:20px;padding:32px;display:flex;box-shadow:0 4px 24px #0000000f}.widget__title{color:var(--color-text);font-size:1.5rem;font-weight:700}.widget__divider{border:none;border-top:1px solid var(--color-divider)}.widget__error{color:var(--color-error);font-size:.875rem;font-weight:500}.widget__confirmation{color:var(--color-success);text-align:center;border-radius:var(--radius);background:color-mix(in srgb, var(--color-success) 10%, transparent);padding:10px 16px;font-size:.9rem;font-weight:600}.rating-chips{gap:10px;display:flex}.chip{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition), transform .1s;flex:1;padding:12px 0;font-size:1rem;font-weight:600}.chip:hover:not(:disabled){background:var(--color-chip-hover-bg);border-color:var(--color-primary)}.chip:active:not(:disabled){transform:scale(.96)}.chip--active{background:var(--color-chip-active-bg);border-color:var(--color-chip-active-bg);color:var(--color-chip-active-text)}.chip:disabled{opacity:.45;cursor:not-allowed}.comment-box{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);resize:vertical;transition:border-color var(--transition), background var(--transition);outline:none;padding:12px 14px;font-family:inherit;font-size:.9rem}.comment-box:focus{border-color:var(--color-primary)}.comment-box:disabled{opacity:.45;cursor:not-allowed}.comment-box::placeholder{color:var(--color-text-muted)}.submit-btn{background:var(--color-primary);width:100%;color:var(--color-primary-text);border-radius:var(--radius);cursor:pointer;transition:opacity var(--transition), transform .1s;border:none;padding:13px;font-size:1rem;font-weight:600}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{opacity:.45;cursor:not-allowed}.summary-panel{flex-direction:column;gap:8px;display:flex}.summary-panel__title{font-size:1.1rem;font-weight:700}.summary-panel__subtitle{color:var(--color-text-muted);margin-top:4px;font-size:.9rem;font-weight:600}.summary-panel__comments{color:var(--color-text-muted);flex-direction:column;gap:4px;padding-left:20px;font-size:.9rem;list-style:outside;display:flex}.theme-toggle{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--transition), border-color var(--transition);border-radius:20px;padding:7px 14px;font-size:.8rem;font-weight:600}.theme-toggle:hover{border-color:var(--color-primary);background:var(--color-chip-hover-bg)}
