:root{
--jc-bg:#031021;--jc-bg-soft:#061831;--jc-surface:#071a34;--jc-surface-2:#0a2345;
--jc-text:#f8fbff;--jc-muted:#a8b9cf;--jc-border:rgba(164,194,230,.16);
--jc-primary:#2f80ed;--jc-primary-dark:#0b4fa2;--jc-cyan:#59d9ff;
--jc-success:#2ed18d;--jc-danger:#ff6d79;--jc-warning:#ffb347;
--jc-shadow:0 30px 90px rgba(0,19,55,.38)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--jc-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;background:radial-gradient(circle at 8% 0%,rgba(47,128,237,.22),transparent 31%),radial-gradient(circle at 94% 8%,rgba(89,217,255,.08),transparent 28%),linear-gradient(145deg,var(--jc-bg),var(--jc-bg-soft) 48%,var(--jc-bg))}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin-top:0}


/* ===== VISIBLE GLASS BLUE OVERRIDES ===== */
:root{
    --jc-glass-bg:rgba(47,128,237,.14);
    --jc-glass-bg-strong:rgba(47,128,237,.20);
    --jc-glass-border:rgba(47,128,237,.34);
    --jc-glass-shadow:0 22px 60px rgba(31,94,190,.16);
}
body.jc-app-body{
    background:
      radial-gradient(circle at 8% 5%,rgba(47,128,237,.17),transparent 32%),
      radial-gradient(circle at 92% 8%,rgba(89,217,255,.13),transparent 30%),
      linear-gradient(180deg,#f5f9ff 0%,#edf5ff 100%) !important;
}
.jc-app-main,
.jc-app-content{
    background:transparent !important;
}


/* COMPACT GLOBAL SCALE */
html{font-size:15px}
.jc-container{width:min(92%,1320px) !important}
.jc-app-content{padding:24px !important}
.jc-page-heading{margin-bottom:22px !important}
.jc-page-heading h1{font-size:clamp(2.4rem,4vw,4rem) !important}
.jc-app-topbar{height:70px !important}
.jc-sidebar{width:250px !important}


/* COMPACT RECORDING WORKFLOW */
html{font-size:14px !important}
.jc-container{width:min(93%,1260px) !important}
.jc-app-content{padding:20px !important}
.jc-page-heading{margin-bottom:18px !important}
.jc-page-heading h1{
    font-size:clamp(2rem,3.4vw,3.35rem) !important;
    line-height:1 !important;
}
.jc-page-heading p{font-size:.92rem !important}