/* The existing theme remains untouched unless the alternate skin is selected. */
.appearance-control{max-width:100%;min-width:0}
.appearance-choices{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px;background:var(--surface)}
.appearance-choices button{border:1px solid transparent;background:none;color:var(--muted);border-radius:7px;font:600 11px/1.3 var(--font-body);padding:9px 7px;min-height:38px;flex:1;white-space:nowrap}
.appearance-choices button[aria-pressed=true]{color:var(--acid);border-color:var(--acid);background:var(--accent-soft)}
.appearance-choices button:hover{color:var(--text)}
.appearance-choices button:focus-visible{outline:2px solid var(--acid);outline-offset:1px}
.appearance-control small:empty{display:none}
.appearance-control small{display:block;font-size:11px;color:var(--muted);margin-top:6px}
.appearance-sidebar{margin-top:-14px;flex-shrink:0}
.appearance-mobile{display:none}
.appearance-document{margin-left:auto}
.document-header:has(.appearance-control){flex-wrap:wrap;padding-block:18px;gap:16px}

/* Reference: design/cybersigilism-ice-concept.png. Decorative assets stay separate from usable HTML. */
html[data-appearance=cybersigilism]{
 --bg:#07090c;--surface:#0b0e12;--raised:#191d23;--line:#41454c;
 --text:#f0f3f6;--muted:#bdc5cc;--banner-surface:#10161d;--field-surface:#090c10;
 --radius-control:10px;--radius-panel:12px;--capsule-radius:999px;--dialog-border:#a8b4c1;
 --sigil-art:url('assets/chrome-sigil.png');--frame-art:url('assets/crystal-frame.png');
 --corner-art:url('assets/chrome-corner.png');--obsidian-art:url('assets/obsidian-veins.png');
 --metal-edge:inset 0 1px #eff7ff80,inset 0 -1px #0009,0 2px 8px #0008;
}
html[data-appearance=cybersigilism] body{background:#07090c}
html[data-appearance=cybersigilism] .shell{padding:12px;gap:12px;grid-template-columns:238px minmax(0,1fr)}
html[data-appearance=cybersigilism] .main{position:relative;border:1px solid #87949f;border-radius:12px;padding-inline:32px;background:linear-gradient(#07090cbb,#07090cbb),var(--obsidian-art) right top/1250px auto repeat-y;box-shadow:inset 0 1px #f5fbff80}
html[data-appearance=cybersigilism] .sidebar{padding:24px 16px;height:calc(100vh - 24px);top:0;gap:36px;border:0;isolation:isolate;background:linear-gradient(#07090c99,#07090c99),var(--obsidian-art) center top/auto 100% no-repeat;border-radius:10px}
html[data-appearance=cybersigilism] :is(.card,.company-sheet,.profile-sheet,.admin-company,.company-create-panel){position:relative;isolation:isolate}
html[data-appearance=cybersigilism] :is(.sidebar,.card,.company-sheet,.profile-sheet,.admin-company,.company-create-panel):before{
 content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
 border:20px solid transparent;border-image:var(--frame-art) 100 / 20px / 0 stretch;
}
html[data-appearance=cybersigilism] .sidebar:before{border-image-width:22px}
html[data-appearance=cybersigilism] .sidebar:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:370px;height:200px;left:-66px;top:54%;background:var(--sigil-art) center/contain no-repeat;transform:rotate(-90deg) scaleY(1.6)}
html[data-appearance=cybersigilism] .brand{color:#e7edf1;text-shadow:0 1px #fff5}
html[data-appearance=cybersigilism] .brand small{color:#c4ccd2}
html[data-appearance=cybersigilism] .topbar{border-color:#82868c}
html[data-appearance=cybersigilism] .nav button{border-radius:9px}
html[data-appearance=cybersigilism] .nav button.active{background:linear-gradient(155deg,#e7ff9b,var(--acid) 60%,#bfdc43);box-shadow:var(--metal-edge)}
html[data-appearance=cybersigilism] .nav .ico{filter:drop-shadow(0 0 2px #dcefff44)}
html[data-appearance=cybersigilism] :is(.heading,.document-heading){position:relative;isolation:isolate}
html[data-appearance=cybersigilism] .heading{min-height:104px;margin:22px 0 22px;align-items:center}
html[data-appearance=cybersigilism] .event-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html[data-appearance=cybersigilism] .heading:after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-12px;top:-27px;width:66%;height:180px;background:var(--sigil-art) right center/100% 100% no-repeat}
html[data-appearance=cybersigilism] .heading h1{font-size:clamp(36px,3.6vw,54px);line-height:1.15;letter-spacing:-1.8px;color:#e5f1fc}
html[data-appearance=cybersigilism] h1{
 color:#e5f1fc;background:linear-gradient(135deg,transparent 9%,#ffffffcc 10%,transparent 11%,transparent 40%,#e7f8ff99 41%,transparent 42%),linear-gradient(180deg,#f5fcff 0%,#71889c 24%,#ffffff 35%,#a8c3d6 46%,#21334a 49%,#a5bfd6 52%,#fff 70%,#7d91a4 85%,#eaf5ff 100%);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
 filter:drop-shadow(0 1px 0 #cadbebaa) drop-shadow(0 3px 1px #000);
}
html[data-appearance=cybersigilism] :is(.heading,.document-heading) p{color:#bec9d3}
html[data-appearance=cybersigilism] :is(.card,.company-sheet,.profile-sheet,.admin-company,.company-create-panel){border:1px solid #77858f;border-radius:12px;background:linear-gradient(#080b0f99,#080b0f99),var(--obsidian-art) right top/100% 100% no-repeat #080b0f;box-shadow:0 10px 24px #0006;overflow:hidden}
html[data-appearance=cybersigilism] :is(.card-top,.card-top.violet,.card-top.amber,.card-body,.profile-sheet-header){background:transparent}
html[data-appearance=cybersigilism] :is(.card-top,.profile-sheet-header){position:relative;isolation:isolate}
html[data-appearance=cybersigilism] :is(.card-top,.profile-sheet-header):after{content:"";position:absolute;inset:6px 10px auto auto;z-index:-1;pointer-events:none;width:180px;height:270px;background:var(--corner-art) right top/contain no-repeat;mix-blend-mode:screen}
html[data-appearance=cybersigilism] .card-top{padding:22px 24px 20px}
html[data-appearance=cybersigilism] .card-body{padding:22px 24px}
html[data-appearance=cybersigilism] .event-catalog-card .card-top:after{width:260px;height:285px;opacity:.9;background-size:100% 100%}
html[data-appearance=cybersigilism] .event-catalog-card h2{padding-right:44px;font-size:28px}
html[data-appearance=cybersigilism] .event-catalog-card .event-date{font-size:18px}
html[data-appearance=cybersigilism] .event-catalog-card .age-badge{position:relative;z-index:1;background:#080b0fe8;border:1px solid #83939f;border-radius:14px;padding-inline:11px}
html[data-appearance=cybersigilism] :is(.company-banner,.request-banner){box-shadow:inset 0 1px #effaff66;border-bottom-color:#83929e}
html[data-appearance=cybersigilism] :is(.btn,.banner-leave,.company-editor-trigger,.calendar-trigger,.period-date-button,.calendar-icon){border-radius:9px;box-shadow:var(--metal-edge)}
html[data-appearance=cybersigilism] .btn:not(.primary):not(.ghost){background:linear-gradient(150deg,#d5e5f323,transparent 35%),linear-gradient(175deg,#3f434c,#1d2028 56%,#303039);border-color:#8f99a8}
html[data-appearance=cybersigilism] .btn.primary{background:linear-gradient(140deg,#eeff99,var(--acid) 60%,#bed83f);color:var(--on-accent);border-color:#dff883}
html[data-appearance=cybersigilism] .btn.danger{color:var(--danger);border-color:var(--danger)}
html[data-appearance=cybersigilism] :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--acid);outline-offset:3px}
html[data-appearance=cybersigilism] :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){border-color:#7f8b96;border-radius:9px;background-color:#0b0d13;box-shadow:inset 0 2px 8px #0009,inset 0 -1px #dce9ff33}
html[data-appearance=cybersigilism] :is(.filter-panel,.music-options,.attendance-fields,.company-editor,.company-event-context,.genre-picker,.profile-capsule,.city-picker,.language-popup){border-radius:10px;border-color:#6d7782;background-color:#090d13db}
html[data-appearance=cybersigilism] :is(.chip,.tag,.language-capsule,.profile-summary-trigger,.city-chip){box-shadow:inset 0 1px #e3f3ff26,inset 0 -1px #0006}
html[data-appearance=cybersigilism] :is(dialog,.calendar-panel,.language-popover){border-radius:12px;border-color:#a2b1bf;box-shadow:var(--metal-edge),0 22px 80px #000a;background:linear-gradient(#0b1018dd,#0b1018dd),var(--obsidian-art) center/cover}
html[data-appearance=cybersigilism] :is(.age-range-track,.timeline-track,.rating-track,.reminder-switch-track){box-shadow:inset 0 1px 4px #0008,inset 0 -1px #d3eaff50}
html[data-appearance=cybersigilism] :is(.agenda-event-track,.agenda-company-overlay,.banner-mini-range,.time-segment.selected,.selection-track .selected){box-shadow:inset 0 1px #f3fcff99,inset 0 -2px #0003;background-image:linear-gradient(180deg,#e4f5ff40,transparent 45%,#0002 49%,#f0faff1a 52%,transparent)}
html[data-appearance=cybersigilism] .age-range input::-webkit-slider-thumb{border-radius:4px;background:linear-gradient(135deg,#fff,#b9d4e5 45%,#718597 48%,#ecf9ff 55%,#9bb2c3);border:1px solid #edfaff;box-shadow:0 0 0 2px #17212b,0 0 0 3px var(--acid)}
html[data-appearance=cybersigilism] .age-range input::-moz-range-thumb{border-radius:4px;background:linear-gradient(135deg,#fff,#b9d4e5 45%,#718597 48%,#ecf9ff 55%,#9bb2c3);border:1px solid #edfaff;box-shadow:0 0 0 2px #17212b,0 0 0 3px var(--acid)}
html[data-appearance=cybersigilism] .reminder-switch-track:after{background:linear-gradient(135deg,#fff,#9eb8ca 48%,#ecf8ff 52%,#78909f);box-shadow:0 1px 4px #0009}
html[data-appearance=cybersigilism] .reminder-switch[aria-pressed=true] .reminder-switch-track:after{background:linear-gradient(135deg,#18232c,#5d7384 48%,#18232c 52%)}
html[data-appearance=cybersigilism] :is(.capsule-drums,.drum-picker){border-radius:9px;border-color:#9aaeba;box-shadow:var(--metal-edge);background:linear-gradient(165deg,#27333d,#0b1218 55%,#19252f)}
html[data-appearance=cybersigilism] .appearance-choices{border-color:#8e98a4;background:#0a0c10;box-shadow:var(--metal-edge);border-radius:14px}
html[data-appearance=cybersigilism] .appearance-choices button{border-radius:11px}
html[data-appearance=cybersigilism] .appearance-choices button[aria-pressed=true]{background:linear-gradient(#161c0e,#090c08);box-shadow:inset 0 1px #edffbe88,0 0 10px #d6fc532a}
html[data-appearance=cybersigilism] .appearance-sidebar{padding-top:18px;margin-top:-12px;border-top:1px solid #74808a}
html[data-appearance=cybersigilism] .document-header{border-color:#8495a2;background:linear-gradient(#07090caa,#07090caa),var(--obsidian-art) center 20%/cover;border-radius:0 0 10px 10px}
html[data-appearance=cybersigilism] .document-shell{background:linear-gradient(#07090ccc,#07090ccc),var(--obsidian-art) right top/1200px auto repeat-y}
html[data-appearance=cybersigilism] .document-nav a[aria-current=page]{color:var(--acid);background:var(--accent-soft)}
html[data-appearance=cybersigilism] .service-footer{border-top-color:#81909b;position:relative}
html[data-appearance=cybersigilism] .service-footer:before{content:"";display:block;width:180px;height:58px;margin:0 auto -20px;transform:translateY(-50%);background:var(--sigil-art) center/contain no-repeat;pointer-events:none}
@media(hover:hover){
 html[data-appearance=cybersigilism] :is(.btn,.calendar-icon,.period-date-button):not(:disabled):hover{border-color:#e5f5ff;box-shadow:inset 0 1px #fff,inset 0 -1px #d2ebff70,0 0 14px #b7dfff20}
 html[data-appearance=cybersigilism] .btn.primary:not(:disabled):hover{border-color:#f4ffc9;box-shadow:inset 0 1px #fff,0 0 16px #d6fc5330}
}
html[data-appearance=cybersigilism] .btn:not(:disabled):active{box-shadow:inset 0 2px 6px #0007}
html[data-appearance=cybersigilism] button:disabled{box-shadow:none;cursor:not-allowed}
@media(max-height:850px) and (min-width:761px){html[data-appearance=cybersigilism] .sidebar:after{width:250px;height:150px;left:-6px;top:60%}html[data-appearance=cybersigilism] .sidebar{gap:24px}}
@media(max-width:1100px){
 html[data-appearance=cybersigilism] .heading:after{width:50%;opacity:.6}
 html[data-appearance=cybersigilism] .heading>div{position:relative;z-index:1}
}
@media(max-width:760px){
 html[data-appearance=cybersigilism] .event-catalog{grid-template-columns:minmax(0,1fr)}
 .appearance-sidebar{display:none}.appearance-mobile{display:block;order:4;margin-left:auto}
 .topbar:has(.appearance-mobile){flex-wrap:wrap;padding-bottom:12px}
 .appearance-choices button{min-height:40px;padding-inline:10px;font-size:12px}
 .appearance-document{flex-basis:100%;margin:0}.appearance-document .appearance-choices{max-width:320px}
 html[data-appearance=cybersigilism] .shell{display:block;padding:0}
 html[data-appearance=cybersigilism] .main{border:0;border-radius:0;padding-inline:18px;background-size:auto 1000px}
 html[data-appearance=cybersigilism] .sidebar{position:fixed;height:auto;padding:7px 8px;top:auto;bottom:0;left:0;right:0;background:#090c10;border-top:1px solid #8895a1;border-radius:0}
 html[data-appearance=cybersigilism] .sidebar:before,html[data-appearance=cybersigilism] .sidebar:after{display:none}
 html[data-appearance=cybersigilism] .topbar{background:var(--sigil-art) left bottom/110px auto no-repeat}
 html[data-appearance=cybersigilism] .heading{min-height:0;margin:26px 0 24px}
 html[data-appearance=cybersigilism] .heading:after{display:none}
 html[data-appearance=cybersigilism] .heading h1{font-size:34px}
 html[data-appearance=cybersigilism] .card-top{padding:22px 18px}
 html[data-appearance=cybersigilism] .card-body{padding:20px 18px}
 html[data-appearance=cybersigilism] .event-catalog-card .card-top:after{width:120px;height:180px;opacity:.65}
 html[data-appearance=cybersigilism] .event-catalog-card h2{padding-right:18px}
}
@media(prefers-reduced-motion:reduce){html[data-appearance=cybersigilism] *,html[data-appearance=cybersigilism] *:before,html[data-appearance=cybersigilism] *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){
 .appearance-choices button[aria-pressed=true]{outline:2px solid Highlight}
 html[data-appearance=cybersigilism] h1{color:CanvasText;background:none;-webkit-text-fill-color:CanvasText;filter:none}
 html[data-appearance=cybersigilism] :is(.heading,.document-heading,.sidebar,.card,.card-top,.company-sheet,.profile-sheet,.admin-company,.company-create-panel,.profile-sheet-header,.service-footer):before,html[data-appearance=cybersigilism] :is(.heading,.document-heading,.sidebar,.card-top,.profile-sheet-header):after{display:none}
}