:root{color-scheme:light;--bg: #f8fafc;--bg2: #eef2ff;--surface: rgba(255, 255, 255, .78);--surface-2: rgba(255, 255, 255, .92);--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .16);--text: #0f172a;--muted: rgba(15, 23, 42, .7);--muted2: rgba(15, 23, 42, .55);--accent: #2563eb;--accent-2: #7c3aed;--danger: #dc2626;--radius: 16px;--radius-sm: 12px;--shadow: 0 18px 50px rgba(2, 6, 23, .1);--shadow-soft: 0 10px 26px rgba(2, 6, 23, .08);--container: 980px;--s1: 6px;--s2: 10px;--s3: 14px;--s4: 18px;--s5: 24px;--s6: 32px;--font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(900px 540px at 50% -10%,rgba(37,99,235,.1),transparent 60%),radial-gradient(720px 460px at 12% 18%,rgba(124,58,237,.08),transparent 58%),radial-gradient(900px 760px at 88% 28%,rgba(14,165,233,.07),transparent 58%),linear-gradient(180deg,var(--bg2),var(--bg));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.app-root{min-height:100vh;display:flex;flex-direction:column;padding:var(--s5) var(--s4);gap:var(--s4)}@media (max-width: 520px){.app-root{padding:var(--s4) var(--s3)}}.app-header{width:100%;max-width:var(--container);margin:0 auto;text-align:center;padding-top:var(--s2)}.app-header h1{margin:0 0 var(--s2) 0;font-size:clamp(1.55rem,3.8vw,2.2rem);letter-spacing:.01em;line-height:1.15}.app-header p{margin:0;color:var(--muted);font-size:.98rem}.app-main{flex:1;width:100%;display:flex;justify-content:center;align-items:flex-start}.app-footer{text-align:center;color:var(--muted2);font-size:.78rem;padding-bottom:var(--s2)}.card{width:100%;max-width:var(--container);background:linear-gradient(180deg,#ffffffdb,#ffffffb8);border-radius:var(--radius);padding:var(--s5);box-shadow:var(--shadow);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 520px){.card{padding:var(--s4);border-radius:18px}}.card-title{margin:0 0 var(--s1) 0;font-size:1.25rem;line-height:1.2}.card-subtitle{margin:0 0 var(--s4) 0;color:var(--muted);font-size:.95rem}.form{display:grid;gap:var(--s3);margin-bottom:var(--s4)}.form-row{display:grid;gap:var(--s3)}@media (min-width: 768px){.form-row{grid-template-columns:repeat(3,minmax(0,1fr))}}label{display:grid;gap:6px;font-size:.88rem;color:var(--muted)}input,select,textarea{width:100%;border-radius:12px;border:1px solid var(--border);background:#ffffffeb;padding:10px 12px;color:var(--text);font-size:.95rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease,background-color .12s ease;box-shadow:0 1px #0206170a}input::placeholder,textarea::placeholder{color:#0f172a73}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(15,23,42,.55) 50%),linear-gradient(135deg,rgba(15,23,42,.55) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}input:focus,select:focus,textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb24;background:#fffffffa}@media (max-width: 520px){input,select,textarea{padding:12px;font-size:1rem}}button,.btn-primary,.btn-ghost{font:inherit}button{border-radius:999px;border:1px solid var(--border);background:#ffffffe0;color:var(--text);padding:10px 14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease;box-shadow:var(--shadow-soft);min-height:40px}button:hover{background:#fffffffa;border-color:var(--border-strong);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb24,var(--shadow-soft);border-color:#2563eb66}.btn-primary{border:none;background:linear-gradient(135deg,#2563ebfa,#7c3aedfa);color:#fff;font-weight:700;padding:10px 16px;box-shadow:0 14px 28px #2563eb33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 34px #2563eb3d}.btn-ghost{background:transparent;color:var(--muted);box-shadow:none}.btn-ghost:hover{background:#dc26260f;color:#dc2626eb;border-color:#dc262638}ul{padding-left:0;margin:0}li{list-style:none}.empty-state{margin:4px 0 0;color:var(--muted);font-size:.95rem}.items-table{width:100%;border-collapse:collapse;margin-top:var(--s3);font-size:.92rem;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:#ffffffd1}.items-table th,.items-table td{text-align:left;padding:10px;vertical-align:top}.items-table thead tr{background:#0f172a0a;border-bottom:1px solid var(--border);color:#0f172aa8}.items-table tbody tr:nth-child(odd){background:#0f172a05}.items-table tbody tr:nth-child(2n){background:#ffffffb8}@media (max-width: 520px){.items-table{font-size:.9rem}.items-table th,.items-table td{padding:10px 8px}}.layout{width:100%;max-width:var(--container);margin:0 auto;display:grid;gap:var(--s4);grid-template-columns:1fr}@media (min-width: 980px){.layout{grid-template-columns:1.15fr .85fr;align-items:start}}.compare-block{margin-top:var(--s4);display:grid;gap:var(--s3)}.compare-controls{display:grid;gap:var(--s3)}@media (min-width: 640px){.compare-controls{grid-template-columns:1fr 1fr}}.compare-controls label{color:var(--muted);font-size:.88rem;display:grid;gap:6px}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}