:root{--live-ink:#f3e3ce;--live-card:#20213f;--live-line:#ffffff20}.live-section{padding:95px 0 65px;scroll-margin-top:90px}.live-intro{display:flex;align-items:center;gap:10px;font-size:13px;color:#aca6c6;margin:25px 0}.live-intro span:last-child{margin-left:auto}.live-dot{width:7px;height:7px;background:#9be2c4;border-radius:50%;box-shadow:0 0 14px #9be2c4}.live-tools{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.live-tools button,.exhibit-actions button,.exhibit-actions a{border:1px solid var(--live-line);background:#282442;color:var(--live-ink);border-radius:24px;padding:10px 17px;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}.live-tools button[aria-pressed=true],.exhibit-actions button.active{background:#f3c789;color:#342641}.live-tools input{flex:1;min-width:180px;background:#ffffff09;border:1px solid var(--live-line);border-radius:25px;padding:12px 18px;color:inherit;font:inherit}#live-filters{display:flex;gap:7px;flex-wrap:wrap}#live-status{font-size:13px;color:#baabc9}#live-status:empty{display:none}#live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.live-card{min-width:0;border:1px solid var(--live-line);background:var(--live-card);border-radius:23px;overflow:hidden;transition:transform .25s,border-color .25s}.live-card:hover{transform:translateY(-5px);border-color:#f3c78980}.live-preview{display:block;position:relative;width:100%;height:220px;overflow:hidden;border:0;padding:0;cursor:pointer;background:#12152c;color:#fff}.live-preview canvas{display:block;width:100%;height:100%}.live-badge{position:absolute;top:13px;left:14px;font:10px monospace;letter-spacing:1px;padding:6px 9px;background:#0a0a20b3;border-radius:20px;color:#efe2cf}.live-open{position:absolute;right:15px;bottom:14px;border-radius:50%;background:#fff1d9;color:#342641;width:31px;height:31px;display:grid;place-items:center}.live-card-body{padding:23px}.live-card h3{font-size:22px;margin:0 0 12px;color:var(--live-ink)}.live-card p{font-size:13px;line-height:1.85;color:#beb5ce;min-height:49px;margin:0 0 18px}.live-tags{display:flex;gap:7px;flex-wrap:wrap;font-size:10px;color:#c8c3da}.live-tags span{padding:4px 9px;border:1px solid #ffffff20;border-radius:20px}.live-card-actions{display:flex;gap:10px;margin-top:20px}.live-card-actions button{padding:0;border:0;background:none;color:#f3c789;font:inherit;font-size:12px;cursor:pointer}.live-card-actions button+button{margin-left:auto;color:#b0dfcf}.live-foot{margin:26px 0 0;font-size:12px;color:#9992af}#exhibit-dialog{width:min(1100px,94vw);max-height:94dvh;padding:26px;border:1px solid #82648570;border-radius:24px;background:#17172e;color:#f3e3ce;box-sizing:border-box;overflow:auto}#exhibit-dialog::backdrop{background:#070819e8;backdrop-filter:blur(9px)}#exhibit-dialog header{display:flex;align-items:center;justify-content:space-between}#exhibit-title{font-size:27px;margin:5px 0}#exhibit-category{font:10px monospace;letter-spacing:3px;color:#d9afc5}#exhibit-close{border:1px solid #ffffff30;border-radius:50%;background:none;color:#fff;font-size:18px;cursor:pointer;width:38px;height:38px}#exhibit-description{font-size:13px;color:#b9afc8;margin:12px 0}.exhibit-actions{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}#exhibit-stage{height:min(60vh,620px);min-height:250px;background:#090c22;border-radius:16px;overflow:hidden}#exhibit-stage canvas,#exhibit-stage iframe{display:block;width:100%;height:100%;border:0}#exhibit-source{max-height:60vh;overflow:auto;margin:0;background:#090c20;border-radius:15px;padding:23px;font:12px/1.8 Consolas,monospace;white-space:pre;tab-size:2}#exhibit-message{font-size:12px;color:#d4a8be}[hidden]{display:none!important}html[data-theme=light]{--live-card:#f1e7f6;--live-line:#4b356b25;--live-ink:#302340}html[data-theme=light] .live-card p{color:#6a5b78}html[data-theme=light] .live-tags{color:#605074}html[data-theme=light] .live-card-actions button{color:#7a485b}html[data-theme=light] .live-tools input{color:#302340}@media(max-width:1000px){#live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#live-grid{grid-template-columns:1fr;gap:18px}.live-section{padding-top:55px}.live-preview{height:235px}.live-tools input{order:3;width:100%}.live-intro{font-size:10px}#exhibit-dialog{padding:15px;width:96vw}#exhibit-title{font-size:22px}#exhibit-stage{height:47vh}.live-tools button{font-size:11px;padding:9px 12px}.exhibit-actions button,.exhibit-actions a{font-size:11px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.live-card{transition:none}}

html[data-theme=light] .live-tools button:not([aria-pressed=true]){color:#f3e3ce}html[data-theme=light] .live-intro,html[data-theme=light] .live-foot{color:#756386}

#exhibit-dialog .exhibit-actions button,#exhibit-dialog .exhibit-actions a{color:#f3e3ce}#exhibit-dialog .exhibit-actions button.active{color:#342641}


/* ℒγ Art Portfolio — English Script Typography */
.live-card h3,
#exhibit-title {
    font-family: "Brush Script MT", "Segoe Script",
                 "URW Chancery L", cursive;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.live-card h3 {
    font-size: 28px;
    line-height: 1.3;
}

#exhibit-title {
    font-size: 34px;
    line-height: 1.3;
}