@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--bg-page:#faf9f6;--bg-card:#fff;--bg-subtle:#f3f1ec;--text-main:#2a2624;--text-muted:#736b66;--text-light:#a39b96;--accent-red:#c84b31;--accent-red-light:#fdecea;--accent-red-text:#a0311c;--accent-green:#1e7a42;--accent-green-light:#e3f9ec;--accent-green-text:#145e30;--accent-gold:#b4863a;--accent-gold-light:#fdf6eb;--accent-gold-text:#966c28;--accent-brown:#7e634e;--accent-brown-light:#f5efe9;--border-light:#eae6df;--border-focus:#d7cfc3;--shadow-sm:0 2px 8px #2a262414;--shadow-md:0 8px 24px #2a26241f;--shadow-hover:0 16px 32px #2a262429;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--font-sans:"Inter", system-ui, sans-serif;--font-serif:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-main)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.fadeIn{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-wrapper{flex-direction:column;gap:20px;max-width:600px;margin:0 auto;padding:0 16px 40px;display:flex}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden}@media (hover:hover){.card-interactive:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}}.badge{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.badge-red{color:#fff;background:#c84b31}.badge-green{color:#fff;background:#1e7a42}.badge-gold{color:#fff;background:#b4721a}.badge-brown{color:#fff;background:#7e634e}.badge-gray{color:#fff;background:#607080}.theme-excellent{color:#fff;background:linear-gradient(135deg,#c84b31 0%,#e0603c 100%)}.theme-good{color:#fff;background:linear-gradient(135deg,#b4721a 0%,#d09020 100%)}.theme-average{color:#fff;background:linear-gradient(135deg,#5e6b78 0%,#7a8895 100%)}.theme-bad{color:#fff;background:linear-gradient(135deg,#3d5266 0%,#536878 100%)}.theme-terrible{color:#fff;background:linear-gradient(135deg,#2e3b4a 0%,#455566 100%)}.select-wrapper{position:relative}.select-wrapper select{appearance:none;background:var(--bg-card);border:1px solid var(--border-focus);border-radius:var(--radius-md);width:100%;color:var(--text-main);box-shadow:var(--shadow-sm);padding:16px;font-family:inherit;font-size:16px;font-weight:500;transition:all .2s}.select-wrapper select:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px var(--accent-red-light)}.select-arrow{pointer-events:none;color:var(--text-muted);position:absolute;top:50%;right:16px;transform:translateY(-50%)}