:root{font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:#f3f3ef;background:radial-gradient(circle at top left,rgba(56,138,122,.32),transparent 34%),radial-gradient(circle at top right,rgba(195,118,71,.28),transparent 32%),linear-gradient(145deg,#101818,#0d1111 52%,#172120);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select,input{font:inherit}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow:hidden}.backdrop{position:absolute;inset:auto;width:24rem;height:24rem;border-radius:999px;filter:blur(90px);opacity:.5;pointer-events:none}.backdrop-left{top:-7rem;left:-6rem;background:#67d6c46b}.backdrop-right{right:-4rem;bottom:6rem;background:#ffa16047}.layout{position:relative;z-index:1;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem;display:grid;gap:1.2rem}.hero-panel,.panel{border:1px solid rgba(243,243,239,.11);background:#0b1111ad;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;box-shadow:0 22px 60px #00000047}.hero-panel{padding:2.5rem}.eyebrow{margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#90d9cb}h1,h2{margin:0;font-weight:600}h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.96;max-width:12ch}h2{font-size:1.15rem}.hero-copy,.muted-text,.target-secondary,.selection-meta,.status-text,.quick-card-host,.empty-state{color:#f3f3efbd}.hero-copy{max-width:52rem;margin:1rem 0 0;font-size:1.03rem;line-height:1.65}.panel{padding:1.4rem}.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.selection-summary{min-width:14rem;padding:1rem 1.1rem;border-radius:22px;background:#ffffff0a}.selection-kicker,.target-label{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;color:#f5b97f}.selection-value,.target-primary,.quick-card-title{margin:0;font-size:1rem;font-weight:600}.form-panel{display:grid;gap:1.15rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field{display:grid;gap:.55rem}.field span{font-size:.9rem;color:#f3f3efe6}.field select,.field input{width:100%;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:inherit;border-radius:16px;padding:.95rem 1rem}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.target-card{padding:1.2rem;border-radius:24px;background:linear-gradient(145deg,#8fd9cb17,#ffb97f0d);border:1px solid rgba(255,255,255,.08)}.target-secondary{margin:.4rem 0 0;word-break:break-word}.form-actions,.quick-card-actions{display:flex;flex-wrap:wrap;gap:.8rem}.primary-button,.secondary-button,.ghost-button,.secondary-link{border-radius:999px;padding:.82rem 1.2rem;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease;text-decoration:none}.primary-button{border:none;background:linear-gradient(135deg,#8fd9cb,#f5b97f);color:#111717;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.5}.secondary-button,.secondary-link{border:1px solid rgba(243,243,239,.16);background:#ffffff0d;color:inherit}.ghost-button{border:1px solid transparent;background:transparent;color:#90d9cb}.primary-button:hover:not(:disabled),.secondary-button:hover,.ghost-button:hover,.secondary-link:hover{transform:translateY(-1px)}.quick-access-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.quick-card{padding:1rem;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;gap:.8rem}.quick-card-host{margin:0;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.85rem}.status-panel{display:grid;gap:.5rem}.status-text,.empty-state,.error-banner,.info-banner{margin:0}.error-banner,.info-banner{padding:.95rem 1rem;border-radius:16px}.error-banner{color:#ffd7b8;background:#c3764724;border:1px solid rgba(245,185,127,.18)}.info-banner{color:#d7f4ef;background:#55968a29;border:1px solid rgba(143,217,203,.22)}@media(max-width:720px){.layout{width:min(100% - 1rem,1120px);padding:1rem 0 2rem}.hero-panel,.panel{border-radius:22px}.hero-panel{padding:1.4rem}.panel-heading{flex-direction:column}.selection-summary{width:100%}}
