@font-face{font-family:OppPlex;src:url('/fonts/plex-sans.woff2') format('woff2');font-display:swap}
:root{--paper:#111610;--ink:#edf0e5;--green:#bbfa48;--acid:#bbfa48;--pink:#f093bf;--muted:#b8c0af;--line:#394334;--body:OppPlex,Arial,sans-serif;--display:Impact,'Arial Narrow',sans-serif}
body.art-pass{background:var(--paper);color:var(--ink);font-family:var(--body)}.art-pass :is(button,input,textarea,select){font-family:var(--body)}.art-pass :is(h1,h2){font-family:var(--display);font-weight:700;letter-spacing:.005em;line-height:1.08;text-transform:uppercase}.art-pass h3{font-family:var(--body);line-height:1.25;letter-spacing:0}.art-pass .brand{font-family:var(--display);text-transform:uppercase;color:var(--ink);letter-spacing:-.03em}.art-pass .brand-mark{color:var(--green)}
.art-pass :is(.workspace,.content,.topbar,.public-header,.footer,.hybrid-home,.panel,.tip-panel,.prime-sidebar,.prime-invite,.application-controls,.progress-strip,.board-detail,.job-detail-head,.job-detail-body,.track-stat,.extension-mock,.about-content){background:#141a12;color:var(--ink);border-color:var(--line)}.art-pass .sidebar{background:#0b100b;border-color:var(--line)}.art-pass .public-header{background:#0c110c;height:auto;min-height:82px;padding-block:18px}.art-pass .public-nav{gap:24px;flex-wrap:wrap}.art-pass .side-nav a{color:var(--muted)}.art-pass .side-nav a.active{background:var(--green);color:#182011;box-shadow:none}.art-pass .topbar{border-bottom:1px solid var(--line)}.art-pass :is(.note,.small-label,.breadcrumbs,.demo-label,.panel p,.tip-panel p){color:var(--muted)}.art-pass .eyebrow{color:var(--pink)}
.art-pass .btn{border-radius:3px;border:1px solid var(--line);font-weight:600}.art-pass .btn:is(.black,.green){background:var(--green);color:#182011;border-color:var(--green)}.art-pass .btn.pink{background:var(--pink);color:#291420}.art-pass .btn:is(.white,.quiet){background:#1d261a;color:var(--ink)}.art-pass .btn:hover{transform:none;filter:brightness(1.07)}.art-pass .text-button{color:var(--green)}.art-pass :is(.chip,.tab){background:#1c2519;color:var(--ink);border-color:var(--line)}.art-pass :is(.chip.active,.tab.active){background:var(--green);color:#182011}.art-pass :is(input,textarea,select){background:#20271c;color:var(--ink);border-color:#55634b}.art-pass :is(input,textarea)::placeholder{color:#aeb7a6}.art-pass :is(input,textarea,select):focus-visible{outline-color:var(--pink)}
.art-pass .aquarium-hero{position:relative;min-height:680px;background:#10200d;overflow:hidden;isolation:isolate;padding:60px 5% 65px}.art-pass .aquarium-copy{position:relative;z-index:2;width:45%;max-width:600px;pointer-events:none}.art-pass .aquarium-copy :is(a,button){pointer-events:auto}.art-pass .aquarium-copy h1{font-family:var(--display);font-size:clamp(3.5rem,5.8vw,6.3rem);line-height:1.03;letter-spacing:-.015em;margin:22px 0 24px;color:var(--ink);text-shadow:none}.art-pass .aquarium-copy h1 em{font-family:inherit;color:var(--green);font-style:normal}.art-pass .aquarium-copy p{color:#d4ddca;max-width:400px;font-size:1rem;line-height:1.6}.art-pass .aquarium-note{color:#c5cebc;font-size:.8rem;margin-top:22px}.art-pass .aquarium-secondary{background:#162011;color:var(--ink)}.art-pass .aquarium-scroll{z-index:3;color:var(--muted);bottom:20px}
.liquid-world{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#487c18,#203c10 55%,#10180e);isolation:isolate}.liquid-canvas{position:absolute;width:100%;height:100%;inset:0}.pool-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#0d160cf7 0%,#0d160fee 25%,#0d160fb0 41%,transparent 65%);z-index:3;pointer-events:none}.pool-object{position:absolute;width:24%;aspect-ratio:1;--waterline:70%;--lift:0px;--tilt:0deg;--ripple:.5;transform:translateY(var(--lift));z-index:2;pointer-events:none}.pool-object-0{left:53%;top:19%;width:27%}.pool-object-1{left:76%;top:9%;width:15%}.pool-object-2{left:78%;top:60%;width:17%}.pool-object-3{left:46%;top:61%;width:17%}.pool-object-above,.pool-object-below{position:absolute;inset:0;transform:rotate(var(--tilt));}.pool-object img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.pool-object-above{clip-path:inset(0 0 calc(100% - var(--waterline)) 0);filter:drop-shadow(0 8px 4px #11270f38)}.pool-object-below{clip-path:inset(var(--waterline) 0 0 0);opacity:.24;filter:sepia(.3) saturate(.65);transform:rotate(var(--tilt)) scaleY(.98)}.object-ripple{position:absolute;left:6%;width:88%;top:calc(var(--waterline) - 5%);height:12%;border:1px solid #c2ff9970;border-top-color:#dbffb999;border-radius:50%;opacity:var(--ripple);box-shadow:0 4px 10px #91ed5320;transform:rotate(-5deg)}.pool-pause{position:absolute;z-index:5;right:24px;bottom:22px;color:#edffe1;background:#142110d9;border:1px solid #81936c;border-radius:4px;padding:10px 14px;font-size:12px;min-height:44px}
.art-pass .pace-strip{background:var(--pink);color:#291420;border:0}.art-pass .steps{border:0;border-radius:0;gap:24px}.art-pass .step,.art-pass .step:nth-child(2){background:transparent;border:0;border-top:2px solid var(--green);padding:22px 0}.art-pass .step:nth-child(2){border-color:var(--pink)}.art-pass .tiny-preview{background:#1d271a;border:1px solid var(--line);box-shadow:none;color:var(--ink)}.art-pass .room-introduction{background:#24351b;color:var(--ink)}.art-pass .room-intro-copy h2{color:var(--ink);font-family:var(--display)}.art-pass .room-intro-copy p{color:#c7d3bd}.art-pass .room-intro-scene{transform:none;border:1px solid #435b32;box-shadow:none;isolation:isolate}.art-pass .room-intro-pet{width:13%;left:55%;top:52%;height:auto;bottom:auto;filter:none;mask-image:linear-gradient(#000 45%,#0003 70%,transparent 95%);animation:none}.art-pass .aquarium-closer{background:#111810;border-color:var(--line);color:var(--ink)}.art-pass .aquarium-closer h2{font-family:var(--display);color:var(--ink)}.art-pass .aquarium-closer p{color:var(--muted)}.art-pass .closer-mascot{max-height:350px;object-fit:contain;filter:none}.founder-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:70px 7%;background:#181e15;border-block:1px solid var(--line)}.founder-story h2{font-size:clamp(3rem,6vw,5rem);margin-top:20px}.founder-story h3{font-size:1.7rem;margin-bottom:22px}.founder-story p{color:var(--muted);max-width:650px;line-height:1.7}
.art-pass .room-scene{border:1px solid var(--line);border-radius:0;box-shadow:none;isolation:isolate}.art-pass .room-bg{image-rendering:auto}.art-pass #creature{width:11.5%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);transition:left .9s ease,top .9s ease;animation:none}.art-pass #creature :is(.pip-surface,.pip-depth){position:absolute;inset:0}.art-pass #creature img{width:100%;height:100%;object-fit:contain;filter:none;animation:none;image-rendering:auto}.art-pass .pip-surface{clip-path:inset(0 0 43% 0)}.art-pass .pip-depth{clip-path:inset(57% 0 0 0);opacity:.23}.pip-waterline{position:absolute;left:6%;width:88%;height:13%;top:54%;border-bottom:1px solid #d4ff9d99;border-radius:50%;transform:rotate(-6deg)}.art-pass .demo-play{background:#23301b;border:1px solid var(--line);color:var(--ink)}.art-pass .demo-play span{color:var(--muted)}.art-pass .level-pill{background:var(--pink);color:#24151f}.art-pass .pip-tank{height:auto;aspect-ratio:1;border:1px solid #3c5132;border-radius:8px;background:#0c100c;box-shadow:none}.art-pass .tank-portrait{width:100%;height:100%;object-fit:cover}.art-pass .tank-label{top:auto;bottom:8px;background:#0d150dde;padding:6px}.art-pass .tank-label b,.art-pass .tank-label span{font-size:12px}.art-pass .tank-feed{background:#151e11;border-color:var(--line);color:var(--ink)}
.art-pass .job-results{gap:10px}.art-pass .job-result{background:#192215;color:var(--ink);border:1px solid var(--line);border-radius:2px;box-shadow:none}.art-pass .job-result.selected{border-color:var(--green);background:#24301c}.art-pass .job-result :is(span,p){color:var(--muted)}.art-pass .job-result b{color:var(--green)}.art-pass .board-detail{border:1px solid var(--line);box-shadow:none;border-radius:2px}.art-pass .board-detail p{color:#c6cebe}.art-pass .board-detail h1{font-family:var(--display);font-size:2.8rem}.art-pass .status{background:#314324;color:#d7f4bd;border-color:#536940}.art-pass .track-stat{border:1px solid var(--line)}.art-pass .track-stat.active{border-color:var(--pink);background:#30232b}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}.case-file{padding:25px 22px;background:#25301c;border-top:9px solid var(--green);border-inline:1px solid #485b35;border-bottom:1px solid #485b35;position:relative;min-width:0}.case-file:nth-child(3n+2){background:#2d242b;border-top-color:var(--pink)}.case-file:nth-child(3n){background:#1d2c2b;border-top-color:#8ebbbb}.case-label{font-size:11px;letter-spacing:.1em;color:var(--muted);margin-bottom:32px}.case-file h2{font-size:2.3rem;overflow-wrap:anywhere;margin-bottom:10px}.case-file h3{font-size:1rem;margin-bottom:20px}.case-next{border-top:1px solid #ffffff25;margin:25px 0 18px;padding-top:15px;min-height:85px}.case-next span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.case-next p{font-size:14px;margin-top:7px}.case-file .btn{width:100%}.lab-masthead{border-block:2px solid var(--green);padding:20px 0 26px;margin-bottom:28px}.lab-masthead span{font-size:12px;letter-spacing:.13em;color:var(--pink)}.lab-masthead h1{font-size:clamp(3rem,5vw,5rem);margin:17px 0}.lab-masthead p{color:var(--muted)}.art-pass .prime-invite{border:1px solid var(--line)}.art-pass :is(.editor,.prime-editor textarea){background:#f4f2e9;color:#22271e;font-family:OppPlex,Arial,sans-serif;line-height:1.65;border-color:#77806b}.art-pass .document-page,.art-pass .sample-paper{background:#fff;color:#20251d}.art-pass .document-page :is(h1,h2,h3,p){color:inherit;text-transform:none;letter-spacing:normal}.art-pass :is(.notice,.ats-info,.evidence-block){background:#24301c;color:#dae4d0;border-color:var(--line)}.art-pass dialog{background:#182015;color:var(--ink);border-color:#55674a}.art-pass dialog :is(p,.note){color:#bfcbb3}.art-pass .modal-head{border-color:var(--line)}.art-pass .choice{background:#26311e;color:var(--ink);border-color:var(--line)}.art-pass .empty{background:#182014;color:var(--ink);border-color:var(--line)}.art-pass .empty-art{max-height:140px;object-fit:contain}.art-pass .side-footer{color:var(--muted)}.art-pass .view-enter{animation:none}
@media(max-width:1000px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-pass .aquarium-copy{width:49%}.art-pass .aquarium-copy h1{font-size:4.4rem}.art-pass .aquarium-hero{min-height:650px}.pool-object-0{left:52%;width:33%;top:25%}.pool-object-1{left:79%;top:17%;width:17%}.pool-object-2{left:78%;top:65%;width:20%}.pool-object-3{left:49%;top:66%;width:20%}}
@media(max-width:700px){.art-pass .aquarium-hero{padding:32px 6% 340px;min-height:0}.art-pass .aquarium-copy{width:100%;max-width:none}.art-pass .aquarium-copy h1{font-size:clamp(3.1rem,11vw,4.7rem)}.liquid-world{top:auto;height:360px;bottom:0}.pool-vignette{background:linear-gradient(#10160f 0%,#10160f00 24%)}.pool-object-0{left:27%;width:43%;top:21%}.pool-object-1{left:68%;top:17%;width:25%}.pool-object-2{left:69%;top:62%;width:26%}.pool-object-3{left:5%;top:47%;width:29%}.art-pass .aquarium-scroll{display:none}.pool-pause{bottom:12px;right:12px;padding:8px 11px}.founder-story{grid-template-columns:1fr;gap:30px;padding:45px 6%}.case-grid{grid-template-columns:1fr}.art-pass .steps{grid-template-columns:1fr}.art-pass .step+.step{border-left:0}.art-pass .public-nav .optional{display:none}.art-pass .public-header{gap:16px;padding-inline:5%}.art-pass .public-header .brand{font-size:1.4rem}.art-pass .public-nav{gap:12px}.art-pass .public-nav .btn{font-size:12px;padding:10px}.art-pass .sidebar .pip-tank{max-width:210px}.art-pass .sidebar-tank{display:none}.art-pass .track-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.art-pass .room-caption{gap:12px;flex-wrap:wrap}.art-pass .board-detail h1{font-size:2.3rem}.art-pass .founder-story h2{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){.art-pass *, .art-pass *:before,.art-pass *:after{animation:none!important;scroll-behavior:auto!important}.art-pass #creature{transition:none}}
/* Explicit surfaces replace the earlier light-theme overrides. */
.art-pass .hybrid-tools{background:#111610}.art-pass .hybrid-tools .section-heading h2{font-family:var(--display);color:var(--ink);font-weight:700;letter-spacing:0;line-height:1.08}.art-pass .hybrid-tools .step,.art-pass .hybrid-tools .step:nth-child(2),.art-pass .hybrid-tools .step:nth-child(3){background:#172013;border:1px solid var(--line);border-top:3px solid var(--green);box-shadow:none;border-radius:2px;padding:26px}.art-pass .hybrid-tools .step:nth-child(2){border-top-color:var(--pink)}.art-pass .hybrid-tools .step:nth-child(3){border-top-color:#91baba}.art-pass .hybrid-tools .step p{color:var(--muted)}.art-pass .hybrid-tools .tiny-preview{background:#212c1b;border-color:var(--line);box-shadow:none}.art-pass .hybrid-tools .sample-paper p,.art-pass .hybrid-tools .sample-paper span{color:#4b5744}.art-pass .sample-tabs{background:#293323;color:var(--ink)}.art-pass .sample-tabs b{color:var(--pink)}.art-pass .room-intro-copy h2 em{color:var(--pink)}.art-pass .public-header .btn.black{color:#182011}.art-pass .workspace .content>.notice,.art-pass .upload-box{background:#25331e;color:#d9e5ce;border-color:#526946}.art-pass .upload-box :is(label,p){color:#d9e5ce}.art-pass .editor::placeholder{color:#626d59}.art-pass .checkline .ready{color:var(--green)}.art-pass .job-result b{background:#29371e;color:var(--green)}.art-pass .demo-label{background:#23301c;color:#d1ddc7;border-color:var(--line)}.art-pass .sidebar-tank .tank-glass{flex:none;height:auto!important;min-height:0;aspect-ratio:1}.art-pass .sidebar-tank{flex:none}.art-pass .tank-portrait{position:absolute;inset:0}.art-pass kbd{background:#27321f;color:#e4eddb}.art-pass .about-hero,.art-pass .about-body,.art-pass .manifesto{background:#182114;color:var(--ink)}.art-pass .about-hero h1{color:var(--ink);font-family:var(--display)}.art-pass .hotspot span{white-space:nowrap;font-size:11px;max-width:none}.art-pass .hotspot{overflow:visible}.art-pass .hotspot[data-action="achievements"] span{right:0;left:auto;transform:none}.art-pass .hotspot[data-action="exit-room"] span{bottom:100%;top:auto}
.art-pass .progress-strip span{background:#26311f;color:#c8d4bb;border-color:var(--line)}.art-pass .progress-strip span.current{background:var(--green);color:#182011}.art-pass .track-stat span{color:var(--muted)}.art-pass[data-page=tracker] .page-head{justify-content:space-between}.art-pass[data-page=tracker] .page-head>div:first-child{display:block;margin-right:auto}.art-pass #toast{background:#23381d;color:#e8f4dd;border:1px solid #64884a}
