/* GEI Academy V1.7.2 — true visual skin themes */
:root,:root[data-skin="academic"]{--skin-bg:#f7f9fc;--skin-surface:#fff;--skin-soft:#f1f4f8;--skin-text:#111827;--skin-muted:#5b6472;--skin-border:#dfe5ec;--skin-accent:#2fd2ff;--skin-shadow:rgba(15,23,42,.10)}
:root[data-skin="pink"]{--skin-bg:#fff0f8;--skin-surface:#fff;--skin-soft:#ffe0f1;--skin-text:#3a102b;--skin-muted:#71455f;--skin-border:#f2b9d5;--skin-accent:#ff1493;--skin-shadow:rgba(214,20,126,.16)}
:root[data-skin="blue"]{--skin-bg:#eef4ff;--skin-surface:#fff;--skin-soft:#dbe7ff;--skin-text:#10254d;--skin-muted:#4d6487;--skin-border:#b8cdf7;--skin-accent:#1463ff;--skin-shadow:rgba(20,99,255,.14)}
:root[data-skin="green"]{--skin-bg:#effaf3;--skin-surface:#fff;--skin-soft:#dcf7e6;--skin-text:#123524;--skin-muted:#4d6b59;--skin-border:#b9e8cc;--skin-accent:#12b76a;--skin-shadow:rgba(18,183,106,.14)}
:root[data-skin="dark"]{--skin-bg:#05060a;--skin-surface:#0b0e18;--skin-soft:#111522;--skin-text:#f6f8ff;--skin-muted:#aeb8cb;--skin-border:rgba(255,255,255,.10);--skin-accent:#aeb8cb;--skin-shadow:rgba(0,0,0,.34)}
:root[data-skin="academic"] body,:root[data-skin="pink"] body,:root[data-skin="blue"] body,:root[data-skin="green"] body{color:var(--skin-text);background:var(--skin-bg)}
:root[data-skin="academic"] html,:root[data-skin="pink"] html,:root[data-skin="blue"] html,:root[data-skin="green"] html{background:var(--skin-bg)}
:root[data-skin="academic"] .app-frame,:root[data-skin="pink"] .app-frame,:root[data-skin="blue"] .app-frame,:root[data-skin="green"] .app-frame{background:var(--skin-bg)}
:root[data-skin="academic"] .app-shell::before,:root[data-skin="pink"] .app-shell::before,:root[data-skin="blue"] .app-shell::before,:root[data-skin="green"] .app-shell::before{background:none}
:root[data-skin="academic"] .app-shell::after,:root[data-skin="pink"] .app-shell::after,:root[data-skin="blue"] .app-shell::after,:root[data-skin="green"] .app-shell::after{border-color:var(--skin-border)}
:root[data-skin="academic"] .dashboard-header h1,:root[data-skin="pink"] .dashboard-header h1,:root[data-skin="blue"] .dashboard-header h1,:root[data-skin="academic"] .welcome-copy h2,:root[data-skin="pink"] .welcome-copy h2,:root[data-skin="blue"] .welcome-copy h2,:root[data-skin="academic"] .blueprint-topline h2,:root[data-skin="pink"] .blueprint-topline h2,:root[data-skin="blue"] .blueprint-topline h2{color:var(--skin-text)}
:root[data-skin="academic"] .dashboard-header p,:root[data-skin="pink"] .dashboard-header p,:root[data-skin="blue"] .dashboard-header p,:root[data-skin="academic"] .welcome-copy p,:root[data-skin="pink"] .welcome-copy p,:root[data-skin="blue"] .welcome-copy p,:root[data-skin="academic"] .cta-copy small,:root[data-skin="pink"] .cta-copy small,:root[data-skin="blue"] .cta-copy small{color:var(--skin-muted)}
:root[data-skin="academic"] .welcome-card,:root[data-skin="academic"] .blueprint-card,:root[data-skin="pink"] .welcome-card,:root[data-skin="pink"] .blueprint-card,:root[data-skin="blue"] .welcome-card,:root[data-skin="blue"] .blueprint-card{border-color:var(--skin-border);background:var(--skin-surface);box-shadow:0 18px 45px var(--skin-shadow),inset 0 1px 0 rgba(255,255,255,.8)}
:root[data-skin="academic"] .welcome-card{background:linear-gradient(135deg,#fff,#f4fbff)}:root[data-skin="pink"] .welcome-card{background:linear-gradient(135deg,#fff,#ffd8ed)}:root[data-skin="blue"] .welcome-card{background:linear-gradient(135deg,#fff,#d9e7ff)}
:root[data-skin="academic"] .day-pill,:root[data-skin="pink"] .day-pill,:root[data-skin="blue"] .day-pill{border-color:var(--skin-border);background:var(--skin-soft);color:var(--skin-muted)}
:root[data-skin="academic"] .day-pill.is-current{border-color:rgba(47,210,255,.42);background:rgba(47,210,255,.10);color:#168eb0}:root[data-skin="pink"] .day-pill.is-current{border-color:rgba(255,20,147,.48);background:rgba(255,20,147,.14);color:#d50078}:root[data-skin="blue"] .day-pill.is-current{border-color:rgba(20,99,255,.48);background:rgba(20,99,255,.13);color:#0750d8}
:root[data-skin="academic"] .academy-cta{border-color:rgba(47,210,255,.48);background:linear-gradient(135deg,rgba(47,210,255,.16),rgba(61,61,234,.10));color:var(--skin-text);box-shadow:0 16px 36px var(--skin-shadow)}:root[data-skin="pink"] .academy-cta{border-color:rgba(255,20,147,.58);background:linear-gradient(135deg,rgba(255,20,147,.20),rgba(255,82,171,.12));color:var(--skin-text);box-shadow:0 16px 36px var(--skin-shadow)}:root[data-skin="blue"] .academy-cta{border-color:rgba(20,99,255,.58);background:linear-gradient(135deg,rgba(20,99,255,.18),rgba(47,130,255,.11));color:var(--skin-text);box-shadow:0 16px 36px var(--skin-shadow)}
:root[data-skin="academic"] .cta-arrow,:root[data-skin="pink"] .cta-arrow,:root[data-skin="blue"] .cta-arrow{background:var(--skin-surface);border-color:var(--skin-border);color:var(--skin-text)}
:root[data-skin="academic"] .member-status,:root[data-skin="pink"] .member-status,:root[data-skin="blue"] .member-status{border-color:var(--skin-border);background:rgba(255,255,255,.88);color:var(--skin-text)}
:root[data-skin="academic"] .dashboard-watermark,:root[data-skin="pink"] .dashboard-watermark,:root[data-skin="blue"] .dashboard-watermark{color:rgba(16,42,67,.035)}
:root[data-skin="academic"] .skin-trigger,:root[data-skin="pink"] .skin-trigger,:root[data-skin="blue"] .skin-trigger{border-color:var(--skin-border);background:rgba(255,255,255,.92);color:var(--skin-text);box-shadow:0 10px 26px var(--skin-shadow)}
:root[data-skin="academic"] .skin-panel,:root[data-skin="pink"] .skin-panel,:root[data-skin="blue"] .skin-panel{border-color:var(--skin-border);background:rgba(255,255,255,.98);box-shadow:0 22px 50px var(--skin-shadow)}
:root[data-skin="academic"] .skin-panel-title,:root[data-skin="pink"] .skin-panel-title,:root[data-skin="blue"] .skin-panel-title{color:var(--skin-muted)}
:root[data-skin="academic"] .skin-option,:root[data-skin="pink"] .skin-option,:root[data-skin="blue"] .skin-option{border-color:var(--skin-border);background:var(--skin-soft);color:var(--skin-text)}
.skin-swatch-academic{background:linear-gradient(135deg,#fff,#dce7f0)}.skin-swatch-dark{background:linear-gradient(135deg,#181b24,#06070d)}.skin-swatch-pink{background:linear-gradient(135deg,#ffb3d9 0%,#ff1493 58%,#d90079 100%)}.skin-swatch-blue{background:linear-gradient(135deg,#8eb5ff 0%,#1463ff 58%,#0844c7 100%)}
:root[data-skin="academic"] .dashboard-footer,:root[data-skin="pink"] .dashboard-footer,:root[data-skin="blue"] .dashboard-footer{color:var(--skin-muted)}
:root[data-skin="academic"] .video-lab,:root[data-skin="pink"] .video-lab,:root[data-skin="blue"] .video-lab{color:var(--skin-text)}
:root[data-skin="academic"] .video-header p,:root[data-skin="pink"] .video-header p,:root[data-skin="blue"] .video-header p,:root[data-skin="academic"] .video-feature-copy p,:root[data-skin="pink"] .video-feature-copy p,:root[data-skin="blue"] .video-feature-copy p,:root[data-skin="academic"] .video-card p,:root[data-skin="pink"] .video-card p,:root[data-skin="blue"] .video-card p{color:var(--skin-muted)}
:root[data-skin="academic"] .bottom-navigation,:root[data-skin="pink"] .bottom-navigation,:root[data-skin="blue"] .bottom-navigation{border-color:var(--skin-border);background:rgba(255,255,255,.94);box-shadow:0 18px 42px var(--skin-shadow),inset 0 1px 0 rgba(255,255,255,.9)}
:root[data-skin="academic"] .nav-item,:root[data-skin="pink"] .nav-item,:root[data-skin="blue"] .nav-item{color:var(--skin-muted)}
:root[data-skin="academic"] .nav-item:hover,:root[data-skin="pink"] .nav-item:hover,:root[data-skin="blue"] .nav-item:hover{color:var(--skin-text)}
:root[data-skin="academic"] .nav-item.is-active{background:linear-gradient(135deg,rgba(47,210,255,.16),rgba(61,61,234,.10));color:#102a43}
:root[data-skin="pink"] .nav-item.is-active{background:linear-gradient(135deg,rgba(255,20,147,.18),rgba(255,82,171,.10));color:#a4005e}
:root[data-skin="blue"] .nav-item.is-active{background:linear-gradient(135deg,rgba(20,99,255,.17),rgba(47,130,255,.10));color:#0a4fc7}
:root[data-skin="academic"] .video-feature,:root[data-skin="pink"] .video-feature,:root[data-skin="blue"] .video-feature{border-color:var(--skin-border);background:var(--skin-surface);box-shadow:0 18px 45px var(--skin-shadow)}
:root[data-skin="academic"] .video-feature-art{border-color:rgba(47,210,255,.32);background:radial-gradient(circle at 50% 40%,rgba(47,210,255,.18),transparent 48%),linear-gradient(145deg,#fff,#eaf8fd);color:#102a43}
:root[data-skin="pink"] .video-feature-art{border-color:rgba(255,20,147,.42);background:radial-gradient(circle at 50% 40%,rgba(255,20,147,.22),transparent 48%),linear-gradient(145deg,#fff,#ffdced);color:#3a102b}
:root[data-skin="blue"] .video-feature-art{border-color:rgba(20,99,255,.42);background:radial-gradient(circle at 50% 40%,rgba(20,99,255,.20),transparent 48%),linear-gradient(145deg,#fff,#dbe7ff);color:#10254d}
:root[data-skin="academic"] .video-card,:root[data-skin="pink"] .video-card,:root[data-skin="blue"] .video-card{border-color:var(--skin-border);background:var(--skin-surface)}
:root[data-skin="academic"] .video-thumb{background:linear-gradient(145deg,rgba(47,210,255,.12),rgba(61,61,234,.08));color:#526b82}:root[data-skin="pink"] .video-thumb{background:linear-gradient(145deg,rgba(255,20,147,.18),rgba(255,82,171,.10));color:#71455f}:root[data-skin="blue"] .video-thumb{background:linear-gradient(145deg,rgba(20,99,255,.16),rgba(47,130,255,.09));color:#4d6487}
:root[data-skin="academic"] .music-lab-entry,:root[data-skin="pink"] .music-lab-entry,:root[data-skin="blue"] .music-lab-entry{border-color:var(--skin-border);background:var(--skin-soft);color:var(--skin-text)}
:root[data-skin="academic"] .music-lab-entry b,:root[data-skin="pink"] .music-lab-entry b,:root[data-skin="blue"] .music-lab-entry b{color:var(--skin-muted)}

/* V1.7.3 — Green skin contrast lock: dark primary text on the pale green canvas. */
:root[data-skin="green"] .dashboard-header h1,
:root[data-skin="green"] .welcome-copy h2,
:root[data-skin="green"] .blueprint-topline h2,
:root[data-skin="green"] .video-lab,
:root[data-skin="green"] .video-header h1,
:root[data-skin="green"] .video-feature-copy h2,
:root[data-skin="green"] .video-section-heading,
:root[data-skin="green"] .video-card h3,
:root[data-skin="green"] .video-card strong,
:root[data-skin="green"] .research-overview h2,
:root[data-skin="green"] .portfolio-title-wrap h1 { color:#123524 !important; }
:root[data-skin="green"] .dashboard-header p,
:root[data-skin="green"] .welcome-copy p,
:root[data-skin="green"] .cta-copy small,
:root[data-skin="green"] .video-header p,
:root[data-skin="green"] .video-feature-copy p,
:root[data-skin="green"] .video-card p,
:root[data-skin="green"] .portfolio-title-wrap p,
:root[data-skin="green"] .portfolio-note p { color:#4d6b59 !important; }
:root[data-skin="green"] .blueprint-topline,
:root[data-skin="green"] .research-overview,
:root[data-skin="green"] .video-lab { color:#123524 !important; }
:root[data-skin="green"] .research-work-copy strong { color:#123524 !important; }
:root[data-skin="green"] .research-work-copy small { color:#4d6b59 !important; }
:root[data-skin="green"] .research-work-number { color:#12b76a !important; }

/* Green skin component surfaces. */
:root[data-skin="green"] .app-frame,
:root[data-skin="green"] .app-shell,
:root[data-skin="green"] .app-screen { background:#effaf3 !important; }
:root[data-skin="green"] .app-shell::after { border-color:#b9e8cc !important; }
:root[data-skin="green"] .welcome-card,
:root[data-skin="green"] .blueprint-card,
:root[data-skin="green"] .video-feature,
:root[data-skin="green"] .video-card { background:#fff !important; border-color:#b9e8cc !important; box-shadow:0 18px 45px rgba(18,183,106,.14) !important; }
:root[data-skin="green"] .welcome-card { background:linear-gradient(135deg,#fff,#dcf7e6) !important; }
:root[data-skin="green"] .day-pill { background:#dcf7e6 !important; border-color:#b9e8cc !important; color:#4d6b59 !important; }
:root[data-skin="green"] .day-pill.is-current { border-color:#12b76a !important; background:rgba(18,183,106,.13) !important; color:#087a45 !important; }
:root[data-skin="green"] .academy-cta { border-color:rgba(18,183,106,.58) !important; background:linear-gradient(135deg,rgba(18,183,106,.18),rgba(10,143,80,.10)) !important; color:#123524 !important; }
:root[data-skin="green"] .cta-arrow { background:#fff !important; border-color:#b9e8cc !important; color:#123524 !important; }
:root[data-skin="green"] .member-status { border-color:#b9e8cc !important; background:rgba(255,255,255,.92) !important; color:#123524 !important; }
:root[data-skin="green"] .bottom-navigation { border-color:#b9e8cc !important; background:rgba(255,255,255,.95) !important; }
:root[data-skin="green"] .nav-item { color:#4d6b59 !important; }
:root[data-skin="green"] .nav-item.is-active { background:rgba(18,183,106,.12) !important; color:#087a45 !important; }
:root[data-skin="green"] .video-feature-art { border-color:rgba(18,183,106,.32) !important; background:radial-gradient(circle at 50% 40%,rgba(18,183,106,.16),transparent 48%),linear-gradient(145deg,#fff,#dcf7e6) !important; color:#123524 !important; }
:root[data-skin="green"] .video-thumb { background:linear-gradient(145deg,rgba(18,183,106,.14),rgba(10,143,80,.08)) !important; color:#4d6b59 !important; }
:root[data-skin="green"] .music-lab-entry { border-color:#b9e8cc !important; background:#dcf7e6 !important; color:#123524 !important; }
:root[data-skin="green"] .music-lab-entry b { color:#4d6b59 !important; }

/* V1.7.1 hotfix: the skin selector belongs to the Academy UI, never the splash. */
.app-frame:not(.splash-done) #skin-control {display:none!important;pointer-events:none!important}
.app-frame.splash-done #skin-control {display:block}