:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;--ink: #1c1b22;--muted: #5d5d6b;--canvas: #f6f2ea;--accent: #d96b3f;--accent-dark: #b3512b;--highlight: #f4c26b;--panel: #ffffff;--shadow: rgba(28, 27, 34, .12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#fff4dc,#f6f2ea 45%,#efe8df);color:var(--ink);min-height:100vh}#root{min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:32px 20px 64px;position:relative}.app:before,.app:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(217,107,63,.18),transparent 70%);z-index:0;border-radius:50%}.app:before{top:-60px;right:-80px}.app:after{bottom:80px;left:-100px}.hero{display:flex;gap:24px;align-items:stretch;justify-content:space-between;margin-bottom:32px;position:relative;z-index:1}.hero-content h1{font-family:"DM Serif Display",serif;font-size:clamp(2.4rem,3vw,3.5rem);margin:8px 0 12px}.hero-subtitle{max-width:520px;color:var(--muted);line-height:1.6;font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;color:var(--accent-dark);margin:0}.hero-card{background:linear-gradient(135deg,#fff,#fff0d8);padding:20px 24px;border-radius:18px;box-shadow:0 18px 40px var(--shadow);min-width:220px;display:flex;flex-direction:column;gap:16px}.hero-label{font-size:.8rem;color:var(--muted);margin:0 0 4px}.hero-value{font-size:2rem;font-weight:600;margin:0}main{display:grid;gap:24px;position:relative;z-index:1}.panel{background:var(--panel);border-radius:20px;padding:24px;box-shadow:0 16px 30px var(--shadow);animation:fadeIn .6s ease both}.panel-header h2{margin:0 0 4px;font-size:1.4rem}.panel-header p{margin:0;color:var(--muted)}.signup-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 160px;gap:16px;margin-top:20px;align-items:end}.signup-form label{min-width:0}.signup-form input{width:100%}.signup-form .primary-button{grid-column:5;justify-self:stretch;min-width:0}.search-field{position:relative}.autocomplete-hint{position:absolute;inset:0;display:flex;align-items:center;padding:10px 12px;font-size:1rem;font-family:inherit;color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none}.autocomplete-hint .hint-typed{color:transparent}.autocomplete-hint .hint-tail{color:#1c1b2259}label{display:grid;gap:8px;font-weight:500}input{padding:10px 12px;border-radius:10px;border:1px solid #e0d8cb;font-size:1rem;font-family:inherit}.primary-button,.run-button,.ghost-button{border:none;border-radius:999px;padding:12px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-button{background:var(--accent);color:#fff;box-shadow:0 10px 20px #d96b3f4d}.run-button{background:#1f3d2d;color:#f6f2ea;margin-top:16px}.ghost-button{background:transparent;border:1px solid rgba(28,27,34,.12);color:var(--ink)}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #1c1b222e}.roster{margin-top:20px;display:grid;gap:12px}.roster-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:14px;background:#f9f4ec;border:1px solid rgba(28,27,34,.05)}.roster-name{margin:0;font-weight:600}.roster-meta{margin:0;color:var(--muted);font-size:.9rem}.badge{background:var(--highlight);color:#1c1b22;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.results{background:linear-gradient(180deg,#fff,#fdf5e7)}.results-grid{margin-top:20px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.result-card{border-radius:16px;padding:16px;background:#fff;box-shadow:0 10px 20px #1c1b2214;border:1px solid rgba(28,27,34,.05)}.result-card h3{margin:0 0 6px}.result-card p{margin:0 0 6px;color:var(--muted)}.incoming{font-weight:600;color:var(--ink)}.garrison{font-weight:600;color:var(--accent-dark)}.garrison.muted{color:var(--muted)}.assignment-section{margin-top:12px}.assignment-section h4{margin:0 0 8px;font-size:.95rem}.assignment-section ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:.9rem}.tiny{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:6px;background:#d96b3f26;color:var(--accent-dark);font-size:.7rem;font-weight:600}.empty{margin-top:16px;color:var(--muted)}.error{margin-top:12px;color:#9e2a2b;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{flex-direction:column}}@media(max-width:900px){.app{padding:20px 14px 48px}.app:before,.app:after{display:none}.hero{gap:16px}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:.98rem}.hero-card{width:100%;padding:16px 18px;display:grid;grid-template-columns:1fr 120px;gap:10px 14px;align-items:center}.hero-label{font-size:.68rem;letter-spacing:.04em}.hero-value{font-size:1.25rem}.hero-card .ghost-button{grid-column:2;grid-row:1 / span 2;width:100%;height:100%;padding:10px 12px;border-radius:12px;font-size:.75rem;line-height:1.1;text-transform:uppercase;letter-spacing:.1em;background:#ffffff26;border-color:#d96b3f73;color:var(--accent-dark);box-shadow:none}.panel{padding:18px;border-radius:16px}.panel-header h2{font-size:1.2rem}.panel-header p{font-size:.95rem}.signup-form{display:flex;flex-direction:column;align-items:stretch}.signup-form label{width:100%;justify-items:stretch}.signup-form input{width:100%;text-align:left}.results-grid{grid-template-columns:1fr;gap:12px}.result-card{padding:14px}.result-card h3{font-size:1.05rem}.result-card header p{font-size:.9rem}.assignment-section{margin-top:10px}.assignment-section h4{font-size:.9rem}.assignment-section ul{font-size:.82rem;gap:4px}.roster-card{flex-direction:column;align-items:flex-start;gap:8px}.primary-button,.run-button,.ghost-button{width:100%}input{font-size:1rem}}.lookup-status{font-size:.85rem;color:var(--muted)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink: #f5f0e8;--muted: #b7b0a8;--canvas: #121212;--accent: #f08c5e;--accent-dark: #f4c26b;--highlight: #f4c26b;--panel: #1b1b1b;--shadow: rgba(0, 0, 0, .35)}body{background:linear-gradient(180deg,#1a1714,#12100e 55%,#0b0b0b)}.app:before,.app:after{display:none}.hero-card{background:linear-gradient(135deg,#1f1b17,#2a2019)}.panel{background:var(--panel);box-shadow:0 16px 30px var(--shadow)}.roster-card{background:#211c18;border:1px solid rgba(245,240,232,.08)}.result-card{background:#1f1b17;border:1px solid rgba(245,240,232,.08)}.results{background:linear-gradient(180deg,#1c1a18,#221c17)}input{background:#1b1816;border-color:#f5f0e81f;color:var(--ink)}.ghost-button{border-color:#f5f0e833}.tiny{background:#f08c5e33;color:var(--accent)}}