:root{--tc-cyan:#19c6de;--tc-cyan-soft:rgba(25,198,222,.12);--tc-cyan-line:rgba(25,198,222,.38)}
body{background:radial-gradient(circle at 8% -4%,rgba(205,164,57,.11),transparent 27rem),radial-gradient(circle at 94% 8%,rgba(25,198,222,.055),transparent 24rem),linear-gradient(180deg,#fffefb 0%,#f7f3ea 48%,#f3eee3 100%)!important}
.topbar{min-height:66px;padding:4px 2px 9px;border-bottom:1px solid rgba(169,124,25,.18)}
.nav{gap:4px}.nav a{border-radius:8px;padding:7px 9px}.nav a.active{background:linear-gradient(135deg,#f6e7b9,#e0b64a);color:#5d4109;box-shadow:inset 0 0 0 1px rgba(157,111,17,.18)}
.nav .community-link{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(44,151,92,.22);color:#315f44}
.community-dot{width:7px;height:7px;border-radius:50%;background:#2fc978;box-shadow:0 0 0 4px rgba(47,201,120,.10)}
.hero{position:relative;overflow:hidden;border-radius:18px!important;border-color:rgba(169,124,25,.24)!important;background:linear-gradient(110deg,rgba(255,255,255,.96),rgba(255,254,249,.91))!important;box-shadow:0 14px 38px rgba(52,39,14,.07)!important}
.hero:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;background:linear-gradient(180deg,#e4bb54,#bb8215)}
.snapshot{position:relative;border-radius:12px!important;border-color:var(--tc-cyan-line)!important;box-shadow:0 0 0 3px rgba(25,198,222,.045),0 10px 28px rgba(25,198,222,.055);background:rgba(255,255,255,.92)!important}
.snapshot:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;top:10px;left:10px;background:var(--tc-cyan);box-shadow:0 0 0 4px rgba(25,198,222,.10)}
.me-card{position:relative;border-radius:12px!important;background:rgba(255,255,255,.90)!important;box-shadow:0 10px 26px rgba(52,39,14,.055)!important;overflow:hidden}
.me-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(201,150,39,.72)}
.me-card:nth-child(4):before{background:var(--tc-cyan)}
.tabs{border-radius:12px!important;background:rgba(255,255,255,.88)!important}.tabs button{border-radius:7px!important}.tabs button.active{background:linear-gradient(135deg,#e2b846,#bd861a)!important;color:#181208!important}
.card{border-radius:14px!important;background:rgba(255,255,255,.91)!important;box-shadow:0 13px 32px rgba(52,39,14,.055)!important}
.controls button{border-radius:8px!important;background:#fff!important}.controls button.active{background:#fff!important;color:#087a8b!important;border-color:rgba(25,198,222,.52)!important;box-shadow:0 0 0 3px rgba(25,198,222,.07)}
th{background:#f8f5ed!important;border-bottom:1px solid rgba(25,198,222,.45)}
tr.me{background:linear-gradient(90deg,rgba(255,247,222,.92),rgba(255,252,243,.82))!important;box-shadow:inset 3px 0 0 #d4a22f}
.note{border-radius:9px!important}
.source-card,.qual-card,.rule{border-radius:11px!important;background:rgba(255,255,255,.96)!important}
.source-bar span{background:linear-gradient(90deg,#b67f14,#e3c86f)!important;box-shadow:2px 0 0 var(--tc-cyan)}
.timeline-item{border-radius:8px!important;background:#fffefc!important}
.qual-status.in{background:rgba(25,198,222,.11)!important;color:#08788a!important;border:1px solid rgba(25,198,222,.23)}
.qual-status.open{background:rgba(25,198,222,.08)!important;color:#35626b!important;border:1px solid rgba(25,198,222,.18)}
@media(max-width:700px){.shell{width:calc(100% - 14px)!important}.nav{width:100%;gap:4px;justify-content:flex-start}.nav a{font-size:.60rem;padding:6px 7px}.hero{padding:20px 18px!important;border-radius:15px!important}.hero h1{font-size:clamp(2.55rem,13vw,3.35rem)}.snapshot{text-align:left!important;padding-left:26px}.me-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.me-card:nth-child(5){grid-column:1/-1}.breakdown,.qual-grid,.rules-grid{grid-template-columns:1fr!important}.section-head{align-items:flex-start;flex-direction:column}.timeline-item{grid-template-columns:1fr!important;gap:4px}}
@media(max-width:520px){.tabs button{flex:1 1 calc(50% - 5px);text-align:center;min-width:0;padding:8px 7px;font-size:.59rem}.controls button{flex:1 1 calc(50% - 6px);text-align:center}table{min-width:860px}}
