:root{--os-bg:#07101d;--os-panel:#0d1b2d;--os-border:rgba(255,255,255,.11);--os-muted:#a9b8ca;--os-gold:#f2c75c}
.os-page{background:radial-gradient(circle at 85% 8%,rgba(80,139,255,.13),transparent 28%),linear-gradient(180deg,#07101d,#081321 42%,#07101d);color:#fff}
.os-shell{max-width:1240px;margin:auto;padding:34px 20px 96px}.os-hero{position:relative;overflow:hidden;padding:46px;border-radius:34px;background:radial-gradient(circle at 88% 10%,rgba(116,181,255,.24),transparent 36%),linear-gradient(135deg,#12243b,#08101d);border:1px solid var(--os-border);box-shadow:0 32px 80px rgba(0,0,0,.35)}
.os-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center}.os-profile-line{display:flex;align-items:center;gap:18px}.os-avatar{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#5da8ff,#7f66ff);font-size:1.8rem;font-weight:900;box-shadow:0 14px 34px rgba(78,132,255,.25)}.os-welcome{margin:0;color:#9db0c5;font-weight:800}.os-hero h1{font-size:clamp(2.5rem,5.8vw,5.2rem);line-height:.96;margin:.08em 0;letter-spacing:-.055em}.os-hero-lead{max-width:760px;color:#bcc9d7;font-size:1.08rem;line-height:1.7}.os-status{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.os-tag{font-size:.72rem;font-weight:800;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.07);color:#c5d0dc}.os-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2bd384;box-shadow:0 0 0 6px rgba(43,211,132,.12);margin-right:8px}.os-hero-actions{margin-top:25px}
.os-next-card{padding:28px;border:1px solid rgba(92,167,255,.32);border-radius:26px;background:linear-gradient(145deg,rgba(13,38,65,.98),rgba(6,17,30,.98));box-shadow:0 25px 60px rgba(0,0,0,.35)}.os-next-top{display:flex;justify-content:space-between;gap:12px}.os-next-state{font-size:.7rem;color:#8de0b4;font-weight:900}.os-next-icon{font-size:2.2rem;margin:24px 0 12px}.os-next-card h2{font-size:2rem;margin:0 0 10px}.os-next-card p{color:#b4c3d2;line-height:1.6}.os-next-progress{height:9px;background:#07101b;border-radius:999px;overflow:hidden;margin:20px 0 8px}.os-next-progress span{display:block;height:100%;background:linear-gradient(90deg,#56a8ff,#f2c75c);border-radius:inherit}.os-next-meta{display:flex;justify-content:space-between;color:#9eb1c3;margin-bottom:20px}
.os-passport-strip{display:grid;grid-template-columns:1.1fr 1.7fr auto;gap:22px;align-items:center;margin:22px 0 0;padding:24px 26px;border:1px solid rgba(242,199,92,.2);border-radius:22px;background:linear-gradient(120deg,rgba(242,199,92,.08),rgba(255,255,255,.03))}.os-passport-copy strong{display:block;font-size:1.2rem;margin-top:4px}.os-passport-copy p{margin:5px 0 0;color:var(--os-muted)}.os-passport-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.os-passport-metrics div{padding:10px;text-align:center;border-radius:14px;background:rgba(255,255,255,.04)}.os-passport-metrics strong,.os-passport-metrics span{display:block}.os-passport-metrics strong{font-size:1.35rem}.os-passport-metrics span{font-size:.7rem;color:var(--os-muted)}
.os-section-title{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.os-section-title h2{margin:0;font-size:clamp(1.9rem,4vw,3.4rem);letter-spacing:-.035em}.os-section-title p{margin:7px 0 0;color:var(--os-muted);max-width:760px}.os-mission-list{display:grid;gap:12px}.os-mission{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--os-border);position:relative;overflow:hidden}.os-mission:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#8f64ff}.os-mission--house:before{background:#35d07f}.os-mission--capital:before{background:#48a7ff}.os-mission--dahu:before{background:#ff983d}.os-mission-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:1.35rem}.os-mission-copy small,.os-mission-copy strong{display:block}.os-mission-copy small{color:#8ea4ba;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.os-mission-copy strong{font-size:1.08rem;margin-top:3px}.os-mission-copy p{margin:4px 0 0;color:var(--os-muted)}.os-mission-action{display:grid;justify-items:end;gap:8px}.os-mission-action>span{font-weight:900;color:#dbe8f5}
.os-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.os-role{position:relative;overflow:hidden;min-height:315px;display:flex;flex-direction:column;border-color:var(--os-border)}.os-role:after{content:"";position:absolute;right:-50px;bottom:-70px;width:170px;height:170px;border-radius:50%;background:var(--role-accent);filter:blur(25px);opacity:.2}.os-role[data-role=dream]{--role-accent:#8f64ff}.os-role[data-role=house]{--role-accent:#35d07f}.os-role[data-role=capital]{--role-accent:#48a7ff}.os-role[data-role=dahu]{--role-accent:#ff983d}.os-role-label{font-size:.66rem;color:var(--role-accent);font-weight:950;letter-spacing:.14em}.os-role-icon{font-size:2rem;margin-top:14px}.os-role h3{font-size:1.25rem;margin:12px 0 5px}.os-role p{color:var(--os-muted);flex:1}.os-role footer{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:1}.os-role footer small{color:#aebdca}
.os-two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.os-panel{padding:24px}.os-panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.os-panel-head h3{margin:4px 0 0;font-size:1.35rem}.os-panel-head a{color:#d6e6f6;text-decoration:none;font-size:.82rem}.os-notification{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--os-border);color:inherit;text-decoration:none}.os-notification strong,.os-notification small{display:block}.os-notification small{color:var(--os-muted);margin-top:3px}.os-notification time{color:#8398ad;font-size:.75rem}.os-activity-row{display:grid;grid-template-columns:82px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--os-border)}.os-activity-row>span{font-size:.66rem;color:var(--os-gold);font-weight:900}.os-activity-row strong,.os-activity-row small{display:block}.os-activity-row small{color:var(--os-muted);margin-top:3px}
.os-contribution{padding:20px 24px}.os-progress-row{display:grid;grid-template-columns:230px 1fr 48px;gap:15px;align-items:center;margin:16px 0}.os-progress-row small{display:block;color:var(--os-muted);margin-top:3px}.os-progress-row--dream .dds-progress span{background:#8f64ff}.os-progress-row--house .dds-progress span{background:#35d07f}.os-progress-row--capital .dds-progress span{background:#48a7ff}.os-progress-row--dahu .dds-progress span{background:#ff983d}.os-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.os-quick a{text-decoration:none;color:inherit;min-height:140px}.os-quick p{color:var(--os-muted)}
.os-unified-footer{max-width:1240px;margin:0 auto 30px;padding:26px 20px;border-top:1px solid var(--os-border);display:flex;justify-content:space-between;gap:24px;align-items:center;color:#fff}.os-unified-footer strong,.os-unified-footer span{display:block}.os-unified-footer span{color:var(--os-muted);margin-top:4px}.os-unified-footer nav{display:flex;flex-wrap:wrap;gap:6px}.os-unified-footer a{color:#c6d5e4;text-decoration:none;padding:8px 10px;border-radius:10px}.os-unified-footer a:hover{background:rgba(255,255,255,.06)}
@media(max-width:1000px){.os-hero-grid{grid-template-columns:1fr}.os-role-grid,.os-quick{grid-template-columns:1fr 1fr}.os-passport-strip{grid-template-columns:1fr}.os-passport-metrics{grid-template-columns:repeat(5,1fr)}}
@media(max-width:720px){.os-shell{padding:18px 14px 70px}.os-hero{padding:28px 20px}.os-profile-line{align-items:flex-start}.os-avatar{width:58px;height:58px;border-radius:18px;font-size:1.35rem}.os-hero h1{font-size:2.45rem}.os-role-grid,.os-quick,.os-two-column{grid-template-columns:1fr}.os-passport-metrics{grid-template-columns:repeat(3,1fr)}.os-mission{grid-template-columns:auto 1fr}.os-mission-action{grid-column:1/-1;justify-items:stretch}.os-mission-action>span{display:none}.os-progress-row{grid-template-columns:1fr}.os-progress-row>strong{text-align:left}.os-unified-footer{display:block}.os-unified-footer nav{margin-top:18px}.os-unified-footer a{padding-left:0}.os-next-card{padding:22px}}