:root{--gold: #C9A84C;--gold-light: #E8D48B;--gold-dim: rgba(201, 168, 76, .15);--gold-glow: rgba(201, 168, 76, .25);--dark: #1A1A2E;--dark-mid: #16213E;--dark-surface: #1E2A45;--dark-card: #1C2640;--text-light: #E8E8F0;--text-muted: #9B9BB0;--accent-blue: #4A6FA5;--accent-red: #8B3A3A;--accent-green: #3A8B5C;--white: #FAFAFA;--radius: 12px;--shadow: 0 8px 32px rgba(0, 0, 0, .3);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:linear-gradient(160deg,var(--dark) 0%,var(--dark-mid) 50%,#0F1629 100%);color:var(--text-light);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}a{color:var(--gold);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:#1a1a2ef2;backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,168,76,.2)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-logo{font-family:var(--font-serif);font-weight:700;font-size:16px;color:var(--gold);letter-spacing:1px}.topbar-divider{width:1px;height:20px;background:#c9a84c4d}.topbar-breadcrumb{color:var(--text-muted);font-size:13px}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-user{color:var(--text-muted);font-size:13px}.topbar-grad{background:var(--gold-dim);border:1px solid rgba(201,168,76,.3);padding:3px 12px;border-radius:20px;color:var(--gold);font-size:12px;font-weight:600}.topbar-logout{background:none;border:1px solid rgba(201,168,76,.2);color:var(--text-muted);padding:4px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.topbar-logout:hover{border-color:var(--gold);color:var(--gold)}.main-content{padding:80px 2rem 3rem;max-width:1100px;margin:0 auto}.card{background:var(--dark-card);border:1px solid rgba(201,168,76,.12);border-radius:var(--radius);padding:1.5rem;transition:all .25s}.card:hover{border-color:#c9a84c4d;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.card.locked{opacity:.35;cursor:not-allowed;filter:grayscale(.5)}.card.locked:hover{transform:none;box-shadow:none}.badge{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;padding:3px 10px;border-radius:4px;font-weight:600}.badge-open{background:#3a8b5c26;color:var(--accent-green);border:1px solid rgba(58,139,92,.3)}.badge-locked{background:#8b3a3a26;color:var(--accent-red);border:1px solid rgba(139,58,58,.3)}.progress-wrap{margin-top:.5rem}.progress-label{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-bottom:4px}.progress-bar{height:4px;background:var(--dark);border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}.doppelhelix-bar{display:flex;align-items:center;gap:10px;max-width:400px}.doppelhelix-bar .label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;min-width:55px;text-align:right}.doppelhelix-bar .label.mythos{color:var(--accent-red)}.doppelhelix-bar .label.logos{color:var(--accent-blue)}.doppelhelix-track{flex:1;height:6px;background:var(--dark);border-radius:3px;overflow:hidden;display:flex}.doppelhelix-track .mythos-fill{background:linear-gradient(90deg,var(--accent-red),#A04545)}.doppelhelix-track .logos-fill{background:linear-gradient(90deg,#3A5A8F,var(--accent-blue))}.phase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease}@media(max-width:768px){.topbar{padding:10px 16px}.topbar-user{display:none}.main-content{padding:72px 1rem 2rem}.phase-grid,.material-grid{grid-template-columns:1fr}}