:root{color-scheme:dark;--bg:#141414;--panel:#1e1e1d;--text:#f5f1e7;--muted:#a8a69e;--yellow:#f4d26a;--line:#34342e;--heart:#ff8f9a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#25251a77,transparent 50%);min-height:100dvh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}input:focus{outline:none}input:focus-visible{border-color:var(--yellow)}[hidden]{display:none!important}header{height:94px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1.3px;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:9px}.brand>span:first-child{font-size:28px}.brand-dot{color:var(--yellow);margin-left:-8px}.quiet{background:none;border:0;color:var(--muted);font-size:13px;min-height:44px;padding:10px}main{max-width:1100px;margin:auto;padding:0 32px}.login-view{max-width:420px;margin:42px auto;text-align:center}.ticket{display:flex;justify-content:space-between;gap:12px;font-family:monospace;color:#858375;font-size:9px;letter-spacing:1.4px;border-block:1px dashed #444337;padding:12px 0;margin-inline:36px}.login-art{height:134px;position:relative;display:flex;align-items:center;justify-content:center}.popcorn{font-size:77px;transform:rotate(-9deg)}.art-star{position:absolute;left:70px;top:27px;font-size:28px;color:var(--yellow)}.art-film{position:absolute;right:60px;top:54px;font-size:35px;transform:rotate(14deg)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.6px;color:var(--yellow);margin:8px 0 16px}h1{font-size:clamp(42px,6vw,64px);letter-spacing:-2.8px;line-height:1.05;margin:0;font-weight:650}h1 em{font-family:Georgia,serif;font-weight:normal;color:var(--yellow);letter-spacing:-2px}.intro{font-size:14px;color:var(--muted);line-height:1.7;margin:22px 0 28px}#login-form{text-align:left;padding:0 20px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}#login-form input{width:100%;height:50px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:0 15px;color:var(--text);font-size:16px}input::placeholder{color:#7e7d76}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:9px;background:var(--yellow);color:#252111;font-weight:700;padding:15px 18px;min-height:51px;margin-top:24px;font-size:14px}.primary:hover{background:#ffe397}.primary:disabled{opacity:.6}.error{color:#ffa5a5;font-size:13px;line-height:1.5;min-height:19px}.footnote{font-size:11px;text-align:center;color:#76776e;margin:36px 0;letter-spacing:.3px}.footnote span{color:var(--yellow);padding:0 9px}.hero{text-align:center;padding:30px 0 0}.mini-art{display:flex;align-items:center;justify-content:center;gap:26px;height:80px}.mini-art span:first-child{font-size:28px;transform:rotate(-15deg)}.mini-art span:nth-child(2){font-size:54px;transform:rotate(8deg)}.mini-art span:last-child{font-size:28px;color:var(--yellow)}.hero .intro{margin:20px 0 26px}#search-form{max-width:690px;margin:auto}.search-box{border:1px solid #555344;background:#23231e;border-radius:13px;display:flex;align-items:center;padding:7px 8px 7px 20px;box-shadow:0 7px 30px #0003}.search-box:focus-within{border-color:var(--yellow);box-shadow:0 0 0 2px #f4d26a1a}.search-box svg{width:25px;height:25px;fill:none;stroke:var(--yellow);stroke-width:1.8;flex-shrink:0}.search-box input{background:none;border:0;color:var(--text);min-width:0;flex:1;height:45px;padding:0 14px;font-size:16px}.search-box button{background:var(--yellow);color:#222;border:0;border-radius:8px;width:45px;height:45px;font-size:23px;flex-shrink:0}.filters{display:flex;justify-content:center;gap:7px;margin:20px 0}.filters button{border:1px solid transparent;border-radius:30px;padding:10px 18px;min-height:44px;background:transparent;color:var(--muted);font-size:12px}.filters button[aria-pressed=true]{background:#f4d26a16;border-color:#f4d26a55;color:var(--yellow)}.empty{max-width:460px;text-align:center;margin:58px auto 70px;color:var(--muted)}.empty-heart{font-size:40px;color:#aaa18b;line-height:1}h2{font-size:18px;letter-spacing:-.4px;color:var(--text);font-weight:600}.empty h2{font-size:16px;margin-top:18px}.empty p{font-size:13px;line-height:1.8}.legend{display:flex;gap:22px;justify-content:center;margin-top:22px;font-size:10px}.legend b{color:var(--heart);font-size:17px;vertical-align:-1px;margin-right:4px}.search-status{text-align:center;font-size:13px;color:var(--muted);min-height:20px;margin:24px 0}.result-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin:30px 0 20px;gap:12px}.result-heading h2{margin:0}.result-heading span{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px;margin-bottom:40px}.card{min-width:0}.cover{position:relative;aspect-ratio:2/3;background:linear-gradient(145deg,#323329,#20201e);border-radius:10px;overflow:hidden}.cover>img{width:100%;height:100%;object-fit:cover;display:block}.cover>img.failed{display:none}.fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c4c1ac;font-family:Georgia,serif;padding:22px;text-align:center;gap:16px}.fallback>span{font-size:35px;color:#85846f}.cover>img+.fallback{display:none}.cover>img.failed+.fallback{display:flex}.heart{position:absolute;right:8px;top:8px;border:1px solid #ffffff40;background:#181818e8;color:var(--text);border-radius:50%;width:44px;height:44px;font-size:27px;line-height:1;display:grid;place-items:center;box-shadow:0 2px 6px #0005}.heart:hover:enabled{color:var(--heart);transform:scale(1.08)}.heart.filled{color:var(--heart);background:#211c1ee8}.heart:disabled:not(.filled){opacity:.6}.badge{position:absolute;bottom:9px;left:9px;background:#171a17ee;color:#e5e8d8;border:1px solid #ffffff22;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:600}.badge.requested{color:var(--yellow)}.title-button{background:none;border:0;padding:11px 0 0;text-align:left;color:var(--text);font-size:13px;font-weight:600;line-height:1.45;width:100%}.meta{font-size:11px;color:var(--muted);margin:5px 0 0}.card .title-button:hover{color:var(--yellow)}#toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--yellow);color:#272111;border-radius:12px;padding:15px 22px;font-size:13px;font-weight:600;box-shadow:0 10px 50px #0009;z-index:5;width:max-content;max-width:calc(100% - 32px);line-height:1.5}dialog{background:#22221e;color:var(--text);border:1px solid #535247;border-radius:18px;max-width:450px;width:calc(100% - 32px);padding:26px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{float:right;font-size:20px}.detail-overview{color:var(--muted);font-size:14px;line-height:1.8}.detail-note{font-size:12px;color:var(--yellow);line-height:1.7}#detail-content h2{font-size:24px;line-height:1.3;margin-right:30px}.working .hero{padding-top:14px}.working .mini-art{display:none}.working h1{font-size:38px}.working h1 br{display:none}.working .eyebrow{margin-top:22px}.working .intro{font-size:12px;margin:12px 0 24px}@media(min-width:1200px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:760px){header{height:76px;margin:0 20px;padding:0 2px}.brand{font-size:23px}main{padding:0 20px}.hero{padding-top:24px}.hero h1{font-size:49px}.hero .intro{max-width:270px;margin:18px auto 26px}.search-box{padding-left:15px}.search-box input{font-size:16px;padding:0 11px}.search-box input::placeholder{font-size:13px}.empty{margin:44px auto 65px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 12px}.heart{right:5px;top:5px}.badge{font-size:9px;bottom:6px;left:6px;padding:4px 5px}.result-heading span{font-size:10px}.title-button{font-size:12px}.login-view{margin-top:26px}.ticket{margin-inline:22px}.login-art{height:124px}.login-view h1{font-size:47px}.art-star{left:60px}.art-film{right:50px}.working h1{font-size:30px}.working .intro{max-width:none}.legend{gap:15px}.filters{margin-top:15px}.result-heading{margin-top:22px}}@media(max-width:430px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.badge{font-size:10px}.login-art .art-star{left:46px}.login-art .art-film{right:39px}.login-view{max-width:360px}.result-heading{align-items:flex-start;flex-direction:column;gap:6px}#login-form{padding:0 8px}}@media(prefers-reduced-motion:no-preference){.heart,.primary{transition:transform .15s,color .15s,background .15s}.card{animation:rise .3s ease-out}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}