@charset "UTF-8";
:root{--bg:#080d20;--panel:#10182e;--panel2:#18223c;--line:#303b5b;--text:#edf4ff;--muted:#a6b5ce;--accent:#65e6f2;--accent-bg:#17334c;--cyan:#65e6f2;--magenta:#f07ecf;--page-slide-in:64px;--page-slide-out:-48px}
body,.works-page{background:radial-gradient(ellipse at 4% 0,#b5318417,transparent 38%),radial-gradient(ellipse at 100% 12%,#12b9d017,transparent 42%),linear-gradient(#65e6f203 1px,transparent 1px),linear-gradient(90deg,#65e6f203 1px,transparent 1px),#080d20;background-size:auto,auto,64px 64px,64px 64px,auto;background-attachment:fixed;color:var(--text)}
::selection{background:#9e3e95;color:#fff}a,button,input,select{outline-color:var(--cyan)}
.site-header{background:#0a1024ed;border-bottom:1px solid #65e6f22b;box-shadow:0 6px 25px #0003;backdrop-filter:blur(18px)}
.brand{font-family:Arial,sans-serif;letter-spacing:.07em}.brand-mark{color:var(--cyan);text-shadow:0 0 12px #5be8f647,2px 1px 0 #ec67c338}.brand small{color:#afbed6}
.site-header nav{position:relative;isolation:isolate}.site-header nav a{position:relative;z-index:1;border:1px solid transparent;transition:color .2s,background .2s}.site-header nav a:hover{background:#65e6f20b;color:#b7f7ff}.site-header nav a[aria-current=page]{background:#34305a;color:#f4eaff;border-color:#dc7fc538;text-shadow:0 0 12px #ed83d33b}.site-header nav.has-selection a[aria-current=page]{background:transparent;border-color:transparent}
.nav-selection{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border:1px solid #cc87dc55;border-radius:8px;background:linear-gradient(115deg,#763d7d55,#255c7155);box-shadow:inset 0 0 16px #c963bf0c,0 0 14px #9c51b31a;view-transition-name:nav-selection}
h1,h2,h3{color:#f2f5ff}.page-heading h1,.home-intro h1,.works-page .gallery-heading h1{letter-spacing:.045em;text-shadow:0 0 25px #6cdfea14}.overline,.gallery-kicker,.eyebrow{color:var(--cyan);letter-spacing:.16em}.page-heading>p,.gallery-heading p{color:#a6b5ce}
.home-intro{gap:55px;padding-block:28px 46px;border-bottom-color:#65e6f225}.home-intro h1{font-size:clamp(27px,2.8vw,40px);line-height:1.6;max-width:820px}.home-intro .overline{display:flex;gap:10px;align-items:center}.home-intro .overline::before{content:"";width:24px;height:2px;background:var(--magenta);box-shadow:0 0 7px #f07ecf66}.intro-text{color:#bac6dc;line-height:2.05}
.home-links,.activity-card,.content-panel,.status-panel,.login-card{border-color:#404466;border-radius:15px;background:linear-gradient(125deg,#152039ed,#11162bed);box-shadow:0 12px 32px #0002,inset 0 1px 0 #d98ad30c}
.home-links{border-top-color:#a05a9559;border-right-color:#387b8c66;padding:20px 24px}.home-links>.muted{color:#a9bed6;font-size:12px}.home-links>a{border-bottom-color:#65e6f218}.home-links>a strong{color:#e7ecff;letter-spacing:.035em}.home-links>a>span{color:#9cadc9}.home-links>a:hover>span{color:#80eff6}
.activity-grid,.three-column{gap:20px}.activity-card{position:relative;border-top-color:#81609577;transition:transform .28s,border-color .28s,box-shadow .28s}.activity-card::before{content:"";position:absolute;top:-1px;left:24px;width:40px;height:2px;border-radius:4px;background:var(--cyan);box-shadow:0 0 8px #65e6f24d}.activity-card:nth-child(2)::before{background:var(--magenta);box-shadow:0 0 8px #f07ecf4d}.activity-card:nth-child(3)::before{background:#b49af8;box-shadow:0 0 8px #b49af84d}.activity-card:hover{transform:translateY(-4px);border-color:#65e6f27d;box-shadow:0 16px 34px #0004,0 0 18px #65e6f210}.card-symbol{color:#88eff6;text-shadow:0 0 14px #65e6f240}.activity-card:nth-child(2) .card-symbol{color:#efa2d9;text-shadow:0 0 14px #f07ecf40}.activity-card p,.content-panel>p{color:#acbbd2}.activity-card .inline-link{margin-top:8px}
.inline-link{color:#95ebf2}.inline-link:hover{color:#fac0e9}.content-panel h2,.activity-card h2{letter-spacing:.04em}.content-panel{border-top-color:#79608b66}.profile-panel{border-left-color:#d070b45c;border-right-color:#49a3b85c}.profile-avatar{border:1px solid #f18bd16e;box-shadow:0 0 18px #f07ecf1c,5px 4px 0 #65e6f20c}.profile-role{color:#e1b6f3!important}
.button{border:1px solid #6393a263;border-radius:9px;background:#14253c;color:#c7f7fa;box-shadow:inset 0 0 16px #65e6f205;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.button:hover{background:#19354c;border-color:#65e6f28c;box-shadow:0 0 14px #65e6f21f;transform:translateY(-2px)}.button.primary{background:linear-gradient(115deg,#91e8ec,#c2a5ed);border-color:#c6edfc99;color:#101a31;box-shadow:0 0 18px #65e6f219}.button.primary:hover{background:linear-gradient(115deg,#aef6f5,#debafa);box-shadow:0 0 22px #a77be82b}.button:active{transform:none}
.gallery-cta{min-height:54px;padding:13px 24px;border:1px solid #70e2ebbd;border-radius:10px;color:#ccf9fc;background:linear-gradient(115deg,#71346c26,#24617826);font-size:15px;letter-spacing:.05em;text-shadow:0 0 8px #65e6f24d;box-shadow:-3px 0 13px #e658bc1a,3px 0 13px #65e6f221,inset 0 0 14px #65e6f208;animation:none;transition:transform .25s,border-color .25s,box-shadow .25s}.gallery-cta:hover{border-color:#b5f5fa;filter:none;box-shadow:-3px 0 17px #e658bc33,3px 0 17px #65e6f238,inset 0 0 14px #65e6f20d}.gallery-cta-arrow{color:#f0a6dc}.gallery-cta:focus-visible{outline-color:#80f0f5}
.home-thumb{border-color:#4f59758c;background:linear-gradient(145deg,#18223a,#10172c);border-radius:11px;box-shadow:0 7px 18px #0002;transition:transform .28s,border-color .28s,box-shadow .28s}.home-thumb:hover{transform:translateY(-4px);border-color:#74eaf2a6;box-shadow:0 8px 22px #0004,0 0 15px #65e6f21a}
.tag-row>span,.version-label{border-color:#9567a150;background:#9d438d15;color:#e4bde7;border-radius:6px}.page-jumps>a{background:#18223a7a;border-color:#65e6f233;border-radius:8px;color:#a6edf4}.page-jumps>a:hover{background:#65e6f211;border-color:#65e6f266}.app-image img{border-color:#65e6f23d;border-radius:9px}.app-summary{background:radial-gradient(ellipse at top,#833e7a26,transparent 70%),#0d142a;border-color:#9875ad55;border-radius:12px}.app-box-icon{color:#91e8ef;text-shadow:0 0 22px #65e6f229}.app-detail p,.plain-list{color:#afbdd4}.spec-list>div,.channel-list>a{border-color:#65e6f21b}.channel-list>a>span{color:var(--cyan)}.status-panel{background:linear-gradient(115deg,#47274455,#10213a);border-left:2px solid #eb80cfa8;border-right-color:#65e6f247}.status-label{background:#bb4b9f20;border-color:#e782c755;color:#f6bde6;border-radius:6px}.status-panel p{color:#c0bed7}.note,.sidebar-note{color:#9badc7!important}
.site-footer{background:#080e20bd;border-top-color:#65e6f225;color:#8fa4bf}.site-footer a:hover{color:#87edf7;text-shadow:0 0 8px #65e6f233}
input[type=search],select,.edit-dialog input,.edit-dialog select{background:#0a132a;border-color:#485576;border-radius:8px;color:#e7effc}input::placeholder{color:#8697b1}input:focus-visible,select:focus-visible{outline-color:var(--cyan)}input[type=range]{accent-color:var(--cyan)}
.works-page .gallery-kicker{color:#87eaf4}.works-page .gallery-heading p{color:#a4b3cd}.works-page .count-badge{color:#bcf2f7;background:#65e6f208;border-color:#65e6f22c}.works-page .admin-link{color:#c99acb}.works-page .gallery-sidebar,.works-page .work-inspector{background:linear-gradient(135deg,#14203ae8,#11172de8);border-color:#5d57754d;box-shadow:0 10px 30px #0002}.works-page .gallery-sidebar h2,.works-page .work-inspector>h2{color:#b4c5de}.works-page .category-list button{color:#bbc9dd}.works-page .category-list button:hover{background:#65e6f20a}.works-page .category-list button[aria-pressed=true]{background:linear-gradient(115deg,#a8449833,#28617833);border-color:#e58cd34a;color:#f0e2ff;box-shadow:0 0 12px #c357b00c}.works-page .category-list button>span:last-child{color:#bcbed7}.works-page .sidebar-label{color:#a1b1cd}.works-page #year-filter{border-color:#65e6f225;background:#0b142a}.works-page .reset-button{color:#e4a3d6}.works-page .gallery-toolbar{background:#13203ae0;border-color:#65e6f22c}.works-page .search-box::before{border-color:#79c7d3}.works-page .search-box::after{background:#79c7d3}.works-page .search-box input{color:#deecff}.works-page .search-box input:focus{background:#080e2388}.works-page .gallery-toolbar select{background:#0c152d;border-color:#4a567a66;color:#dce9fc}.works-page .density-label,.works-page .result-count{color:#9db0cd}.works-page input[type=range]{accent-color:var(--cyan)}
.works-page .gallery-card{border-color:#7a88a322;background:linear-gradient(145deg,#20314b30,#11172c20)}.works-page .gallery-card[aria-pressed=true]{border-color:#e783d087;box-shadow:0 0 0 1px #e783d021,0 0 15px #e783d014}.works-page .gallery-card:hover{border-color:#7ae9f2a6;box-shadow:0 12px 30px #0005,0 0 17px #65e6f221}.works-page .gallery-card .tile-caption{background:linear-gradient(transparent,#0b1228ed)}.works-page .inspector-preview{background:#0b13284d}.works-page .inspector-meta>div{border-color:#65e6f216}.works-page .inspector-meta dt{color:#9aafca}.works-page .inspector-meta dd{color:#ccd8ea}.works-page .work-inspector .tag-row>span{color:#ddaddc;background:#e475ce0b;border-color:#e475ce38}.works-page .work-inspector .button{background:#65e6f207;border-color:#65e6f23d;color:#b9f4f8}.works-page .work-inspector .button:hover{background:#65e6f214}
.works-page .art-dialog{border-color:#6acdd455;background:#090f23fc;box-shadow:0 25px 100px #0009,0 0 35px #65e6f208}.works-page .dialog-top,.works-page .lightbox-caption{border-color:#65e6f21b}.viewer-label{color:#f0a7dd}.works-page .art-dialog .lightbox-arrow,.works-page .art-dialog .icon-button{color:#b9eef4;border-color:#65e6f23a;background:#11213d99}.works-page .art-dialog .lightbox-arrow:hover{background:#5ce4ee1c}.works-page .lightbox-caption p,#art-position,.viewer-hint{color:#93a9c5}.lightbox-stage{background:radial-gradient(ellipse at center,#6b417914,transparent 72%)}.viewer-loading{background:#101c32eb;border-color:#65e6f23d;color:#bfeef3}.viewer-loading::before{border-color:#65e6f244;border-top-color:#65e6f2}
.admin-panel{background:#172038;border-color:#bf7cb266}.upload-zone{border-color:#74dbe777;color:#cfecf6}.admin-status{color:#bbdbf4}.edit-dialog{background:#111b32;border-color:#76cbd066}.login-card .eyebrow{color:#84e7ed}.menu-toggle{background:#16223b;border-color:#65e6f23b;border-radius:8px;color:#c9f5f8}
@view-transition{navigation:auto}
main{view-transition-name:page-content}.site-header{view-transition-name:site-header}
::view-transition{pointer-events:none}::view-transition-group(root),::view-transition-group(site-header){animation-duration:0s}::view-transition-old(root),::view-transition-new(root),::view-transition-old(site-header),::view-transition-new(site-header){animation:none;mix-blend-mode:normal}
::view-transition-group(nav-selection){animation-duration:440ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(nav-selection),::view-transition-new(nav-selection){animation:none;mix-blend-mode:normal}
/* Only the incoming fixed UI is painted; overlapping old text/pills caused a flash at handoff. */
::view-transition-old(root),::view-transition-old(site-header),::view-transition-old(nav-selection){display:none}
::view-transition-group(page-content){animation:none}::view-transition-old(page-content){animation:midnight-page-out 340ms cubic-bezier(.4,0,.4,1) both;mix-blend-mode:normal}::view-transition-new(page-content){animation:midnight-page-in 440ms cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}
@keyframes midnight-page-out{to{opacity:0;transform:translateX(var(--page-slide-out))}}@keyframes midnight-page-in{from{opacity:0;transform:translateX(var(--page-slide-in))}to{opacity:1;transform:none}}
@media(max-width:850px){.home-intro{gap:26px;padding-block:8px 30px}.home-intro h1{font-size:29px}.home-links{padding:18px 20px}.activity-grid,.three-column{gap:16px}.activity-card::before{left:24px}}
@media(max-width:580px){body,.works-page{background-size:auto,auto,48px 48px,48px 48px,auto}.home-intro h1{font-size:27px;line-height:1.65;letter-spacing:.02em}.home-intro .overline{font-size:10px;letter-spacing:.08em}.home-intro .overline::before{width:16px}.home-links{padding:16px}.gallery-cta{width:100%;font-size:14px;min-height:52px;padding:12px 18px}.activity-card,.content-panel,.status-panel{border-radius:12px}.activity-card::before{left:20px;width:30px}.home-thumb{border-radius:8px}.section-title{row-gap:16px}.profile-name{font-size:25px}.site-footer>div{gap:20px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.activity-card:hover,.home-thumb:hover,.button:hover{transform:none}}
.home-intro h1{text-wrap:balance}
@media(max-width:580px){.home-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.home-links>.muted{grid-column:1/-1}.home-links>a{min-width:0}.home-links>a strong{font-size:14px}.home-links>a>span{font-size:10px;line-height:1.8}}
html{scrollbar-gutter:stable}