:root {
  --deep:   oklch(0.20 0.22 268);
  --aqua:   oklch(0.68 0.20 218);
  --aqua-dk:oklch(0.46 0.22 232);
  --glass:  rgba(12,10,40,0.48);
  --bdr:    rgba(255,255,255,0.28);
  --bdr-t:  rgba(255,255,255,0.50);
  --text:   rgba(235,240,255,0.98);
  --dim:    rgba(195,210,248,0.75);
  --red:    #ff3333;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
a,button,.glass-btn,.tw-item,.mb-item,.mb-drop-item,.tb-btn,.mini-tb-close,.calc-btn,.breath-btn,.sys-ok,.tw-watch-btn,.sched-link,.np-link,.yt-channel-link,.yt-single-wrap,.podcast-col,.about-item,.mb-url{cursor:pointer;}
html{font-size:106.5%;}
html,body{width:100%;min-height:100dvh;}
body {
  font-family:'Nunito',Trebuchet MS,sans-serif;
  background:
    radial-gradient(ellipse 38% 40% at 0% 0%,   oklch(0.62 0.20 188/.55), transparent 55%),
    radial-gradient(ellipse 65% 55% at 0% 90%,   oklch(0.38 0.22 10/.62),  transparent 58%),
    radial-gradient(ellipse 70% 55% at 100% 0%,  oklch(0.30 0.26 258/.60), transparent 60%),
    radial-gradient(ellipse 130% 110% at 50% 0%, oklch(0.24 0.26 258),     oklch(0.14 0.18 270) 75%);
  display:flex;align-items:center;justify-content:center;
  overflow-x:hidden;padding:20px 12px;position:relative;
}

/* ─── DIAGONAL RAINBOW BAND ─── */
.rb-diag {
  position:fixed;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(
    142deg,
    transparent 22%,
    rgba(120,200,0,.14) 30%,
    rgba(0,220,120,.22) 36%,
    rgba(0,240,200,.28) 40%,
    rgba(180,255,240,.32) 44%,
    rgba(240,255,255,.26) 47%,
    rgba(100,180,255,.26) 51%,
    rgba(60,100,255,.20) 56%,
    rgba(100,60,220,.12) 61%,
    transparent 70%
  );
}
/* iridescent thin edge lines */
.rb-edge {
  position:fixed;pointer-events:none;z-index:1;
  background:linear-gradient(
    142deg,
    transparent 27%,
    rgba(0,255,200,.22) 28.5%,
    rgba(0,200,255,.16) 29.5%,
    transparent 30.5%,
    transparent 65%,
    rgba(0,255,180,.14) 66%,
    rgba(80,180,255,.16) 67%,
    transparent 68%
  );
  inset:0;
}
/* glint spots */
.glints {
  position:fixed;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(ellipse 6% 5%  at 8%  6%,  rgba(100,255,220,.60),transparent),
    radial-gradient(ellipse 3% 3%  at 5%  13%, rgba(255,255,255,.55),transparent),
    radial-gradient(ellipse 4% 3%  at 72% 16%, rgba(255,255,255,.50),transparent),
    radial-gradient(ellipse 2% 2%  at 82% 24%, rgba(200,220,255,.40),transparent),
    radial-gradient(ellipse 2% 2%  at 55% 9%,  rgba(255,255,255,.32),transparent),
    radial-gradient(ellipse 1.5% 1.5% at 65% 28%,rgba(180,240,255,.28),transparent),
    radial-gradient(ellipse 3% 2%  at 88% 11%, rgba(180,200,255,.38),transparent),
    radial-gradient(ellipse 1.5% 1% at 45% 20%,rgba(200,255,240,.25),transparent);
}
/* light streaks (chromatic) */
.lk-streak {
  position:fixed;pointer-events:none;z-index:1;
  height:1.5px;width:35%;
  background:linear-gradient(to right,transparent,rgba(200,180,255,.50),rgba(100,255,220,.40),transparent);
  filter:blur(1px);
}
.lk-streak.s1{top:42%;left:55%;transform:rotate(-8deg);}
.lk-streak.s2{top:48%;left:60%;width:20%;transform:rotate(-6deg);opacity:.55;}
.lk-streak.s3{top:22%;left:5%;width:25%;transform:rotate(3deg);opacity:.35;}

/* ─── BUBBLE CANVAS ─── */
#bgCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;}

/* ─── LAYOUT ─── */
.layout-wrap{
  position:relative;z-index:10;
  display:flex;align-items:stretch;justify-content:center;gap:24px;
  width:100%;max-width:1180px;
}
.left-col{
  flex-direction:column;gap:14px;
  flex-shrink:0;width:560px;max-width:560px;
  display:flex;visibility:visible;opacity:1;
}
.schedule-row{
  display:flex;gap:10px;
  flex:1;
}
.schedule-win{
  flex:1;
  display:flex;
  flex-direction:column;
}
.schedule-win .sched-body{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* ─── WINDOW SHELL ─── */
.win-shell{
  border-radius:10px;
  background:var(--glass);
  backdrop-filter:blur(28px) saturate(160%);
  border:1px solid var(--bdr);border-top-color:var(--bdr-t);
  box-shadow:0 0 0 1px rgba(100,80,200,.28),0 20px 70px rgba(0,0,80,.55),0 1px 0 rgba(255,255,255,.10) inset;
  display:flex;flex-direction:column;overflow:hidden;
}
.main-win{flex:1;min-width:0;max-width:600px;}
.layout-wrap.has-live .main-win{max-width:580px;}
.twitch-panel{width:100%;flex-shrink:0;display:flex;flex-direction:column;position:relative;z-index:501;backdrop-filter:none;}

/* SCHEDULE WIDGET */
.sched-body{padding:16px 16px;}
.sched-ch-name{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--dim);margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.sched-ch-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.sched-ch-dot.live{background:var(--red);box-shadow:0 0 6px rgba(255,40,40,.6);animation:dotPls 1.5s ease-in-out infinite;}
.sched-ch-dot.off{background:#555;}
.sched-event{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:8px 10px;}
.sched-title{font-size:13px;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:5px;}
.sched-time{font-size:11.5px;font-weight:700;color:var(--dim);}
.sched-tz{font-size:10.5px;font-weight:600;color:oklch(0.45 0.12 260);margin-top:2px;}
.sched-none{font-size:12px;font-weight:600;color:var(--dim);font-style:italic;}
.sched-link{display:inline-block;margin-top:8px;font-size:10.5px;font-weight:700;color:var(--aqua);text-decoration:none;opacity:.7;}
.sched-link:hover{opacity:1;}

/* ─── TITLE BAR ─── */
.tb{
  background:rgba(255,255,255,0.06);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.09);
  height:34px;padding:0 10px;
  display:flex;align-items:center;gap:8px;flex-shrink:0;user-select:none;position:relative;
}
.tb::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.06) 0%,transparent 100%);border-radius:9px 9px 0 0;pointer-events:none;}
.tb-icon{font-size:15px;z-index:1;}
.tb-ttl{flex:1;font-size:13px;font-weight:700;color:rgba(220,230,255,.94);text-shadow:0 1px 4px rgba(0,0,60,.6);z-index:1;letter-spacing:.3px;}
.tb-ctls{display:flex;gap:4px;z-index:1;}
.tb-btn{width:24px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.28);font-size:9px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .15s;color:rgba(0,0,0,.55);}
.tb-btn:hover{filter:brightness(1.2);}
.tb-min{background:rgba(240,200,40,0.28);border-color:rgba(240,200,40,0.30);}
.tb-max{background:rgba(60,200,60,0.25);border-color:rgba(60,200,60,0.28);}
.tb-cls{background:rgba(220,50,50,0.30);color:rgba(255,200,200,.8);border-color:rgba(220,50,50,0.32);}

/* ─── MENU BAR ─── */
.mb{
  background:linear-gradient(to bottom,rgba(40,30,90,.60),rgba(25,20,65,.45));
  border-bottom:1px solid rgba(255,255,255,.10);
  height:26px;padding:0 10px;
  display:flex;align-items:center;gap:2px;flex-shrink:0;position:relative;z-index:50;
}
.mb-item{font-size:12px;font-weight:700;color:var(--dim);padding:2px 8px;border-radius:4px;cursor:pointer;transition:background .15s,color .15s;position:relative;}
.mb-item:hover{background:rgba(255,255,255,.10);color:var(--text);}
.mb-drop{
  display:none;position:absolute;top:100%;left:0;
  background:rgba(15,12,52,.95);backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.15);border-top:none;
  border-radius:0 0 8px 8px;min-width:175px;
  box-shadow:0 8px 24px rgba(0,0,60,.5);z-index:200;
}
.mb-item:hover .mb-drop{display:block;}
.mb-drop-item{padding:7px 14px;font-size:12px;font-weight:700;color:var(--dim);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;}
.mb-drop-item:hover{background:rgba(255,255,255,.08);color:var(--text);}
.mb-drop-item.danger:hover{color:rgba(255,150,150,.9);}
.mb-url{margin-left:auto;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:1px 8px;font-size:10px;color:var(--dim);font-weight:600;}

/* ─── SIDEBAR ─── */
.win-body{display:flex;flex:1;overflow:hidden;min-height:0;}
.sidebar{
  width:218px;flex-shrink:0;
  background:linear-gradient(to bottom,rgba(30,20,80,.55),rgba(20,14,60,.40));
  border-right:1px solid rgba(255,255,255,.09);
  display:flex;flex-direction:column;align-items:center;
  padding:18px 14px 14px;gap:10px;overflow-y:auto;
}
.avatar-wrap{position:relative;width:108px;height:108px;flex-shrink:0;}
.avatar-ring{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(oklch(0.75 0.20 0),oklch(0.70 0.20 60),oklch(0.75 0.18 120),oklch(0.70 0.22 210),oklch(0.68 0.22 270),oklch(0.72 0.20 330),oklch(0.75 0.20 360));animation:ringRot 5s linear infinite;}
@keyframes ringRot{to{transform:rotate(360deg);}}
.avatar-ring::after{content:'';position:absolute;inset:3px;border-radius:50%;background:oklch(0.20 0.22 268);}
.avatar-img{position:absolute;inset:0;border-radius:50%;width:100%;height:100%;object-fit:cover;border:3px solid rgba(255,255,255,.20);box-shadow:0 2px 16px rgba(80,0,200,.35);}
.site-name{font-size:21px;font-weight:800;color:var(--text);text-align:center;line-height:1.15;text-shadow:0 0 22px rgba(120,100,255,.5);text-transform:lowercase;}
.site-tag{font-size:11.5px;font-weight:600;color:var(--dim);text-align:center;line-height:1.4;}
.pronoun-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:2px 10px;font-size:9.5px;font-weight:700;color:var(--dim);}
.sb-div{width:80%;height:1px;background:linear-gradient(to right,transparent,rgba(150,130,255,.3),transparent);}

/* Twitch sidebar */
.tw-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);margin-bottom:6px;text-align:center;}
.tw-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;margin-bottom:5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);text-decoration:none;transition:background .2s;cursor:pointer;width:100%;}
.tw-item:hover{background:rgba(255,255,255,.10);}
.tw-item.is-live{background:rgba(255,40,40,.09);border-color:rgba(255,80,80,.25);}
.tw-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;background:#444;box-shadow:0 0 0 2px rgba(255,255,255,.10);transition:background .3s;}
.tw-dot.live{background:var(--red);box-shadow:0 0 10px rgba(255,40,40,.75),0 0 0 2px rgba(255,255,255,.12);animation:dotPls 1.5s ease-in-out infinite;}
.tw-dot.offline{background:#444;}
@keyframes dotPls{0%,100%{opacity:1}50%{opacity:.40}}
.tw-info{flex:1;min-width:0;}
.tw-name{font-size:14px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tw-sub{font-size:11px;font-weight:600;color:var(--dim);margin-top:1px;}

/* ─── CONTENT ─── */
.content{flex:1;padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-width:0;}
.sec-main{font-size:21px;font-weight:800;color:var(--text);text-shadow:0 0 30px rgba(120,100,255,.4);}
.sec-brand{font-size:15.5px;font-weight:800;color:var(--text);margin-top:2px;}
.sec-desc{font-size:12px;font-weight:600;color:var(--dim);margin-top:2px;line-height:1.5;}
.sec-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--dim);padding:0 2px;margin-bottom:-4px;margin-top:4px;}

/* ─── MEDIA GRID (YT + PODCAST) ─── */
.btd-media{display:grid;grid-template-columns:1fr 110px;gap:8px;align-items:stretch;}
.yt-single-wrap{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;text-decoration:none;background:rgba(255,255,255,.04);border:1px solid var(--bdr);}
.yt-single-thumb{aspect-ratio:16/9;overflow:hidden;position:relative;}
.yt-single-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s;}
.yt-single-wrap:hover .yt-single-thumb img{transform:scale(1.04);}
.yt-single-title{font-size:9.5px;font-weight:700;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.yt-footer{display:flex;align-items:center;gap:7px;padding:6px 10px;border-top:1px solid rgba(255,255,255,.07);transition:background .2s;overflow:hidden;}
.yt-footer svg{width:14px;height:14px;flex-shrink:0;}
.yt-footer-marquee{flex:1;overflow:hidden;min-width:0;position:relative;}
.yt-footer-lbl{font-size:10px;font-weight:700;color:var(--dim);white-space:nowrap;display:inline-block;}
.yt-footer-marquee.scrolling{mask-image:linear-gradient(to right,transparent 0,black 6px,black calc(100% - 6px),transparent 100%);}
.yt-footer-marquee.scrolling .yt-marquee-inner{display:inline-flex;animation:ytMarqueeLoop var(--marquee-dur,12s) linear infinite;}
.yt-footer-marquee.scrolling .yt-footer-lbl{animation:none;}
@keyframes ytMarqueeLoop{
  0%   { transform:translateX(0); }
  100% { transform:translateX(var(--marquee-dist,-120px)); }
}
.yt-placeholder-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);font-size:11px;font-weight:600;color:var(--dim);}

.podcast-col{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;text-decoration:none;border:1px solid var(--bdr);}
.podcast-col:hover img{filter:brightness(1.1);}
.podcast-footer{background:rgba(255,20,180,.10);border-top:1px solid rgba(255,20,180,.18);padding:5px 7px;display:flex;align-items:center;justify-content:center;gap:5px;}
.podcast-footer svg{width:13px;height:13px;stroke:rgba(255,180,240,.85);fill:none;stroke-width:1.8;flex-shrink:0;}
.podcast-footer-lbl{font-size:9px;font-weight:800;color:rgba(255,180,240,.85);}

/* ─── GLASS BUTTONS ─── */
.glass-row{display:flex;gap:7px;}
.glass-btn{flex:1;display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--bdr);border-top-color:rgba(255,255,255,.22);text-decoration:none;transition:background .18s,transform .15s;cursor:pointer;position:relative;overflow:hidden;}
.glass-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none;}
.glass-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-1px);}
.glass-btn:active{transform:none;}
.gb-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.gb-icon svg{width:14px;height:14px;stroke:var(--text);fill:none;stroke-width:1.8;}
.gb-info{flex:1;min-width:0;}
.gb-name{font-size:13px;font-weight:800;color:var(--text);line-height:1.2;}
.gb-sub{font-size:11px;font-weight:600;color:var(--dim);}
.gb-arr{font-size:13px;color:var(--dim);flex-shrink:0;}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}

/* ─── LAST.FM ─── */
.lastfm-wrap{background:rgba(255,255,255,.05);border:1px solid var(--bdr);border-top-color:rgba(255,255,255,.20);border-radius:12px;padding:10px 12px;}
.lf-header{display:flex;align-items:center;gap:6px;margin-bottom:9px;}
.lf-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);}
.lf-status{font-size:8px;font-weight:800;padding:1px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;}
.lf-status.now{background:linear-gradient(to bottom,oklch(0.55 0.22 218),oklch(0.38 0.24 228));color:#fff;animation:lfPls 2s ease-in-out infinite;}
.lf-status.last{background:rgba(255,255,255,.10);color:var(--dim);}
@keyframes lfPls{0%,100%{opacity:1}50%{opacity:.65}}
.np-container{min-height:46px;display:flex;align-items:center;}
.np-row{display:flex;align-items:center;gap:10px;width:100%;}
.np-art{width:42px;height:42px;border-radius:6px;border:1px solid rgba(255,255,255,.14);object-fit:cover;flex-shrink:0;}
.np-ph{width:42px;height:42px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,oklch(0.35 0.20 260),oklch(0.25 0.18 275));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.np-info{flex:1;min-width:0;}
.np-track{font-size:13px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.np-artist{font-size:11.5px;font-weight:600;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.np-load{font-size:11px;font-weight:600;color:var(--dim);font-style:italic;}
.np-link{font-size:9px;font-weight:700;color:var(--aqua);text-decoration:none;opacity:.7;flex-shrink:0;}
.np-link:hover{opacity:1;}

/* ─── STATUS BAR ─── */
.statusbar{height:24px;padding:0 10px;background:linear-gradient(to bottom,rgba(30,20,80,.55),rgba(18,12,55,.45));border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:6px;flex-shrink:0;}
.sb-l{flex:1;font-size:11.5px;font-weight:700;color:var(--dim);display:flex;align-items:center;gap:6px;}
.sb-live{background:linear-gradient(to bottom,#ff4444,#cc1111);color:#fff;font-size:8px;font-weight:800;padding:1px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.5px;animation:dotPls 1.5s ease-in-out infinite;display:none;}
.sb-live.show{display:block;}
.sb-r{font-size:9px;font-weight:700;color:oklch(0.42 0.10 262);}

/* ─── TWITCH PANEL ─── */
.tw-embed-wrap{background:#000;aspect-ratio:16/9;position:relative;min-width:400px;min-height:300px;z-index:502;}
.tw-embed-wrap iframe{width:100%;height:100%;border:none;display:block;}
.tw-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,rgba(5,3,25,.92),rgba(15,8,40,.92));}
.tw-fallback-txt{font-size:11px;font-weight:700;color:var(--dim);text-align:center;}
.tw-watch-btn{background:rgba(255,40,40,.18);border:1px solid rgba(255,80,80,.30);color:rgba(255,160,160,.9);font-size:11px;font-weight:800;padding:7px 16px;border-radius:12px;cursor:pointer;text-decoration:none;transition:background .18s;}
.tw-watch-btn:hover{background:rgba(255,40,40,.30);}
.tw-panel-info{padding:8px 12px;display:flex;align-items:center;gap:8px;}
.tw-pi-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 8px rgba(255,40,40,.7);animation:dotPls 1.5s ease-in-out infinite;flex-shrink:0;}
.tw-pi-text{font-size:12px;font-weight:700;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ─── OVERLAY SYSTEM ─── */
.overlay-layer{position:fixed;inset:0;z-index:500;pointer-events:none;}
/* Popups within the overlay layer are pointer-events:all individually */
.pop-win{
  position:fixed;z-index:600;
  border-radius:10px;background:rgba(12,10,42,.96);
  border:1px solid var(--bdr);border-top-color:var(--bdr-t);
  box-shadow:0 0 0 1px rgba(80,60,200,.25),0 20px 60px rgba(0,0,80,.6);
  display:none;overflow:hidden;
}
.pop-win.open{display:block;animation:popIn .22s cubic-bezier(.34,1.5,.64,1);}
@keyframes popIn{from{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* ─── MINI APPS (draggable) ─── */
.mini-app{position:fixed;z-index:700;display:none;border-radius:10px;background:rgba(12,10,42,.96);border:1px solid var(--bdr);border-top-color:var(--bdr-t);box-shadow:0 0 0 1px rgba(80,60,200,.25),0 20px 60px rgba(0,0,80,.6);overflow:hidden;}
.mini-app.open{display:block;animation:popIn .22s cubic-bezier(.34,1.5,.64,1);}
.mini-tb{background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.09);height:30px;display:flex;align-items:center;gap:7px;padding:0 8px;position:relative;cursor:grab;user-select:none;flex-shrink:0;}
.mini-tb.dragging{cursor:grabbing;}
.mini-tb::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;}
.mini-tb-icon{font-size:13px;z-index:1;}
.mini-tb-title{flex:1;font-size:11px;font-weight:700;color:rgba(220,230,255,.90);text-shadow:0 1px 3px rgba(0,0,60,.6);z-index:1;}
.mini-tb-close{width:20px;height:14px;border-radius:3px;background:linear-gradient(to bottom,#ff8888,#cc0000);border:1px solid rgba(0,0,0,.3);font-size:8px;font-weight:800;color:rgba(255,255,255,.9);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;}
.mini-tb-close:hover{filter:brightness(1.2);}

/* NOTEPAD */
#appNotepad{width:340px;}
.notepad-body{display:flex;flex-direction:column;height:240px;}
.notepad-area{flex:1;background:transparent;border:none;resize:none;color:var(--text);font-family:'Nunito',Trebuchet MS,sans-serif;font-size:12px;font-weight:600;padding:12px;outline:none;line-height:1.6;}
.notepad-footer{padding:4px 10px;border-top:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:700;color:var(--dim);}

/* CALCULATOR */
#appCalc{width:240px;}
.calc-display{background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.08);padding:10px 14px;text-align:right;}
.calc-expr{font-size:10px;font-weight:600;color:var(--dim);min-height:14px;}
.calc-val{font-size:26px;font-weight:800;color:var(--text);line-height:1;}
.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.06);}
.calc-btn{background:rgba(12,10,42,.85);border:none;color:var(--text);font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;padding:13px 0;cursor:pointer;transition:background .12s;text-align:center;}
.calc-btn:hover{background:rgba(255,255,255,.10);}
.calc-btn.op{color:rgba(180,200,255,.9);}
.calc-btn.eq{background:linear-gradient(to bottom,oklch(0.50 0.22 218),oklch(0.36 0.24 228));color:#fff;}
.calc-btn.eq:hover{filter:brightness(1.15);}
.calc-btn.clr{color:rgba(255,140,140,.9);}

/* BREATHING BOX */
#appBreath{width:260px;}
.breath-body{padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;}
.breath-box-wrap{position:relative;width:120px;height:120px;}
.breath-box{
  width:120px;height:120px;border-radius:16px;
  background:rgba(255,255,255,.06);border:2px solid rgba(120,180,255,.35);
  display:flex;align-items:center;justify-content:center;
  transition:transform 4s ease-in-out,border-color 4s ease-in-out,background 4s ease-in-out;
  position:relative;overflow:hidden;
}
.breath-box::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(100,150,255,.12),rgba(200,100,255,.08));border-radius:14px;}
.breath-count{font-size:32px;font-weight:800;color:var(--text);z-index:1;}
.breath-phase{font-size:12px;font-weight:800;color:var(--dim);letter-spacing:.5px;text-transform:uppercase;}
.breath-controls{display:flex;gap:8px;}
.breath-btn{background:rgba(255,255,255,.08);border:1px solid var(--bdr);color:var(--text);font-family:'Nunito',sans-serif;font-size:11px;font-weight:700;padding:6px 14px;border-radius:10px;cursor:pointer;transition:background .15s;}
.breath-btn:hover{background:rgba(255,255,255,.15);}

/* ─── SYSTEM DIALOGS ─── */
.sys-overlay{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.40);backdrop-filter:blur(4px);}
.sys-overlay.open{display:flex;}
.sys-win{width:300px;border-radius:10px;background:rgba(12,10,42,.97);border:1px solid var(--bdr);border-top-color:var(--bdr-t);box-shadow:0 0 0 1px rgba(80,60,200,.25),0 20px 60px rgba(0,0,80,.6);overflow:hidden;animation:popIn .22s cubic-bezier(.34,1.5,.64,1);}
.sys-body{padding:18px 20px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.sys-icon{font-size:28px;}
.sys-text{font-size:12.5px;font-weight:700;color:var(--text);line-height:1.55;}
.sys-footer{padding:0 14px 14px;display:flex;justify-content:flex-end;}
.sys-ok{background:linear-gradient(to bottom,oklch(0.50 0.22 218),oklch(0.36 0.24 228));color:#fff;font-family:'Nunito',sans-serif;font-size:11px;font-weight:800;padding:6px 18px;border-radius:10px;border:none;cursor:pointer;}
.sys-ok:hover{filter:brightness(1.15);}
/* Easter egg */
.easter-overlay{position:fixed;inset:0;z-index:850;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);}
.easter-overlay.open{display:flex;}
.easter-win{width:300px;border-radius:10px;background:rgba(12,10,42,.96);border:1px solid var(--bdr);border-top-color:var(--bdr-t);box-shadow:0 0 0 1px rgba(80,60,200,.25),0 20px 60px rgba(0,0,80,.6);overflow:hidden;animation:popIn .22s cubic-bezier(.34,1.5,.64,1);}
.easter-body{padding:18px 20px;font-size:12.5px;font-weight:600;line-height:1.75;color:var(--text);}

/* ─── MEDIUM (sidebar collapse) ─── */
@media(max-width:1080px) and (min-width:681px){
  .layout-wrap{gap:16px;}
  .left-col{width:auto;max-width:none;flex:1;min-width:0;}
  .main-win{max-width:380px;}
  .layout-wrap.has-live .main-win{max-width:360px;}
  .win-body{flex-direction:column;}
  .sidebar{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.09);gap:8px;}
  .avatar-wrap{width:76px;height:76px;}
  .sb-div{display:none;}
  .tw-embed-wrap{min-width:300px;min-height:225px;}
}

/* ─── MOBILE ─── */
@media(max-width:680px){
  body{padding:8px;align-items:flex-start;}
  .layout-wrap{flex-direction:column;}
  .left-col{width:100%;}
  .layout-wrap.has-live .main-win{max-width:100%;}
  .twitch-panel{width:100%;}
  .schedule-row{flex-direction:column;}
  .win-body{flex-direction:column;}
  .sidebar{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:16px 12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.09);gap:8px;}
  .avatar-wrap{width:76px;height:76px;}
  .site-name{font-size:36px;margin-bottom:16px;margin-top:16px;}
  .tw-name{font-size:18px;font-weight:800;}
  .tw-label{font-size:11px;}
  .sb-div{display:none;}
  .btd-media{grid-template-columns:1fr;}
  .podcast-col{height:140px;}
  .social-grid{grid-template-columns:1fr;}
  .yt-single-wrap{aspect-ratio:1/1;}
  .yt-single-thumb{aspect-ratio:1/1;object-fit:contain;}
  .yt-single-thumb img{object-fit:cover;}
  .rb-diag,.rb-edge,.glints,.lk-streak,#bgCanvas{display:none;}
}

/* ─── GLINT TWEAKABLE OPACITY ─── */
.glints { opacity: var(--glint-opacity, 1); transition: opacity 1s; }

/* ─── ATMOSPHERE: FOREST ─── */
body.atm-forest {
  background:
    radial-gradient(ellipse 38% 40% at 0% 0%,   oklch(0.50 0.20 145/.55), transparent 55%),
    radial-gradient(ellipse 65% 55% at 0% 90%,   oklch(0.35 0.18 42/.62),  transparent 58%),
    radial-gradient(ellipse 70% 55% at 100% 0%,  oklch(0.28 0.22 158/.60), transparent 60%),
    radial-gradient(ellipse 130% 110% at 50% 0%, oklch(0.20 0.18 152),     oklch(0.12 0.14 162) 75%);
}
body.atm-forest .rb-diag {
  background:linear-gradient(142deg,transparent 22%,rgba(0,160,40,.16) 30%,rgba(0,220,100,.24) 36%,rgba(100,255,120,.28) 41%,rgba(220,255,200,.28) 45%,rgba(255,255,240,.22) 47%,rgba(100,200,80,.20) 51%,rgba(60,160,60,.14) 56%,transparent 65%);
}
body.atm-forest .rb-edge { background:linear-gradient(142deg,transparent 27%,rgba(0,255,120,.22) 28.5%,rgba(120,255,80,.16) 29.5%,transparent 30.5%,transparent 65%,rgba(0,220,80,.14) 66%,rgba(80,255,120,.16) 67%,transparent 68%); }
body.atm-forest .glints {
  background:
    radial-gradient(ellipse 6% 5% at 8% 6%, rgba(80,255,140,.55),transparent),
    radial-gradient(ellipse 3% 3% at 5% 13%, rgba(255,255,220,.50),transparent),
    radial-gradient(ellipse 4% 3% at 72% 16%, rgba(200,255,180,.45),transparent),
    radial-gradient(ellipse 2% 2% at 82% 24%, rgba(180,240,180,.35),transparent),
    radial-gradient(ellipse 3% 2% at 88% 11%, rgba(160,220,160,.32),transparent);
}

/* ─── ATMOSPHERE: NEON ─── */
body.atm-neon {
  background:
    radial-gradient(ellipse 38% 40% at 0% 0%,   oklch(0.55 0.28 330/.55), transparent 55%),
    radial-gradient(ellipse 65% 55% at 0% 90%,   oklch(0.35 0.22 280/.62), transparent 58%),
    radial-gradient(ellipse 70% 55% at 100% 0%,  oklch(0.30 0.28 320/.60), transparent 60%),
    radial-gradient(ellipse 130% 110% at 50% 0%, oklch(0.22 0.24 285),     oklch(0.13 0.20 300) 75%);
}
body.atm-neon .rb-diag { background:linear-gradient(142deg,transparent 22%,rgba(255,0,150,.20) 30%,rgba(220,0,255,.28) 36%,rgba(255,80,255,.34) 41%,rgba(255,200,255,.30) 45%,rgba(255,255,255,.22) 47%,rgba(200,80,255,.24) 51%,rgba(140,40,255,.18) 56%,transparent 65%); }
body.atm-neon .rb-edge { background:linear-gradient(142deg,transparent 27%,rgba(255,0,255,.24) 28.5%,rgba(200,0,255,.18) 29.5%,transparent 30.5%,transparent 65%,rgba(255,0,200,.16) 66%,rgba(180,0,255,.18) 67%,transparent 68%); }
body.atm-neon .glints {
  background:
    radial-gradient(ellipse 6% 5% at 8% 6%, rgba(255,0,220,.55),transparent),
    radial-gradient(ellipse 3% 3% at 5% 13%, rgba(255,200,255,.50),transparent),
    radial-gradient(ellipse 4% 3% at 72% 16%, rgba(255,255,255,.48),transparent),
    radial-gradient(ellipse 2% 2% at 82% 24%, rgba(220,100,255,.40),transparent),
    radial-gradient(ellipse 3% 2% at 88% 11%, rgba(200,0,255,.35),transparent);
}