.otp{--ink:#0B0E1A;--dusk:#12172B;--panel:#1A2140;--line:#2A3155;--amber:#FFC069;--amber-deep:#E89B3C;--screen:#EDE7DA;--dim:#8C93AD;--cyan:#86CFD6;--fd:var(--otp-font-display),"Hahmlet",serif;--fb:var(--otp-font-body),"Pretendard Variable","Noto Sans KR",sans-serif;--fm:var(--otp-font-mono),"IBM Plex Mono",ui-monospace,monospace;background:var(--ink);color:var(--screen);font-family:var(--fb);min-height:100vh;overflow-x:hidden;position:relative}.otp *{box-sizing:border-box}.otp button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.otp button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.otp .grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.otp .hero{position:relative;padding:34px 0 10px;min-height:560px}.otp .beam{position:absolute;left:50%;top:-40px;transform:translateX(-50%);width:min(760px,92vw);height:520px;pointer-events:none;z-index:0;background:conic-gradient(from 180deg at 50% 0,transparent 40%,rgba(255,192,105,.13) 47%,rgba(255,192,105,.22) 50%,rgba(255,192,105,.13) 53%,transparent 60%);filter:blur(6px);animation:otpFlicker 7s infinite}@keyframes otpFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.65}94%{opacity:1}97%{opacity:.8}}.otp .hero-bg{position:absolute;inset:0;z-index:0;opacity:.28;background-size:cover;background-position:center 20%;transition:background-image .6s,opacity .6s;filter:saturate(.8);-webkit-mask-image:linear-gradient(180deg,black 30%,transparent 95%);mask-image:linear-gradient(180deg,black 30%,transparent 95%)}.otp .hero-head{text-align:center;position:relative;z-index:2;padding:0 20px}.otp .hero-eyebrow{font-family:var(--fm);font-size:11px;letter-spacing:.3em;color:var(--amber);margin:0 0 14px}.otp .hero-title{font-family:var(--fd);font-weight:300;font-size:clamp(26px,4.4vw,44px);line-height:1.35;margin:0}.otp .hero-title b{font-weight:700;color:var(--amber)}.otp .hero-sub{color:var(--dim);font-size:14px;margin:12px 0 0}.otp .flow-wrap{position:relative;margin-top:34px;height:400px;perspective:1100px;z-index:2;touch-action:pan-y}.otp .flow{inset:0}.otp .fcard,.otp .flow{position:absolute;transform-style:preserve-3d}.otp .fcard{left:50%;top:14px;width:218px;height:322px;margin-left:-109px;border-radius:12px;overflow:hidden;transition:transform .55s cubic-bezier(.22,.9,.3,1),opacity .55s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--panel);box-shadow:0 24px 60px rgba(0,0,0,.55)}.otp .fcard.center{box-shadow:0 0 0 1px rgba(255,192,105,.5),0 30px 90px rgba(0,0,0,.7),0 0 70px rgba(255,192,105,.16)}.otp .poster{position:absolute;inset:0;background-size:cover;background-position:50%}.otp .poster-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-family:var(--fd);font-weight:700;font-size:clamp(14px,1.3vw,19px);line-height:1.5;color:rgba(237,231,218,.9);text-shadow:0 2px 14px rgba(0,0,0,.5)}.otp .fcard .rate{position:absolute;top:10px;right:10px;font-family:var(--fm);font-size:11px;font-weight:500;color:var(--amber);background:rgba(8,10,20,.78);padding:4px 8px;border-radius:6px;border:1px solid rgba(255,192,105,.3)}.otp .fcard .fmeta{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(0deg,rgba(8,10,20,.92),transparent)}.otp .fcard .fmeta h3{font-size:15px;font-weight:700;line-height:1.3;margin:0}.otp .fcard .fmeta p{font-family:var(--fm);font-size:10px;color:var(--dim);margin:5px 0 0;letter-spacing:.05em}.otp .flow-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(18,23,43,.8);color:var(--screen);font-size:18px;transition:.2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.otp .flow-nav:hover{border-color:var(--amber);color:var(--amber)}.otp .flow-nav.prev{left:max(16px,calc(50% - 430px))}.otp .flow-nav.next{right:max(16px,calc(50% - 430px))}.otp .flow-hint{text-align:center;font-family:var(--fm);font-size:10px;color:var(--dim);letter-spacing:.2em;margin:2px 0 0}.otp .section{max-width:1240px;margin:0 auto;padding:44px 28px 0}.otp .sec-label{display:flex;align-items:center;gap:14px;margin-bottom:20px}.otp .sec-label h2{font-family:var(--fd);font-weight:500;font-size:21px;margin:0}.otp .sec-label .rule{flex:1 1;height:1px;background:linear-gradient(to right,var(--line),transparent)}.otp .sec-label .cnt{font-family:var(--fm);font-size:11px;color:var(--dim)}.otp .moods{display:flex;flex-wrap:wrap;gap:10px}.otp .mood{padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:var(--dusk);font-size:14px;color:var(--screen);transition:.22s;display:flex;align-items:center;gap:8px}.otp .mood:hover{transform:translateY(-2px);border-color:var(--amber-deep)}.otp .mood.on{background:linear-gradient(135deg,rgba(255,192,105,.16),rgba(255,192,105,.05));border-color:var(--amber);color:var(--amber);box-shadow:0 0 24px rgba(255,192,105,.12)}.otp .providers{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.otp .prov{font-size:12px;padding:7px 13px;border-radius:8px;border:1px solid var(--line);color:var(--dim);transition:.2s;font-family:var(--fm);letter-spacing:.03em;display:flex;align-items:center;gap:7px}.otp .prov img{width:16px;height:16px;border-radius:4px}.otp .prov.on{color:var(--cyan);border-color:var(--cyan);background:rgba(134,207,214,.08)}.otp .grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:22px 18px;gap:22px 18px;margin-top:26px}.otp .gcard{position:relative;perspective:700px;cursor:pointer}.otp .gcard .inner{position:relative;border-radius:11px;overflow:hidden;aspect-ratio:2/3;background:var(--panel);transition:transform .18s ease-out,box-shadow .3s;transform-style:preserve-3d;box-shadow:0 14px 34px rgba(0,0,0,.45)}.otp .gcard:hover .inner{box-shadow:0 22px 50px rgba(0,0,0,.6),0 0 30px rgba(255,192,105,.08)}.otp .gcard .veil{position:absolute;inset:0;opacity:0;transition:.25s;background:linear-gradient(0deg,rgba(8,10,20,.95) 20%,rgba(8,10,20,.2) 60%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:14px}.otp .gcard:hover .veil{opacity:1}.otp .gcard .veil .ov{font-size:11.5px;color:var(--dim);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px}.otp .gcard .veil .go{font-family:var(--fm);font-size:10px;color:var(--amber);letter-spacing:.15em}.otp .gcard .cap{margin-top:10px}.otp .gcard .cap h3{font-size:13.5px;font-weight:600;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.otp .gcard .cap p{font-family:var(--fm);font-size:10.5px;color:var(--dim);margin:4px 0 0;display:flex;gap:9px}.otp .star{color:var(--amber)}.otp .more-wrap{text-align:center;padding:34px 0 10px}.otp .more{font-size:14px;padding:12px 34px;border-radius:999px;border:1px solid var(--line);color:var(--screen);transition:.2s}.otp .more:hover{border-color:var(--amber);color:var(--amber)}.otp .empty{text-align:center;color:var(--dim);padding:60px 20px;font-size:14px;line-height:1.8;border:1px dashed var(--line);border-radius:14px;margin-top:26px}.otp .fab{position:fixed;right:26px;bottom:26px;z-index:70;display:flex;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;background:linear-gradient(135deg,var(--amber),var(--amber-deep));color:#1A1206;font-weight:700;font-size:14px;box-shadow:0 14px 40px rgba(232,155,60,.4);transition:transform .2s,box-shadow .2s}.otp .fab:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 50px rgba(232,155,60,.55)}.otp .roulette{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;background:rgba(6,8,16,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.otp .rcard{width:min(270px,70vw);aspect-ratio:2/3;perspective:1200px}.otp .rflip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.9,.3,1)}.otp .rflip.open{transform:rotateY(540deg)}.otp .rface{position:absolute;inset:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.otp .rback{background:repeating-linear-gradient(45deg,var(--panel) 0 14px,var(--dusk) 14px 28px);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:52px;color:var(--amber)}.otp .rfront{transform:rotateY(180deg);background:var(--panel);box-shadow:0 0 60px rgba(255,192,105,.25)}.otp .rmsg{font-family:var(--fd);font-size:19px;letter-spacing:.03em;text-align:center;padding:0 20px}.otp .racts{display:flex;gap:12px}.otp .rbtn{padding:11px 24px;border-radius:999px;border:1px solid var(--line);font-size:14px;transition:.2s}.otp .rbtn:hover{border-color:var(--amber);color:var(--amber)}.otp .rbtn.gold{background:var(--amber);color:#1A1206;font-weight:700;border-color:transparent}.otp .rbtn.gold:hover{color:#1A1206;filter:brightness(1.08)}.otp .modal{position:fixed;inset:0;z-index:75;display:flex;align-items:flex-start;justify-content:center;background:rgba(6,8,16,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;padding:5vh 18px 60px}.otp .sheet{width:min(880px,100%);border-radius:18px;overflow:hidden;background:var(--dusk);border:1px solid var(--line);animation:otpRise .35s cubic-bezier(.2,.9,.3,1);position:relative}@keyframes otpRise{0%{transform:translateY(26px);opacity:0}to{transform:none;opacity:1}}.otp .sheet .bd{position:relative;height:300px;background-size:cover;background-position:center 25%}.otp .sheet .bd:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--dusk) 4%,rgba(18,23,43,.25) 60%,rgba(18,23,43,.5))}.otp .sheet .close{position:absolute;top:14px;right:14px;z-index:5;width:38px;height:38px;border-radius:50%;font-size:17px;background:rgba(8,10,20,.7);border:1px solid var(--line);color:var(--screen)}.otp .sheet .sbody{padding:0 34px 34px;margin-top:-70px;position:relative}.otp .sheet .shead{display:flex;gap:24px;align-items:flex-end}.otp .pmini{width:150px;aspect-ratio:2/3;border-radius:11px;background-size:cover;background-position:50%;flex-shrink:0;box-shadow:0 18px 44px rgba(0,0,0,.6);border:1px solid var(--line);position:relative;overflow:hidden;background-color:var(--panel)}.otp .sheet h2{font-family:var(--fd);font-weight:700;font-size:27px;line-height:1.3;margin:0}.otp .facts{font-family:var(--fm);font-size:12px;color:var(--dim);margin-top:9px;gap:14px}.otp .facts,.otp .tags{display:flex;flex-wrap:wrap}.otp .tags{gap:7px;margin-top:12px}.otp .tag{font-size:11px;padding:4px 11px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.otp .sheet .ov{margin-top:22px;line-height:1.75;font-size:14.5px;color:#C9CDDC}.otp .sheet h4{font-family:var(--fm);font-size:11px;letter-spacing:.22em;color:var(--amber);margin:28px 0 12px;font-weight:500}.otp .prov-row{display:flex;flex-wrap:wrap;gap:8px}.otp .prov-chip{font-size:12.5px;padding:7px 14px;border-radius:8px;background:var(--panel);border:1px solid var(--line);color:var(--screen);display:flex;align-items:center;gap:8px}.otp .prov-chip img{width:18px;height:18px;border-radius:4px}.otp .trailer{aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#000}.otp .trailer iframe{width:100%;height:100%;border:0}.otp .sim-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));grid-gap:12px;gap:12px}.otp .sim{cursor:pointer;transition:.2s}.otp .sim:hover{transform:translateY(-3px)}.otp .sim .p{aspect-ratio:2/3;border-radius:9px;background-size:cover;background-position:50%;background-color:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden}.otp .sim p{font-size:11px;color:var(--dim);margin:6px 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.otp .cast{font-size:13px;color:var(--dim);line-height:1.7;margin:0}.otp .spin{display:inline-block;width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--amber);border-radius:50%;animation:otpSp .8s linear infinite;vertical-align:-3px}@keyframes otpSp{to{transform:rotate(1turn)}}.otp .disclaimer{margin-top:70px;padding:30px 28px 40px;border-top:1px solid var(--line);text-align:center;font-size:11.5px;color:var(--dim);line-height:1.9}.otp .disclaimer b{color:var(--amber);font-family:var(--fd)}@media (max-width:1080px){.otp .grid{grid-template-columns:repeat(5,1fr)}.otp .beam{width:600px}}@media (max-width:920px){.otp .grid{grid-template-columns:repeat(4,1fr)}.otp .fcard{width:196px;height:290px;margin-left:-98px}}@media (max-width:640px){.otp .grid{grid-template-columns:repeat(3,1fr);gap:16px 12px}.otp .section{padding:36px 16px 0}.otp .sheet .sbody{padding:0 20px 26px}.otp .pmini{width:110px}.otp .flow-nav.prev{left:8px}.otp .flow-nav.next{right:8px}.otp .fcard{width:180px;height:266px;margin-left:-90px}.otp .flow-wrap{height:330px}.otp .modal{padding:0}.otp .sheet{border-radius:0;min-height:100vh}}@media (max-width:480px){.otp .grid{grid-template-columns:repeat(2,1fr)}.otp .fab{padding:12px 16px;font-size:13px;right:16px;bottom:16px}}@media (max-width:375px){.otp .section{padding:30px 12px 0}}@media (prefers-reduced-motion:reduce){.otp *,.otp :after,.otp :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}