/* Nocturne Glassmorphism. Classic skin deliberately keeps the original styles. */
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]){--ink:rgba(255,255,255,.96);--muted:rgba(255,255,255,.8);--line:rgba(255,255,255,.15);--paper:rgba(255,255,255,.08);--surface:rgba(255,255,255,.1);--primary:#E4B863;--primary-soft:rgba(228,184,99,.12);--amber:#E4B863;--radius:24px;--night-base:#0B1322;--well-a:124,156,196;--well-b:51,81,122;--glass-shadow:0 16px 40px rgba(3,7,18,.5),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(2,6,16,.35);--spring:cubic-bezier(.16,1,.3,1);color:var(--ink);background:radial-gradient(ellipse 650px 550px at 90% 0%,rgba(var(--well-a),.28),transparent 70%),radial-gradient(ellipse 600px 650px at 0% 90%,rgba(var(--well-b),.35),transparent 70%),radial-gradient(ellipse 450px 450px at 60% 55%,rgba(228,184,99,.09),transparent 70%),var(--night-base);background-attachment:fixed;color-scheme:dark}
body[data-skin="amber"]{--night-base:#120D0A;--well-a:201,143,78;--well-b:92,58,30}
body[data-skin="forest"]{--night-base:#081210;--well-a:127,182,158;--well-b:31,77,58}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"])::before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23g)'/%3E%3C/svg%3E")}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(h1,h2,h3,h4){font-family:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:rgba(255,255,255,.96);letter-spacing:0}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(p,small,.muted,.page-heading p){color:rgba(255,255,255,.8)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(header,.app-sidebar){background:rgba(255,255,255,.06);background-image:linear-gradient(to bottom,rgba(255,255,255,.08),transparent 55%);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-color:var(--line);box-shadow:var(--glass-shadow)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.panel,.entry-card,.region-card,.paper-card,.case-card,.resume-card,.knowledge-controls,.obs-stage,.skin-dialog,.password-dialog,.answer-dialog){background:rgba(255,255,255,.08);background-image:linear-gradient(to bottom,rgba(255,255,255,.12),transparent 50%);backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);border:1px solid var(--line);border-radius:24px;box-shadow:var(--glass-shadow);transition:background-color 500ms var(--spring),border-color 500ms var(--spring),box-shadow 500ms var(--spring),transform 500ms var(--spring)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.panel .panel,.kp-card .rel-question,.kp-card .rel-side,.obs-stage .obs-side,.obs-stage .obs-focus,.obs-stage .obs-canvas-wrap){background:transparent;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:0;border-radius:0}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) .obs-side{border-left:1px solid var(--line)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) button{background:rgba(255,255,255,.1);color:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 4px 16px rgba(3,7,18,.45),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(2,6,16,.3);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);transition:background-color 500ms var(--spring),border-color 500ms var(--spring),box-shadow 500ms var(--spring),transform 500ms var(--spring)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) button:disabled{opacity:.5}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) button:not(:disabled):hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);box-shadow:0 10px 32px rgba(3,7,18,.55),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(2,6,16,.3);transform:translateY(-2px)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) button:not(:disabled):active{transform:scale(.97)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.primary,.soft-btn,#nav button.active,.opt-chip.on,.rel-card-grid button.current,.answer-card-grid button.current){background:rgba(228,184,99,.12);border-color:rgba(228,184,99,.4);color:#F3DCA8;box-shadow:0 4px 20px rgba(228,184,99,.15),inset 0 1px 0 rgba(243,220,168,.35),inset 0 -1px 0 rgba(2,6,16,.35)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.primary,.soft-btn,#nav button.active,.opt-chip.on):hover{background:rgba(228,184,99,.15);border-color:rgba(228,184,99,.55)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(input,select,textarea){background:rgba(255,255,255,.06);color:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(2,6,16,.3);transition:background-color 500ms var(--spring),border-color 500ms var(--spring),box-shadow 500ms var(--spring)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) input::placeholder,body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) textarea::placeholder{color:rgba(255,255,255,.6)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) select option{background:var(--night-base);color:#fff}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(button,input,select,textarea,a):focus-visible{outline:2px solid #E4B863;outline-offset:3px;box-shadow:0 0 0 3px rgba(228,184,99,.18),0 8px 24px rgba(3,7,18,.45)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.analysis,.source-warning,.question-list,.question-list-row,.choice,.card-fold,.account-fold,.history-row,.question-meta,.tag,.avatar,.hero-strip,.mode-picker>label,.answer-top,.obs-toolbar){background:rgba(255,255,255,.05);color:rgba(255,255,255,.85);border-color:var(--line);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(2,6,16,.2)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) .hero-strip strong{color:#F3DCA8}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.kp-head .eyebrow,.nav-title,.obs-toolbar span,.obs-caption,.obs-side p,.obs-side small){color:rgba(255,255,255,.72);text-transform:none;letter-spacing:0}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.bar i,.answer-progress i){background:rgba(228,184,99,.65)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.choice.correct,.chip.ok,.tag.green,.rel-card-grid button.right){background:rgba(48,209,88,.1);color:#8BF0AE;border-color:rgba(48,209,88,.4)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.choice.incorrect,.chip.bad,.tag.red,.rel-card-grid button.wrong){background:rgba(255,69,58,.1);color:#FFB2AB;border-color:rgba(255,69,58,.4)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) .rich pre{background:rgba(255,255,255,.05);color:rgba(255,255,255,.9);border-radius:16px}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.text-btn,.back-bar,.kp-links,.obs-legend){color:rgba(255,255,255,.8)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) #app:is(:fullscreen,.obs-fullscreen-fallback){background:radial-gradient(ellipse 650px 550px at 90% 0%,rgba(var(--well-a),.28),transparent 70%),radial-gradient(ellipse 600px 550px at 0% 90%,rgba(var(--well-b),.35),transparent 70%),var(--night-base)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) .kp-card :is(.card-fold,.source-warning){background:transparent;background-image:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.status-button.status-learning,.choice.selected:not(.correct):not(.incorrect)){background:rgba(228,184,99,.12);color:#F3DCA8;border-color:rgba(228,184,99,.4)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) .status-button.status-mastered{background:rgba(48,209,88,.1);color:#8BF0AE;border-color:rgba(48,209,88,.4)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) .status-button.status-review{background:rgba(255,69,58,.1);color:#FFB2AB;border-color:rgba(255,69,58,.4)}
body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) .obs-desktop-only>span{color:#E4B863}
.skin-dialog{width:min(620px,calc(100vw - 28px));padding:24px;color:var(--ink);border:1px solid var(--line);border-radius:24px;background:var(--paper)}
.skin-dialog::backdrop{background:rgba(6,10,19,.65);backdrop-filter:blur(40px)}
.skin-dialog .skin-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.skin-dialog .skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-dialog .skin-choice{text-align:left;display:grid;gap:8px;padding:16px;min-height:106px}.skin-choice b{font-size:15px}.skin-choice small{font-size:12px}.skin-choice[aria-pressed="true"]{outline:2px solid #E4B863;outline-offset:2px}.skin-preview{height:28px;border-radius:16px;background:radial-gradient(ellipse at 20% 30%,rgba(124,156,196,.35),transparent 65%),#0B1322}.skin-preview.amber{background:radial-gradient(ellipse at 20% 30%,rgba(201,143,78,.35),transparent 65%),#120D0A}.skin-preview.forest{background:radial-gradient(ellipse at 20% 30%,rgba(127,182,158,.35),transparent 65%),#081210}.skin-preview.classic{background:#1c1c1e}.skin-save-status{font-size:12px;margin-top:16px}
@media(hover:hover){body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.entry-card,.region-card,.paper-card,.case-card):hover{transform:translateY(-4px);border-color:rgba(255,255,255,.3)}}
@media(max-width:840px){body:is([data-skin="nocturne"],[data-skin="amber"],[data-skin="forest"]) :is(.panel,.entry-card,.region-card,.paper-card,.case-card,.resume-card,.knowledge-controls,.obs-stage){box-shadow:0 8px 24px rgba(3,7,18,.45),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(2,6,16,.35);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%)}#skinSwitcher{min-width:40px;font-size:12px;padding:7px 10px}.skin-dialog{padding:18px}.skin-dialog .skin-choice{padding:12px;min-height:100px}}
@media(prefers-reduced-motion:reduce){body *{transition:none!important;animation:none!important;scroll-behavior:auto!important}body button:hover,body button:active,body .entry-card:hover,body .region-card:hover,body .paper-card:hover,body .case-card:hover{transform:none!important}}