:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#f5f5f5;background-color:#0b0b0f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0b0f}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #1f1f2a}.logo{font-weight:700}.nav{display:flex;gap:1rem}.nav a{padding:.25rem .5rem;border-radius:6px}.nav a.active{background:#1d1d2b}.app-main{flex:1;padding:2rem}.app-footer{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:1rem 2rem;border-top:1px solid #1f1f2a;font-size:.9rem;color:#9a9aab}.card-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.recommendation-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.recommendation-grid .card{background:#1b1b25;border-color:#2c2c3a}.card{background:#15151f;border-radius:12px;padding:1rem;border:1px solid #242436}.selectable-card{text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.selectable-card.selected{border-color:#2b6ef3;box-shadow:0 0 0 2px #2b6ef333}.section{margin-bottom:2rem}.meta{display:grid;gap:.25rem;margin-top:.5rem;color:#9a9aab;font-size:.9rem}.primary{background:#2b6ef3;border:none;color:#fff;padding:.6rem 1rem;border-radius:8px;cursor:pointer}.ghost{background:transparent;border:1px solid #2b6ef3;color:#2b6ef3;padding:.55rem .9rem;border-radius:8px;cursor:pointer;margin-top:1rem}.muted{color:#9a9aab}.form-grid{display:grid;gap:1rem;max-width:460px}label{display:grid;gap:.5rem}.list{padding-left:1.25rem;margin:.5rem 0 1rem}input,select,button{font:inherit}.detail-grid{display:grid;gap:.5rem;margin:1rem 0}.tube-map{display:flex;gap:1.25rem;padding:1rem 0 1.5rem;overflow-x:auto}.tube-step{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.tube-track{display:flex;align-items:center;gap:.5rem}.tube-dot{width:10px;height:10px;border-radius:999px;background:#2a2a3a;border:2px solid #34344a;flex-shrink:0}.tube-dot.active{background:#2b6ef3;border-color:#2b6ef3}.tube-dot.current{box-shadow:0 0 0 4px #2b6ef333}.tube-line{height:4px;width:90px;border-radius:999px;background:#2a2a3a}.tube-line.active{background:#2b6ef3}.tube-label{font-size:.82rem;color:#9a9aab}.tube-label.active{color:#f5f5f5}.banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-radius:10px;border:1px solid #2b6ef3;background:#2b6ef31f;margin-bottom:1.5rem}.banner.success{border-color:#22c55e;background:#22c55e29}