.loops-proto{--bg:#08070e;--ink:#eceaf6;--ink-dim:#9a95b4;--ink-faint:#6a6584;--violet:#7c5cdb;--pink:#ec4b81;--cyan:#4fb8e0;--amber:#d4a04e;--gold:#e9c46a;--glass:hsla(0,0%,100%,.045);--glass-2:hsla(0,0%,100%,.07);--line:hsla(0,0%,100%,.09);--line-2:hsla(0,0%,100%,.14);--mono:"JetBrains Mono",ui-monospace,monospace;--disp:"Fraunces",serif;--body:"Pretendard","Pretendard Variable",-apple-system,BlinkMacSystemFont,sans-serif}.loops-proto *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.loops-proto{font-family:var(--body);color:var(--ink);min-height:100vh;padding:28px 12px}.loops-proto .stagewrap{display:flex;flex-direction:column;align-items:center;gap:16px}.loops-proto .brandline{font-family:var(--mono);font-size:11px;letter-spacing:.28em;color:var(--ink-faint);text-transform:uppercase}.loops-proto .brandline b{color:var(--ink-dim);font-weight:500}.loops-proto .phone{position:relative;width:390px;height:844px;border-radius:46px;overflow:hidden;background:var(--bg);box-shadow:0 0 0 11px #16131f,0 0 0 13px #2a2538,0 40px 90px -20px rgba(0,0,0,.8),0 0 120px -30px rgba(124,92,219,.5)}.loops-proto .notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:26px;background:#16131f;border-radius:0 0 16px 16px;z-index:55}.loops-proto .statusbar{position:absolute;top:0;left:0;right:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:13px;font-weight:600;z-index:54;color:var(--ink);pointer-events:none}.loops-proto .statusbar.dark{color:#3a2e33}.loops-proto .statusbar .sig{display:flex;gap:6px;align-items:center}.loops-proto .batt{width:22px;height:11px;border:1.4px solid;border-radius:3px;position:relative}.loops-proto .batt:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:5px;background:currentColor;border-radius:0 1px 1px 0}.loops-proto .batt i{position:absolute;inset:1.5px;width:70%;background:currentColor;border-radius:1px}.loops-proto .viewport{position:absolute;inset:0;overflow:hidden}.loops-proto .screen{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(24px) scale(.985);transition:opacity .42s ease,transform .46s cubic-bezier(.22,.7,.25,1),visibility .42s}.loops-proto .screen.active{opacity:1;visibility:visible;transform:none}.loops-proto .scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.loops-proto .scroll::-webkit-scrollbar{display:none}.loops-proto .rv{opacity:0;transform:translateY(14px)}.loops-proto .screen.active .rv{animation:lprise .6s cubic-bezier(.2,.7,.25,1) forwards;animation-delay:var(--d,0s)}@keyframes lprise{to{opacity:1;transform:none}}@keyframes lpspin{to{transform:rotate(1turn)}}.loops-proto #login{justify-content:flex-start;padding:74px 30px 30px;align-items:center;text-align:center}.loops-proto .orb-stage{position:relative;width:172px;height:172px;margin:14px auto 30px;display:grid;place-items:center}.loops-proto .orb{width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff7,transparent 40%),conic-gradient(from 200deg,var(--violet),var(--pink),var(--amber),var(--cyan),var(--violet));animation:lpspin 9s linear infinite;box-shadow:0 0 50px -6px rgba(236,75,129,.55),0 0 80px -10px rgba(124,92,219,.6),inset 0 0 30px rgba(0,0,0,.35)}.loops-proto .ring{position:absolute;border-radius:50%;border:1.5px solid}.loops-proto .ring.r1{width:150px;height:150px;border-color:rgba(124,92,219,.5) transparent transparent rgba(124,92,219,.5);animation:lpspin 7s linear infinite}.loops-proto .ring.r2{width:172px;height:172px;border-color:transparent rgba(79,184,224,.4) rgba(79,184,224,.4) transparent;animation:lpspin 11s linear infinite reverse}.loops-proto .particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px 1px #fff;animation:lpfloat 4s ease-in-out infinite}@keyframes lpfloat{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-9px);opacity:1}}.loops-proto .logo{font-family:var(--disp);font-style:italic;font-size:46px;font-weight:500;letter-spacing:-.01em;background:linear-gradient(92deg,#fff,#d9cffb,#f5b8cf);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.loops-proto .logo b{font-weight:600}.loops-proto .tagline{font-family:var(--disp);font-style:italic;font-size:15.5px;color:var(--ink-dim);margin-top:10px}.loops-proto .subtag{font-size:12.5px;color:var(--ink-faint);margin-top:7px}.loops-proto .social{display:flex;flex-direction:column;gap:11px;width:100%;margin-top:40px}.loops-proto .sbtn{height:52px;border-radius:15px;border:none;font-size:15px;font-weight:600;font-family:var(--body);display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:transform .12s}.loops-proto .sbtn:active{transform:scale(.975)}.loops-proto .sbtn .ic{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:12px;font-weight:800}.loops-proto .sb-kakao{background:#fee500;color:#181600}.loops-proto .sb-naver{background:#03c75a;color:#fff}.loops-proto .sb-google{background:#fff;color:#1b1b1b;border:1px solid #ddd}.loops-proto .fandom-note{margin-top:16px;font-size:11.5px;color:var(--ink-faint);line-height:1.5}.loops-proto .fandom-note b{color:var(--ink-dim);font-weight:600}.loops-proto .sheet-mask{position:absolute;inset:0;background:rgba(4,3,9,.6);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s;z-index:70}.loops-proto .sheet-mask.on{opacity:1;visibility:visible}.loops-proto .sheet{position:absolute;left:0;right:0;bottom:0;background:#100d1a;border-radius:26px 26px 0 0;padding:14px 26px 34px;transform:translateY(100%);transition:transform .42s cubic-bezier(.22,.8,.25,1);border-top:1px solid var(--line-2);z-index:71}.loops-proto .sheet.on{transform:none}.loops-proto .handle{width:40px;height:4px;border-radius:3px;background:var(--line-2);margin:4px auto 18px}.loops-proto .sheet h3{font-size:17px;font-weight:700;text-align:center}.loops-proto .wallet-steps{margin:24px 0 8px;display:flex;flex-direction:column;gap:14px}.loops-proto .wstep{display:flex;align-items:center;gap:13px;font-size:14px;color:var(--ink-faint);transition:.3s}.loops-proto .wstep .ico{width:34px;height:34px;border-radius:10px;border:1.5px solid var(--line-2);display:grid;place-items:center;flex-shrink:0;font-size:15px;transition:.3s}.loops-proto .wstep.done{color:var(--ink)}.loops-proto .wstep.done .ico{background:linear-gradient(135deg,var(--violet),var(--pink));border-color:transparent;color:#fff}.loops-proto .wstep.active .ico{border-color:var(--violet)}.loops-proto .wstep .sp{width:15px;height:15px;border:2px solid var(--line-2);border-top-color:var(--pink);border-radius:50%;animation:lpspin .7s linear infinite}.loops-proto .wallet-hint{font-size:11px;color:var(--ink-faint);text-align:center;margin-top:14px;line-height:1.5}.loops-proto .topbar{display:flex;align-items:center;gap:12px;padding:54px 20px 12px;flex-shrink:0;position:relative;z-index:5}.loops-proto .tb-btn{width:38px;height:38px;border-radius:11px;background:var(--glass);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;color:var(--ink);font-size:17px;flex-shrink:0;transition:.12s}.loops-proto .tb-btn:active{transform:scale(.92);background:var(--glass-2)}.loops-proto .tb-logo{font-family:var(--disp);font-style:italic;font-size:23px;font-weight:600;background:linear-gradient(92deg,#fff,#e7ddff);-webkit-background-clip:text;background-clip:text;color:transparent}.loops-proto .tb-spacer{flex:1}.loops-proto .tb-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.loops-proto .ndot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 6px var(--pink)}.loops-proto .avatar{width:38px;height:38px;border-radius:50%;background:conic-gradient(from 0deg,var(--violet),var(--pink),var(--cyan),var(--violet));display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.loops-proto #home .scroll{padding:0 20px 110px}.loops-proto .greet{margin:8px 2px 18px}.loops-proto .greet .g1{font-size:13px;color:var(--ink-faint);font-family:var(--disp);font-style:italic}.loops-proto .greet .g2{font-size:21px;font-weight:700;margin-top:3px}.loops-proto .event-card{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line-2);background:radial-gradient(120% 80% at 80% 8%,rgba(236,75,129,.5),transparent 55%),radial-gradient(120% 90% at 8% 100%,rgba(124,92,219,.6),transparent 60%),linear-gradient(160deg,#2a1d40,#160f24);isolation:isolate}.loops-proto .event-card .poster{height:200px;position:relative;overflow:hidden;background:linear-gradient(125deg,#3a2459,#7c5cdb 40%,#ec4b81 75%,#d4a04e);background-size:240% 240%;animation:lpshimmer 9s ease infinite}@keyframes lpshimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.loops-proto .event-card .poster:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 20%,hsla(0,0%,100%,.18),transparent 60%)}.loops-proto .poster .ptag{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);color:#fff;font-size:10.5px;font-weight:700;padding:6px 11px;border-radius:20px;letter-spacing:.06em;font-family:var(--mono)}.loops-proto .poster .pname{position:absolute;left:18px;bottom:16px}.loops-proto .poster .pname .ar{font-family:var(--disp);font-style:italic;font-size:38px;font-weight:600;color:#fff;line-height:.95;text-shadow:0 2px 20px rgba(0,0,0,.4)}.loops-proto .poster .pname .ev{font-size:13px;color:#fff;opacity:.92;margin-top:5px;font-weight:600}.loops-proto .event-card .ebody{padding:16px 18px 18px}.loops-proto .estatus{display:inline-flex;align-items:center;gap:7px;background:rgba(52,217,122,.14);border:1px solid rgba(52,217,122,.4);color:#5fe39a;font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:20px}.loops-proto .estatus .d{width:6px;height:6px;border-radius:50%;background:#34d97a;box-shadow:0 0 6px #34d97a}.loops-proto .einfo{margin-top:14px;display:flex;flex-direction:column;gap:9px}.loops-proto .einfo .row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink)}.loops-proto .einfo .row .k{color:var(--ink-faint);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;width:54px;flex-shrink:0;text-transform:uppercase}.loops-proto .mint-cta{margin-top:18px;width:100%;height:54px;border:none;border-radius:15px;color:#fff;font-size:16px;font-weight:700;font-family:var(--body);cursor:pointer;background:linear-gradient(100deg,var(--violet),var(--pink));box-shadow:0 12px 32px -8px rgba(236,75,129,.7);transition:transform .12s;display:flex;align-items:center;justify-content:center;gap:8px}.loops-proto .mint-cta:active{transform:scale(.97)}.loops-proto .mint-cta.done{background:var(--glass-2);color:var(--ink);box-shadow:none;border:1px solid var(--line-2)}.loops-proto .notice-line{margin-top:14px;display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--ink-faint);line-height:1.5;cursor:pointer}.loops-proto .notice-line .lock{flex-shrink:0;color:var(--amber)}.loops-proto .ticketcard{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line-2);background:linear-gradient(160deg,#241a3a,#150e22)}.loops-proto .tc-poster{height:212px;position:relative;overflow:hidden;background:linear-gradient(125deg,#3a2459,#7c5cdb 38%,#ec4b81 72%,#d4a04e);background-size:240% 240%;animation:lpshimmer 8s ease infinite}.loops-proto .tc-poster:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 15%,hsla(0,0%,100%,.2),transparent 60%),repeating-linear-gradient(115deg,transparent,transparent 18px,hsla(0,0%,100%,.04) 19px,transparent 21px)}.loops-proto .tc-no{right:14px;font-family:var(--mono);font-weight:600;color:#fff;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);padding:6px 11px;letter-spacing:.04em}.loops-proto .tc-badge,.loops-proto .tc-no{position:absolute;top:13px;font-size:11px;border-radius:8px}.loops-proto .tc-badge{left:14px;font-weight:700;padding:6px 12px;letter-spacing:.02em}.loops-proto .b-before{background:rgba(79,184,224,.2);border:1px solid rgba(79,184,224,.5);color:#9fdcf2}.loops-proto .b-attended{background:rgba(212,160,78,.2);border:1px solid rgba(212,160,78,.55);color:#f0cf94}.loops-proto .b-collected{background:hsla(43,74%,66%,.22);border:1px solid hsla(43,74%,66%,.6);color:#f3dca0}.loops-proto .tc-name{position:absolute;left:18px;bottom:16px}.loops-proto .tc-name .ar{font-family:var(--disp);font-style:italic;font-size:34px;font-weight:600;color:#fff;line-height:.95;text-shadow:0 2px 18px rgba(0,0,0,.45)}.loops-proto .tc-name .ev{font-size:12.5px;color:#fff;opacity:.92;margin-top:4px;font-weight:600}.loops-proto .tc-perf{height:0;border-top:1.5px dashed var(--line-2);position:relative}.loops-proto .tc-perf:after,.loops-proto .tc-perf:before{content:"";position:absolute;top:-8px;width:16px;height:16px;border-radius:50%;background:#050409}.loops-proto .tc-perf:before{left:-8px}.loops-proto .tc-perf:after{right:-8px}.loops-proto .tc-info{padding:16px 18px}.loops-proto .tc-info .ti{font-size:15px;font-weight:700;margin-bottom:12px}.loops-proto .tc-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.loops-proto .tc-grid .c .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase}.loops-proto .tc-grid .c .v{font-size:13px;font-weight:600;margin-top:4px}.loops-proto .tc-grid .c .v.mono{font-family:var(--mono);font-size:12px;color:#cdbcff}.loops-proto .ticketcard.rare{border:2px solid transparent;background:linear-gradient(#150e22,#150e22) padding-box,linear-gradient(135deg,var(--gold),#fff6d8,var(--amber),var(--gold)) border-box;box-shadow:0 0 40px -10px hsla(43,74%,66%,.5)}.loops-proto .stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-14deg);z-index:3;border:3px solid var(--gold);color:var(--gold);font-family:var(--disp);font-style:italic;font-weight:600;font-size:26px;padding:8px 18px;border-radius:10px;letter-spacing:.05em;background:rgba(10,8,18,.35);text-shadow:0 0 12px hsla(43,74%,66%,.6);box-shadow:0 0 24px -4px hsla(43,74%,66%,.6);animation:lpstampin .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes lpstampin{0%{transform:translate(-50%,-50%) rotate(-14deg) scale(2.4);opacity:0}60%{opacity:1}to{transform:translate(-50%,-50%) rotate(-14deg) scale(1)}}.loops-proto .enter-btn{margin-top:16px;width:100%;height:52px;border:none;border-radius:15px;color:#fff;font-size:15px;font-weight:700;font-family:var(--body);cursor:pointer;background:linear-gradient(100deg,var(--violet),var(--pink));box-shadow:0 10px 28px -8px rgba(236,75,129,.65);transition:transform .12s}.loops-proto .enter-btn:active{transform:scale(.97)}.loops-proto .enter-btn.disabled{background:var(--glass);color:var(--ink-faint);box-shadow:none;border:1px solid var(--line);cursor:not-allowed}.loops-proto .dday-note{text-align:center;font-size:11px;color:var(--ink-faint);margin-top:8px;font-family:var(--mono)}.loops-proto .empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:14px;color:var(--ink-faint)}.loops-proto .empty .ec{width:70px;height:70px;border-radius:20px;background:var(--glass);border:1px solid var(--line);display:grid;place-items:center;font-size:30px}.loops-proto .empty .et{font-size:15px;font-weight:600;color:var(--ink-dim)}.loops-proto .empty .es{font-size:12.5px;line-height:1.5}.loops-proto .empty .eb{margin-top:6px;padding:11px 20px;border-radius:13px;background:linear-gradient(100deg,var(--violet),var(--pink));color:#fff;border:none;font-weight:600;font-size:13.5px;cursor:pointer}.loops-proto #entry .scroll{padding:0 20px 40px;display:flex;flex-direction:column;align-items:center}.loops-proto .entry-name{text-align:center;margin:6px 0 16px}.loops-proto .entry-name .ar{font-family:var(--disp);font-style:italic;font-size:24px;font-weight:600}.loops-proto .entry-name .ev{font-size:12.5px;color:var(--ink-dim);margin-top:3px}.loops-proto .qrbox{position:relative;width:230px;height:230px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 0 44px -6px rgba(124,92,219,.6);transition:filter .3s,transform .3s}.loops-proto .qrbox.paused{filter:blur(9px) grayscale(.4)}.loops-proto .qrgrid{display:grid;grid-template-columns:repeat(21,1fr);grid-template-rows:repeat(21,1fr);width:100%;height:100%}.loops-proto .qrgrid div{transition:background .18s}.loops-proto .qrgrid div.on{background:#0d0a17}.loops-proto .qr-paused-ov{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(13,10,23,.7);border-radius:16px;color:#fff;z-index:4}.loops-proto .qrbox.paused .qr-paused-ov{display:flex}.loops-proto .qr-paused-ov button{padding:9px 18px;border-radius:11px;background:linear-gradient(100deg,var(--violet),var(--pink));color:#fff;border:none;font-weight:600;font-size:13px;cursor:pointer}.loops-proto .qr-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--violet),var(--pink));display:grid;place-items:center;font-family:var(--disp);font-style:italic;font-weight:600;font-size:15px;color:#fff;box-shadow:0 0 0 5px #fff;z-index:2}.loops-proto .qr-timer{width:230px;margin-top:18px}.loops-proto .qr-timer .row{display:flex;justify-content:space-between;font-size:11.5px;font-family:var(--mono);color:var(--ink-dim);margin-bottom:7px}.loops-proto .qr-timer .row b{color:var(--cyan);font-weight:600}.loops-proto .bar{height:5px;border-radius:4px;background:var(--line);overflow:hidden}.loops-proto .bar i{display:block;height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));transition:width 1s linear}.loops-proto .entry-meta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.loops-proto .entry-meta .c{background:var(--glass);border:1px solid var(--line);border-radius:13px;padding:11px 13px}.loops-proto .entry-meta .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase}.loops-proto .entry-meta .v{font-size:13px;font-weight:600;margin-top:4px}.loops-proto .cap-btn{width:100%;margin-top:14px;padding:12px;border-radius:13px;background:var(--glass);border:1px solid var(--line);color:var(--ink-dim);font-size:12.5px;font-weight:500;cursor:pointer;font-family:var(--body)}.loops-proto .staff{width:100%;margin-top:18px;border-radius:16px;border:1px dashed var(--line-2);padding:15px;background:hsla(0,0%,100%,.02)}.loops-proto .staff .sh{font-size:11px;font-family:var(--mono);letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:11px}.loops-proto .staff .srow{display:flex;gap:9px}.loops-proto .staff input{flex:1;height:44px;border-radius:11px;background:#0d0a17;border:1px solid var(--line-2);color:var(--ink);padding:0 14px;font-family:var(--mono);font-size:14px;letter-spacing:.2em}.loops-proto .staff input::-moz-placeholder{color:var(--ink-faint);letter-spacing:.05em}.loops-proto .staff input::placeholder{color:var(--ink-faint);letter-spacing:.05em}.loops-proto .staff .sbtn2{flex-shrink:0;padding:0 16px;height:44px;border-radius:11px;border:none;background:var(--glass-2);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer}.loops-proto .guard-line{width:100%;margin-top:16px;font-size:11px;color:var(--ink-faint);line-height:1.5;text-align:center}.loops-proto .guard-line b{color:var(--amber);font-weight:600}.loops-proto #archive .scroll{padding:0 20px 110px}.loops-proto .arc-title{margin:8px 2px 16px;font-size:17px;font-weight:700;line-height:1.4}.loops-proto .arc-title b{background:linear-gradient(92deg,var(--gold),#f3dca0);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.loops-proto .arc-tabs{display:flex;gap:8px;margin:18px 0 16px}.loops-proto .arc-tab{flex:1;padding:10px 4px;border-radius:12px;background:var(--glass);border:1px solid var(--line);color:var(--ink-dim);font-size:12px;font-weight:600;text-align:center;cursor:pointer;transition:.18s}.loops-proto .arc-tab.active{background:linear-gradient(100deg,rgba(124,92,219,.3),rgba(236,75,129,.3));border-color:var(--line-2);color:#fff}.loops-proto .arc-panel{display:none}.loops-proto .arc-panel.active{display:block;animation:lprise .4s both}.loops-proto .photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.loops-proto .photo{aspect-ratio:1;border-radius:14px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:10px;background-size:200% 200%;animation:lpshimmer 7s ease infinite}.loops-proto .photo span{font-size:10px;color:#fff;font-weight:600;background:rgba(0,0,0,.4);padding:3px 8px;border-radius:6px;font-family:var(--mono)}.loops-proto .photo.lock:after{content:"🔒 고화질 · 앱 내 열람";position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#fff;background:rgba(8,7,14,.45);font-weight:600}.loops-proto .pg1{background-image:linear-gradient(135deg,#7c5cdb,#ec4b81)}.loops-proto .pg2{background-image:linear-gradient(135deg,#ec4b81,#d4a04e)}.loops-proto .pg3{background-image:linear-gradient(135deg,#4fb8e0,#7c5cdb)}.loops-proto .pg4{background-image:linear-gradient(135deg,#d4a04e,#ec4b81)}.loops-proto .voice{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:20px}.loops-proto .voice .vh{display:flex;align-items:center;gap:13px}.loops-proto .voice .pp{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--pink));display:grid;place-items:center;cursor:pointer;font-size:20px;color:#fff;flex-shrink:0;transition:transform .12s}.loops-proto .voice .pp:active{transform:scale(.92)}.loops-proto .voice .vt{font-size:14px;font-weight:600}.loops-proto .voice .vs{font-size:12px;color:var(--ink-faint);margin-top:3px}.loops-proto .wave{display:flex;align-items:center;gap:3px;height:38px;margin-top:16px}.loops-proto .wave i{flex:1;background:linear-gradient(var(--violet),var(--pink));border-radius:3px;opacity:.5;height:30%}.loops-proto .wave.playing i{animation:lpeq .8s ease-in-out infinite}.loops-proto .wave i:nth-child(2n){animation-delay:.1s}.loops-proto .wave i:nth-child(3n){animation-delay:.2s}.loops-proto .wave i:nth-child(4n){animation-delay:.15s}@keyframes lpeq{0%,to{height:25%;opacity:.45}50%{height:90%;opacity:1}}.loops-proto .benefit{background:linear-gradient(135deg,rgba(124,92,219,.18),rgba(236,75,129,.14));border:1px solid var(--line-2);border-radius:18px;padding:22px;text-align:center}.loops-proto .benefit .bt{font-size:15px;font-weight:700}.loops-proto .benefit .bs{font-size:12.5px;color:var(--ink-dim);margin-top:8px;line-height:1.55}.loops-proto .secret-code{margin-top:16px;font-family:var(--mono);font-size:17px;font-weight:600;letter-spacing:.18em;color:var(--gold);background:#0d0a17;border:1px dashed var(--gold);border-radius:12px;padding:14px;filter:blur(7px);transition:filter .4s;cursor:pointer}.loops-proto .secret-code.revealed{filter:none}.loops-proto #charselect .scroll{padding:0 20px 120px}.loops-proto .cs-sub{font-size:13px;color:var(--ink-faint);margin:4px 2px 18px}.loops-proto .char-card{display:flex;align-items:center;gap:14px;background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:12px;cursor:pointer;transition:.15s}.loops-proto .char-card:not(.locked):active{transform:scale(.985);background:var(--glass-2)}.loops-proto .char-card.locked{opacity:.5;cursor:default}.loops-proto .char-ava{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:26px;flex-shrink:0}.loops-proto .char-ava.gyul{background:linear-gradient(135deg,#ffb45c,#ff7e9d);box-shadow:0 8px 22px -8px rgba(255,126,157,.6)}.loops-proto .char-ava.moon{background:linear-gradient(135deg,#5c6fdb,#9b5cdb)}.loops-proto .char-ava.spark{background:linear-gradient(135deg,#4fb8e0,#7c5cdb)}.loops-proto .char-meta{flex:1;min-width:0}.loops-proto .char-meta .cn{font-size:16px;font-weight:700}.loops-proto .char-meta .cn .soon{font-size:10px;font-weight:600;color:var(--ink-faint);background:var(--glass-2);padding:2px 7px;border-radius:8px;margin-left:6px;vertical-align:middle}.loops-proto .char-meta .cd{font-size:12.5px;color:var(--ink-dim);margin-top:3px}.loops-proto .char-tags{display:flex;gap:6px;margin-top:9px}.loops-proto .char-tags span{font-size:10.5px;color:#f0cf94;background:rgba(212,160,78,.14);border:1px solid rgba(212,160,78,.3);padding:3px 9px;border-radius:20px}.loops-proto .char-go{font-size:20px;color:var(--ink-faint);flex-shrink:0}.loops-proto .chat-screen{background:linear-gradient(180deg,#fff6ee,#fceff2 52%,#f4ecfb)}.loops-proto .chat-topbar{padding:54px 16px 12px;background:hsla(0,0%,100%,.6);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}.loops-proto .chat-topbar .tb-btn{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06);color:#6a565c}.loops-proto .chat-head{display:flex;align-items:center;gap:10px}.loops-proto .chat-ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ffb45c,#ff7e9d);display:grid;place-items:center;font-size:20px;flex-shrink:0}.loops-proto .chat-name{font-size:15px;font-weight:700;color:#3a2e33}.loops-proto .chat-status{font-size:11px;color:#9a8a8f;display:flex;align-items:center;gap:5px;margin-top:1px}.loops-proto .chat-status .online{width:7px;height:7px;border-radius:50%;background:#34d97a;box-shadow:0 0 5px #34d97a}.loops-proto .chat-body{padding:18px 18px 156px;display:flex;flex-direction:column;gap:12px}.loops-proto .c-greet{font-size:15px;line-height:1.6;color:#4a3b40;font-weight:500;margin:4px 2px 2px}.loops-proto .c-greet b{color:#e0567e}.loops-proto .starts-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:#bca6ac;text-transform:uppercase;margin:10px 2px 0}.loops-proto .starts{display:flex;flex-direction:column;gap:8px;margin-top:2px}.loops-proto .start-chip{text-align:left;background:hsla(0,0%,100%,.85);border:1px solid rgba(224,86,126,.18);color:#5a4650;font-size:13.5px;font-weight:500;padding:13px 16px;border-radius:15px;cursor:pointer;transition:.13s;display:flex;justify-content:space-between;align-items:center;font-family:var(--body)}.loops-proto .start-chip:active{transform:scale(.98)}.loops-proto .start-chip .ar{color:#e0567e;font-weight:700}.loops-proto .bubble{max-width:80%;padding:12px 15px;font-size:14px;line-height:1.55;border-radius:18px;animation:lprise .4s both}.loops-proto .bubble.bot{align-self:flex-start;background:#fff;color:#4a3b40;border-bottom-left-radius:6px;box-shadow:0 5px 16px -10px rgba(180,100,120,.6)}.loops-proto .bubble.me{align-self:flex-end;background:linear-gradient(135deg,#a07be8,#e0709e);color:#fff;border-bottom-right-radius:6px;box-shadow:0 7px 18px -8px rgba(160,123,232,.6)}.loops-proto .bubble.bot b{color:#e0567e}.loops-proto .typing{align-self:flex-start;background:#fff;padding:13px 16px;border-radius:18px;border-bottom-left-radius:6px;display:flex;gap:5px;box-shadow:0 5px 16px -10px rgba(180,100,120,.6)}.loops-proto .typing i{width:7px;height:7px;border-radius:50%;background:#d7b6c1;animation:lptdot 1s infinite}.loops-proto .typing i:nth-child(2){animation-delay:.15s}.loops-proto .typing i:nth-child(3){animation-delay:.3s}@keyframes lptdot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.loops-proto .chat-input{position:absolute;left:0;right:0;bottom:74px;display:flex;gap:9px;padding:12px 16px 14px;background:hsla(0,0%,100%,.72);backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.05);z-index:6}.loops-proto .chat-input input{flex:1;height:46px;border-radius:23px;border:1px solid rgba(224,86,126,.2);background:#fff;padding:0 18px;font-family:var(--body);font-size:14px;color:#3a2e33;outline:none}.loops-proto .chat-input input::-moz-placeholder{color:#bba7ad}.loops-proto .chat-input input::placeholder{color:#bba7ad}.loops-proto .chat-send{width:46px;height:46px;border-radius:50%;border:none;background:linear-gradient(135deg,#a07be8,#e0709e);color:#fff;font-size:20px;font-weight:700;cursor:pointer;flex-shrink:0;transition:.13s}.loops-proto .chat-send:active{transform:scale(.9)}.loops-proto .bottomnav{position:absolute;left:0;right:0;bottom:0;height:74px;z-index:50;display:flex;background:rgba(12,9,22,.86);backdrop-filter:blur(16px);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .45s cubic-bezier(.22,.8,.25,1);padding-bottom:8px}.loops-proto .bottomnav.on{transform:none}.loops-proto .navitem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--ink-faint);font-size:10px;font-weight:600;transition:color .2s;position:relative}.loops-proto .navitem svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}.loops-proto .navitem.active{color:var(--violet)}.loops-proto .navitem.active svg{filter:drop-shadow(0 0 6px rgba(124,92,219,.7))}.loops-proto .navitem .nb{position:absolute;top:8px;right:50%;margin-right:-22px;width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 5px var(--pink)}.loops-proto .pop-mask{position:absolute;inset:0;background:rgba(4,3,9,.66);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:80;padding:34px}.loops-proto .pop-mask.on{display:flex}.loops-proto .pop{background:#14101f;border:1px solid var(--line-2);border-radius:22px;padding:26px 24px;text-align:center;max-width:320px;width:100%;animation:lppopin .3s cubic-bezier(.2,1.2,.4,1) both}@keyframes lppopin{0%{transform:scale(.9);opacity:0}}.loops-proto .pop .pic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;margin:0 auto 16px}.loops-proto .pic.warn{background:rgba(236,75,129,.16);color:var(--pink)}.loops-proto .pic.ok{background:rgba(52,217,122,.16);color:#34d97a}.loops-proto .pic.lock{background:rgba(212,160,78,.16);color:var(--amber)}.loops-proto .pop h4{font-size:16.5px;font-weight:700}.loops-proto .pop p{font-size:13px;color:var(--ink-dim);margin-top:10px;line-height:1.6}.loops-proto .pop .pbtn{margin-top:20px;width:100%;height:48px;border:none;border-radius:13px;color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;background:linear-gradient(100deg,var(--violet),var(--pink));font-family:var(--body)}.loops-proto .pop .pbtn.ghost{background:var(--glass-2);border:1px solid var(--line-2)}.loops-proto .check-anim{width:64px;height:64px;border-radius:50%;border:3px solid #34d97a;display:grid;place-items:center;margin:0 auto 16px;animation:lppopin .4s cubic-bezier(.2,1.4,.4,1) both}.loops-proto .check-anim svg{width:34px;height:34px;stroke:#34d97a;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:lpdraw .5s .2s forwards}@keyframes lpdraw{to{stroke-dashoffset:0}}.loops-proto .toastwrap{position:absolute;left:0;right:0;bottom:96px;z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 24px}.loops-proto .toast{background:rgba(20,16,32,.96);border:1px solid var(--line-2);color:var(--ink);font-size:13px;font-weight:500;padding:12px 18px;border-radius:13px;box-shadow:0 12px 40px -10px #000;display:flex;align-items:center;gap:9px;transform:translateY(14px);opacity:0;animation:lptoastin .3s forwards;max-width:100%}.loops-proto .toast.minting .spin{width:14px;height:14px;border:2px solid var(--line-2);border-top-color:var(--pink);border-radius:50%;animation:lpspin .7s linear infinite}.loops-proto .toast .ok{color:#34d97a}@keyframes lptoastin{to{transform:none;opacity:1}}.loops-proto .hint{margin-top:2px;font-size:11px;color:#4a4660;font-family:var(--mono);letter-spacing:.04em;text-align:center;max-width:390px;line-height:1.6}@media (max-width:430px){.loops-proto{padding:0}.loops-proto .phone{width:100vw;height:100dvh;border-radius:0;box-shadow:none}.loops-proto .brandline,.loops-proto .hint,.loops-proto .notch{display:none}}.loops-proto{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:0;overflow:hidden;background:#050409;background-image:radial-gradient(60% 40% at 18% 8%,rgba(124,92,219,.22),transparent 70%),radial-gradient(50% 38% at 88% 92%,rgba(236,75,129,.18),transparent 70%)}.loops-proto .stagewrap{display:block;gap:0;width:min(430px,100vw);height:100dvh}.loops-proto .brandline,.loops-proto .hint,.loops-proto .notch{display:none}.loops-proto .phone{width:min(430px,100vw);height:100vh;height:100dvh;margin:0 auto;border-radius:0;box-shadow:none}@media (max-width:430px){.loops-proto{background-image:none}}