:root{--bg:#0d0d13;--panel:#17161e;--gold:#dfb681;--white:#f3f0e7;--muted:#aaa6ad;--line:#302d35}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% 38%,#28201c66,transparent 48%),var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .2s,border-color .2s,color .2s}button{cursor:pointer;font:inherit;color:inherit;background:transparent;border:1px solid var(--line)}button:hover,a:hover{border-color:var(--gold);color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.4;cursor:default}header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#0d0d13ed;backdrop-filter:blur(14px);z-index:10}nav{max-width:1500px;margin:auto;display:flex;justify-content:space-between;padding:28px 5%;gap:12px}nav a{color:var(--muted);text-decoration:none;border:1px solid transparent;border-radius:30px;padding:13px 25px;font-size:12px;letter-spacing:3px}nav a.active{color:var(--white);border-color:var(--gold)}main{min-height:calc(100vh - 180px);max-width:1500px;margin:auto;padding:55px 6% 80px}.hero{min-height:68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.eyebrow,.gold{color:var(--gold);letter-spacing:3px;font-size:12px}.hero h1{font-size:clamp(42px,7.5vw,112px);letter-spacing:5px;margin:26px 0}.rule{width:95px;height:2px;background:var(--gold);margin:10px auto 25px}.hero h2{font-size:clamp(14px,2vw,23px);letter-spacing:6px;font-weight:400}.hero p{color:var(--muted);margin-bottom:50px}.btn{border:1px solid var(--gold);padding:20px 30px;letter-spacing:3px;font-size:12px;text-transform:uppercase}.btn span{color:var(--gold);margin-left:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.page-head h1{font-size:clamp(25px,3.2vw,44px);letter-spacing:2px;margin:15px 0}.page-head .btn{white-space:nowrap}.intro{color:var(--muted);line-height:1.7}.test-layout{display:grid;grid-template-columns:1fr 280px;gap:35px}.pairs{display:grid;grid-template-columns:1fr 1fr;gap:25px}.photo-choice{position:relative;width:100%;padding:0;background:var(--panel);overflow:hidden}.photo-choice img{width:100%;height:480px;object-fit:cover;display:block}.photo-choice.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.badge{position:absolute;top:18px;left:18px;background:#0d0d13cc;border:1px solid var(--gold);padding:8px 16px;font-size:12px;letter-spacing:2px}.caption{display:flex;justify-content:space-between;margin:16px 0;color:var(--muted);font-size:12px;letter-spacing:2px}.panel{background:var(--panel);border:1px solid var(--line);padding:30px}.stats{align-self:start}.ring{border:12px solid var(--gold);border-radius:50%;height:180px;width:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:35px auto}.ring strong{font-size:44px}.ring small{letter-spacing:2px;color:var(--muted);margin-top:8px}.actions{display:flex;gap:15px;align-items:center;margin-top:25px;flex-wrap:wrap}.feedback{color:var(--gold);line-height:1.7;min-height:28px}.challenge-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:35px}.portrait{position:relative;background:var(--panel);border:1px solid var(--line)}.portrait img{width:100%;height:460px;object-fit:contain;display:block}.emotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.emotion{background:var(--panel);padding:30px 15px;letter-spacing:3px;font-size:13px}.emotion b{display:block;font-size:32px;color:var(--gold);margin-bottom:16px;font-weight:normal}.emotion.selected{border-color:var(--gold)}.question{font-size:19px;line-height:1.6;margin-top:20px}.filters{display:flex;gap:14px;margin-bottom:30px}.filter{border-radius:30px;padding:12px 22px;letter-spacing:2px;font-size:12px}.filter.active{border-color:var(--gold);color:var(--gold)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work{text-align:left;padding:0;border:0}.work img{width:100%;height:310px;object-fit:contain;background:var(--panel);border:1px solid var(--line);display:block}.work:hover img{border-color:var(--gold)}.work .caption{color:var(--white);line-height:1.6;letter-spacing:1px}.work small{color:var(--gold);white-space:nowrap;margin-left:15px}#overlay{position:fixed;inset:0;background:#0008;z-index:30}#overlay[hidden]{display:none}.drawer{position:absolute;right:0;top:0;height:100%;width:min(510px,92vw);background:var(--panel);padding:30px 35px;overflow:auto;border-left:1px solid var(--gold);box-shadow:-30px 0 80px #0005}.drawer img{width:100%;height:190px;object-fit:contain;background:var(--bg)}.drawer h2{font-size:23px;line-height:1.4}.drawer section{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.drawer h3{color:var(--gold);font-size:12px;letter-spacing:2px}.drawer p{font-size:16px;line-height:1.75;color:#d0ccd0}.close{float:right;border:0;font-size:26px;padding:0 0 16px 20px}.composer{padding:25px;background:var(--panel);border:1px solid var(--line)}textarea{display:block;width:100%;min-height:125px;resize:vertical;background:#222029;color:var(--white);border:0;padding:20px;font:inherit;line-height:1.7}.post-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.post{background:var(--gold);color:var(--bg);border:0;padding:18px 42px;letter-spacing:3px}.comments{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.comment{border:1px solid var(--line);padding:25px;background:var(--panel);overflow-wrap:anywhere}.comment p{line-height:1.7;white-space:pre-wrap}.comment small{color:var(--gold);letter-spacing:1px}.compare{position:relative;width:min(900px,100%);aspect-ratio:3/2;margin:30px auto;overflow:hidden;border:1px solid var(--line);touch-action:pan-y}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.compare .real{clip-path:inset(0 50% 0 0)}.divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--gold);pointer-events:none}.handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:var(--gold);color:var(--bg);display:grid;place-items:center;font-size:22px}.compare input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize}.compare .right{left:auto;right:18px}.compare-controls{text-align:center}.compare-controls .filter{margin:10px 5px}.empty{color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:28px 6%;font-size:10px;letter-spacing:2px;color:var(--muted)}@media(max-width:850px){nav{padding:15px 12px;gap:4px;overflow:auto}nav a{padding:10px 12px;font-size:10px;letter-spacing:1px}main{padding:30px 6% 60px}.test-layout,.challenge-layout{grid-template-columns:1fr}.stats{display:none}.photo-choice img{height:360px}.comments{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}.page-head .btn{padding:14px;font-size:10px}.gallery img{height:240px}}@media(max-width:520px){.photo-choice img{height:270px}.pairs{gap:12px}.gallery,.comments{grid-template-columns:1fr}.portrait img{height:360px}.filters{gap:7px}.filter{padding:10px 12px;font-size:10px}footer{flex-direction:column}.hero h1{letter-spacing:2px}.hero h2{letter-spacing:3px}.work img{height:310px}.badge{font-size:9px;padding:6px 8px;top:10px;left:10px}.compare .right{right:10px}.compare{aspect-ratio:4/3}}

.emotion svg{width:36px;height:36px;display:block;margin:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}