@font-face{font-family:MiSans;src:url(/fonts/MiSans-Semibold.woff2)format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:MiSans;src:url(/fonts/MiSans-Bold.woff2)format("woff2");font-weight:700 900;font-display:swap}:root{color:#f3f8ff;font-synthesis:none;--navy:#253f6a;--ink:#233b60;--cyan:#18ccd3;--paper:#f3f6f8;--muted:#b1c6e4;background:#182d55;font-family:MiSans,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;transition:transform .1s,filter .15s,background .2s}button:active{transform:scale(.9)}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #61fff4}input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button svg{flex-shrink:0}img{-webkit-user-select:none;user-select:none}button img{pointer-events:none}h1,h2,h3,p{margin:0}button:hover{filter:brightness(1.08)}em{color:#db782c;font-style:normal}.icon-button{width:38px;height:38px;color:inherit;border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:#92b9e020}.spinner{animation:1s linear infinite spin}.eyebrow{letter-spacing:2.8px;color:#8ca8c8;font-size:10px}.is-favorite{color:#ffc6aa!important}.app{isolation:isolate;height:100dvh;min-height:580px;position:relative;overflow:hidden}.room-background,.room-haze{z-index:-3;pointer-events:none;position:absolute;inset:0}.room-background{filter:saturate(.85);background:url(/ui/bg_outfit_02.png) 50% 53%/cover no-repeat;transform:scale(1.025)}.room-haze{z-index:-2;background:linear-gradient(90deg,#13244083 0%,#19366205 38%,#1b396f49 65%,#203e7455),linear-gradient(#132b514a,#0000 50%,#0b203d91)}.dust-field{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dust-field i{left:calc(var(--n)*7.3%);top:calc(15% + var(--n)*5.1%);opacity:.3;width:2px;height:2px;animation:dust calc(7s + var(--n)*.5s) ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.8s);background:#dbf7ff;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #8bbcff66}.topbar{z-index:5;justify-content:space-between;align-items:flex-start;height:104px;padding:25px 42px 0 28px;display:flex;position:relative}.topbar-brand{align-items:center;gap:12px;display:flex}.back-button{color:#254471;z-index:2;background:#f0f7f8;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 4px #0b1d4066,inset 0 0 0 3px #d8e8ee}.back-button svg{stroke-width:3px;width:29px;height:29px}.title-ribbon{clip-path:polygon(0 0,100% 0,96% 100%,0 100%);background:linear-gradient(105deg,#254c8dd9,#2b539bba);align-items:center;gap:12px;min-width:268px;height:46px;margin-left:-21px;padding:0 26px 0 12px;display:flex}.title-ribbon>img{width:21px;height:27px;margin-left:12px}.title-ribbon h1{letter-spacing:2px;font-size:21px}.title-ribbon>span{letter-spacing:1px;opacity:.55;margin-left:12px;font-size:11px}.topbar-actions{align-items:center;gap:25px;padding-top:5px;display:flex}.collection-counter{font-variant-numeric:tabular-nums;align-items:center;gap:9px;font-size:18px;display:flex}.collection-counter>svg{color:#a5e1e7}.collection-counter small{opacity:.6;font-size:12px}.collection-button{color:#29466c;background:#eef6f8;border-radius:3px;align-items:center;gap:10px;height:40px;padding:0 20px;font-size:14px;font-weight:700;display:flex;box-shadow:0 3px #15274d55}.main-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:104px 0 192px}.detail-scene{grid-template-columns:minmax(170px,230px) minmax(340px,1fr) minmax(280px,400px);align-items:center;gap:32px;width:min(1660px,100% - 110px);height:100%;max-height:790px;display:grid}.scene-enter{animation:.6667s cubic-bezier(.15,.7,.25,1) both scene-in}.outfit-identity{scrollbar-width:none;max-height:100%;padding-top:36px;overflow:auto}.identity-topline{letter-spacing:2px;color:#b6d5e8;align-items:center;gap:12px;margin-bottom:35px;font-size:9px;display:flex}.identity-topline i{background:linear-gradient(90deg,#89c3dd66,#0000);flex:1;height:1px}.stars{color:#ffe376;letter-spacing:3px;text-shadow:0 2px #986d2c,0 0 9px #f5c56544;font-size:25px;line-height:1.5}.outfit-identity h2{letter-spacing:1px;color:#294068;background:linear-gradient(100deg,#f6f8f8,#f2f6f8dd 90%,#e8f3fa20);margin:4px -8px 14px;padding:12px 14px;font-size:30px;font-weight:800;line-height:1.35;box-shadow:0 2px #152c4e22}.identity-tags{color:#3e5a82;align-items:center;gap:6px;margin-bottom:13px;display:flex}.identity-tags>span{background:#f2f7f7d9;align-items:center;gap:8px;padding:5px 11px;font-size:13px;line-height:1.3;display:flex}.element-tag b{color:#6ca4d2;font-size:19px;font-weight:400}.element-2 .element-tag b{color:#ed9778}.element-3 .element-tag b{color:#71c9ba}.element-4 .element-tag b{color:#d9b984}.element-5 .element-tag b{color:#d9ca6e}.element-6 .element-tag b{color:#b391c0}.character-names{color:#bdd7e7;letter-spacing:1px;margin:12px 0 22px;font-size:12px}.cyan-section{letter-spacing:1px;color:#fff;background:linear-gradient(100deg,#12c8cbd9,#1acbd2c9 80%,#10c5cd00);justify-content:space-between;align-items:center;height:26px;margin-bottom:7px;padding:3px 12px 3px 10px;font-size:13px;font-weight:700;display:flex;position:relative}.cyan-section>span{opacity:.7;letter-spacing:1.5px;font-size:8px;font-weight:400}.identity-description{white-space:pre-line;color:#e4f2fae6;scrollbar-width:thin;scrollbar-color:#9dc3e344 transparent;max-height:135px;margin-top:12px;padding-right:4px;font-size:12px;line-height:1.95;overflow:auto}.identity-bottom{border-top:1px solid #afcee32b;justify-content:space-between;align-items:center;margin-top:28px;padding-top:15px;display:flex}.identity-bottom>span{color:#a1bed7;letter-spacing:1px;font-size:10px}.favorite-button{color:#cfe3f0;align-items:center;gap:7px;padding:6px 0;font-size:12px;display:flex}.artwork-area{perspective:1300px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.card-aura{filter:blur(30px);pointer-events:none;background:radial-gradient(#8c8dce33,#0000 68%);position:absolute;inset:6% -8%}.live-card{perspective:1200px;--mx:0;--my:0;isolation:isolate;width:min(100%,600px);max-height:100%;padding:15px;position:relative}.card-frame{aspect-ratio:752/770;width:100%;transform:rotateX(calc(var(--my)*-5deg)) rotateY(calc(var(--mx)*7deg));transform-style:preserve-3d;filter:drop-shadow(0 18px 24px #08172c80);background:linear-gradient(125deg,#f0bded,#a2b2ef 45%,#63d6d9);border-radius:6px;padding:2.65% 2.65% 5.5%;position:relative;overflow:hidden}.card-window{isolation:isolate;background:#a5c1d7;border-radius:2px;width:100%;height:100%;position:relative;overflow:hidden}.card-layer{object-fit:fill;max-width:none;transform:translate(calc(var(--px) + var(--mx)*var(--depth)*11px),calc(var(--py) + var(--my)*var(--depth)*9px)) rotate(var(--rz));pointer-events:none;will-change:transform;position:absolute}.flat-cover{object-fit:cover;width:106%;height:106%;transform:translate(calc(var(--mx)*-5px),calc(var(--my)*-5px));pointer-events:none;position:absolute;inset:-3%}.native-frame{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.rarity-4>.native-frame{filter:hue-rotate(18deg)saturate(.85)}.rarity-3>.native-frame{filter:saturate(.3)}.card-glint{z-index:12;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#ffffff25,#0000 25% 80%,#a0ffff2a);border-radius:5px;position:absolute;inset:0}.card-light{background:linear-gradient(calc(110deg + var(--mx)*15deg),#ffffff0c,transparent 48%,#9af2ff0c);pointer-events:none;z-index:20;position:absolute;inset:0}.card-title-art{color:#eff7fc;text-shadow:0 1px 8px #10234088;z-index:5;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:3%;left:7%;right:5%}.card-title-art>span{letter-spacing:5px;opacity:.8;font-size:8px}.card-title-art b{letter-spacing:3px;font-size:clamp(23px,2.5vw,43px);font-weight:400}.card-title-art small{letter-spacing:2px;font-size:7px}.expand-card{z-index:15;opacity:0;background:#14244085;border:1px solid #e0f2ff44;border-radius:3px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;transition:opacity .2s,transform .1s;display:flex;position:absolute;bottom:34px;right:31px}.live-card:hover .expand-card,.expand-card:focus-visible{opacity:1}.artwork-caption{letter-spacing:1px;color:#b4cde1c4;justify-content:center;align-items:center;gap:15px;margin-top:14px;font-size:10px;display:flex}.artwork-caption>span{color:#7edce499;font-size:9px}.detail-panel{flex-direction:column;align-self:center;min-height:0;max-height:100%;padding-top:15px;display:flex}.panel-heading{letter-spacing:1px;align-items:center;gap:9px;margin-bottom:14px;font-size:17px;font-weight:700;display:flex}.panel-heading>svg{color:#7cf0ee}.panel-heading>small{letter-spacing:2px;color:#a1bcd8;margin-left:auto;font-size:9px;font-weight:400}.melody-choices{flex-direction:column;gap:7px;display:flex}.melody-choice{text-align:left;color:#d0e0ed;background:#d7e5f21c;border:1px solid #b8cee233;border-radius:3px;align-items:center;gap:11px;height:68px;padding:10px 14px;display:flex;position:relative}.melody-choice.selected{color:#294a70;background:linear-gradient(100deg,#f6fbfb,#eaf3f6);border-color:#8edfe5;box-shadow:0 0 0 1px #8eeefc16,0 3px 12px #11284a1a}.melody-icon{color:#b5dce9;background:#93b6d028;border-radius:2px;place-items:center;width:32px;height:36px;display:grid}.selected .melody-icon{color:#3297a4;background:#bee8e9}.melody-choice>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.melody-choice strong{letter-spacing:1px;font-size:14px;font-weight:700}.melody-choice small{opacity:.6;font-size:9px}.melody-time{font-variant-numeric:tabular-nums;opacity:.6;margin-left:auto;font-size:11px}.melody-check{color:#31a9ad;position:absolute;bottom:4px;right:5px}.skill-toggle{gap:8px;margin:23px 0 14px;display:flex}.skill-toggle button{color:#36547a;background:#e5eef4d9;border-radius:20px;flex:1;height:31px;font-size:13px;font-weight:700}.skill-toggle button.selected{color:#fff;background:#24447bd9;box-shadow:inset 0 0 0 1px #aec9e51a}.skill-scroll{scrollbar-width:thin;scrollbar-color:#92b6da66 transparent;min-height:0;max-height:280px;animation:.15s ease-out content-in;overflow:auto}.skill-block{margin-bottom:13px}.skill-paper{color:#2a4269;background:#f3f7f8f2;border:1px solid #a1b5cd6b;padding:12px 13px 14px;box-shadow:0 2px #748cad77}.skill-paper h3{align-items:center;gap:8px;margin-bottom:8px;font-size:15px;display:flex}.skill-paper h3>span{color:#fff;background:#7197b4;place-items:center;width:25px;height:25px;font-size:22px;font-weight:400;display:grid}.skill-paper h3>small{white-space:nowrap;opacity:.6;margin-left:auto;font-size:10px;font-weight:400}.skill-paper p{white-space:pre-line;font-size:12px;line-height:1.85}.empty-skill{align-items:center;gap:15px;font-size:12px;display:flex}.archive-link{color:#d8edf6;background:#162e582e;border:1px solid #8daccd44;border-radius:2px;justify-content:center;align-items:center;gap:9px;margin-top:14px;padding:10px;font-size:11px;display:flex}.archive-link>svg:last-child{margin-left:auto}.archive-link>svg:first-child{margin-right:auto}.transport{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:linear-gradient(90deg,#182e50b3,#243d60bd 45%,#1a3154c2);border:1px solid #c5e9ff22;border-radius:4px;align-items:center;gap:18px;width:min(1450px,100% - 110px);height:82px;padding:11px 24px 11px 12px;display:flex;position:absolute;bottom:87px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #10213c22}.transport-cover{border:1px solid #bbd2ea55;border-radius:2px;flex-shrink:0;width:58px;height:58px;padding:0;position:relative;overflow:hidden}.transport-cover>img{object-fit:cover;width:100%;height:100%}.transport-cover>span{opacity:0;background:#0c244168;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.transport-cover:hover>span{opacity:1}.transport-meta{flex-direction:column;gap:7px;width:185px;min-width:120px;display:flex}.transport-meta>strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.transport-meta>span{color:#b5c9dd;align-items:center;gap:8px;font-size:10px;display:flex}.transport-meta i{background:#90b2d3;border-radius:50%;width:2px;height:2px}.transport-buttons{color:#cee4f2;align-items:center;gap:12px;margin-right:12px;display:flex}.play-button{color:#285377;background:linear-gradient(135deg,#c8fff8,#73e2e3);border:1px solid #defdfa;border-radius:50%;place-items:center;width:47px;height:47px;display:grid;box-shadow:0 3px #1a607688,0 0 22px #53dbe311}.play-button>svg{stroke-width:2.4px;width:21px;height:21px}.play-button>svg.lucide-play{margin-left:3px}.progress-control{flex:1;min-width:80px;padding-top:3px;position:relative}.progress-label{font-variant-numeric:tabular-nums;color:#acc3da;justify-content:space-between;align-items:center;gap:12px;height:18px;margin-bottom:7px;font-size:9px;display:flex}.waveform{flex:1;justify-content:center;align-items:center;gap:3px;height:18px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.waveform>i{background:#7eacc53b;border-radius:2px;flex:1;width:2px;min-width:1px;max-width:3px}.waveform>i.past{background:#8ce7e799}.seek{appearance:none;background:linear-gradient(to right,#8bebeb var(--progress),#b9d9e833 var(--progress));cursor:pointer;border-radius:5px;width:100%;height:3px;margin:0;display:block;outline-offset:8px!important}.seek::-webkit-slider-thumb{appearance:none;background:#ebffff;border-radius:50%;width:8px;height:8px;transition:transform .1s;box-shadow:0 0 8px #96f9ff99}.seek::-moz-range-thumb{background:#ebffff;border:0;border-radius:50%;width:8px;height:8px}.seek:hover::-webkit-slider-thumb{transform:scale(1.5)}.transport-options{align-items:center;gap:6px;margin-left:12px;display:flex}.loop-button{color:#91abc7}.loop-button.enabled{color:#9ce8e7}.loop-button.enabled:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;transform:translateY(16px)}.volume-wrap{position:relative}.volume-popup{color:#345371;background:#edf6fa;border:1px solid #9dc0d2;border-radius:5px;flex-wrap:wrap;align-items:center;gap:13px;width:210px;padding:18px;display:flex;position:absolute;bottom:54px;right:0;box-shadow:0 7px 25px #0a1a3d77}.volume-popup input{accent-color:#29b8c0;width:128px}.volume-popup>span{font-size:11px}.volume-popup>button{color:#758b9e;border-top:1px solid #bdd3df;width:100%;padding-top:12px;font-size:11px}.volume-popup>button.enabled{color:#268d9e}.audio-error{z-index:20;background:#7c443ce8;border-radius:4px;padding:9px 20px;font-size:12px;position:absolute;bottom:176px;left:50%;transform:translate(-50%)}.audio-error button{margin-left:12px;text-decoration:underline}.bottom-bar{color:#29466e;z-index:11;background:#e8eff4eb;border-top:1px solid #fbffff88;justify-content:space-between;align-items:center;height:65px;padding:0 5%;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -5px 25px #172d4a17}.bottom-brand{letter-spacing:2.2px;opacity:.6;align-items:center;gap:12px;font-size:10px;display:flex}.bottom-brand>small{letter-spacing:2px;border-left:1px solid #677e9866;padding-left:12px;font-size:9px}.bottom-bar>nav{align-items:stretch;gap:2px;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.bottom-bar>nav>button{isolation:isolate;justify-content:center;align-items:center;gap:11px;min-width:220px;padding:0 30px;font-size:19px;font-weight:700;display:flex;position:relative}.bottom-bar>nav>button>img{object-fit:contain;width:32px;height:28px}.bottom-bar>nav>button>small{letter-spacing:1px;opacity:.5;align-self:center;margin-top:3px;font-size:8px}.bottom-bar>nav>button:before{content:"";z-index:-1;background:0 0;transition:background .2s;position:absolute;inset:0 -10px;transform:skew(-12deg)}.bottom-bar>nav>button.active{color:#fff}.bottom-bar>nav>button.active:before{background:linear-gradient(115deg,#37598b,#233e6c);box-shadow:inset 0 3px #8bd3de}.bottom-bar>nav>button.active>svg{color:#bbede9;filter:drop-shadow(0 0 3px #acf7ef44)}.bottom-bar>nav>button.active>img{filter:brightness(1.25)}.browse-controls{align-items:center;gap:13px;margin-left:auto;display:flex}.browse-controls>button{border:1px solid #617da144;border-radius:3px;place-items:center;width:32px;height:29px;display:grid}.browse-controls>span{letter-spacing:1px;color:#6c809d;font-variant-numeric:tabular-nums;font-size:11px}.archive-scene{grid-template-columns:minmax(500px,1.35fr) minmax(310px,1fr);align-items:center;gap:65px;width:min(1580px,100% - 140px);height:100%;max-height:800px;display:grid}.phonograph-area{flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.archive-record-title{align-items:center;gap:18px;padding:0 15px 20px;display:flex}.archive-record-title h2{letter-spacing:1px;font-size:24px;font-weight:600}.archive-record-title .stars{letter-spacing:1px;font-size:16px}.archive-record-title .icon-button{margin-left:auto}.turntable{aspect-ratio:1052/712;filter:drop-shadow(0 13px 20px #14244366);width:100%;position:relative;transform:perspective(1700px)rotateY(5deg)rotateX(3deg)}.turntable-base{opacity:.91;width:100%;height:100%;position:absolute;inset:0}.record-orbit{aspect-ratio:1;filter:drop-shadow(0 7px 3px #18304a55);width:65.8%;position:absolute;top:1.3%;left:6.4%}.record-disc{border-radius:50%;animation:25s linear infinite spin;position:absolute;inset:0}.record-grooves{width:100%;height:100%;position:absolute;inset:0}.record-label{object-fit:cover;filter:saturate(.8);border-radius:50%;width:51%;height:51%;position:absolute;top:24.5%;left:24.5%}.record-center{z-index:2;background:#d6eff1;border-radius:50%;width:2.4%;height:2.4%;position:absolute;top:48.8%;left:48.8%;box-shadow:0 0 0 3px #273644bb}.record-reflection{pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 45deg,#0000 0deg,#d5e7ff23 24deg,#0000 48deg 180deg,#e0f0ff16 210deg,#0000 238deg);border-radius:50%;position:absolute;inset:0}.tonearm{transform-origin:50% 7%;filter:drop-shadow(2px 4px 2px #293b6077);width:8%;height:62%;transition:transform .8s cubic-bezier(.2,.7,.3,1);position:absolute;top:14.2%;left:82%;transform:rotate(-15deg)}.is-playing .tonearm{transform:rotate(18deg)}.tonearm-pivot{aspect-ratio:1;background:radial-gradient(circle,#cad8e7 11%,#405374 13%,#b9c9db 17%,#7c90ad 31%,#d6e4ed 33%,#667b9b 39%,#2d4468 41%,#8b9db7 58%,#435877 60%);border-radius:50%;width:75%;position:absolute;top:0;left:12%;box-shadow:0 2px 5px #3c507999}.tonearm-rod{transform-origin:50% 0;background:linear-gradient(90deg,#4b5c79,#e2eaf2 35%,#a6b8cf 60%,#4a607f);border-radius:7px;width:17%;height:82%;position:absolute;top:7%;left:42%;transform:rotate(-9deg)}.tonearm-head{background:linear-gradient(90deg,#2c4266,#7188a8 40%,#344e70);border-radius:4px;width:50%;height:19%;position:absolute;top:81%;left:78%;transform:rotate(-30deg);box-shadow:1px 3px 2px #26395366}.turntable-label{color:#d1dded;opacity:.6;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:8%;left:7%}.turntable-label>span{letter-spacing:2px;font-size:10px}.turntable-label>small{letter-spacing:1.6px;font-size:6px}.turntable-status{letter-spacing:1px;color:#cfdeeb;align-items:center;gap:5px;font-size:7px;display:flex;position:absolute;bottom:8%;right:7%}.turntable-status>i{background:#8ca1bb;border-radius:50%;width:4px;height:4px}.is-playing .turntable-status>i{background:#92f6dd;box-shadow:0 0 7px #92f6dd}.archive-smallprint{color:#b5c8dc;letter-spacing:1px;justify-content:center;align-items:center;gap:8px;margin-top:25px;font-size:10px;display:flex}.archive-panel{flex-direction:column;min-height:0;max-height:100%;display:flex}.archive-panel-title{align-items:center;gap:14px;margin-bottom:19px;display:flex}.archive-panel-title>img{object-fit:contain;width:43px;height:39px}.archive-panel-title>div{flex-direction:column;gap:4px;display:flex}.archive-panel-title small{letter-spacing:2.5px;color:#a7c8df;font-size:8px}.archive-panel-title h2{letter-spacing:3px;font-size:23px;font-weight:600}.archive-tracks{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.archive-track{text-align:left;color:#d0e2ee;background:#223c6077;border:1px solid #adcbe044;border-radius:3px;align-items:center;gap:12px;padding:13px 15px;display:flex}.archive-track.selected{color:#345575;background:#eef7f6;border-color:#b2e4e7;box-shadow:inset 0 -3px #7fd1d6}.archive-track-number{color:#7a9db7;opacity:.6;font-size:19px;font-weight:400}.archive-track>div{flex-direction:column;gap:4px;display:flex}.archive-track b{font-size:13px}.archive-track small{opacity:.55;font-size:9px}.archive-track>svg{color:#4dafb9;margin-left:auto}.paper{color:#385173;scrollbar-width:thin;scrollbar-color:#b6c7d5 transparent;background:linear-gradient(125deg,#f8faf9f5,#e8f0f5f2);border:1px solid #bed0df;border-radius:3px;padding:24px 28px;position:relative;overflow:auto;box-shadow:0 5px 18px #172b4d33,inset 0 0 0 5px #ffffff2b}.paper:before{content:"✧";color:#c3d6e2;font-size:20px;position:absolute;top:12px;right:15px}.paper-kicker{text-align:center;letter-spacing:3px;color:#88a1b4;margin-bottom:10px;font-size:9px;display:block}.paper h3{text-align:center;letter-spacing:2px;margin-bottom:15px;font-size:22px;font-weight:600}.literary{white-space:pre-line;text-align:center;color:#6b7e98;font-size:12px;line-height:1.95}.paper-divider{color:#90acbe;justify-content:center;align-items:center;gap:14px;margin:18px 15px;font-size:13px;display:flex}.paper-divider:before,.paper-divider:after{content:"";background:#c4d2dd;flex:1;height:1px}.story-preview{white-space:pre-line;color:#526b88;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.story-button{color:#eef9fe;background:#314f7b;border-radius:3px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:11px 12px;font-size:12px;display:flex}.story-button>svg:last-child{margin-left:auto}.story-button>svg:first-child{margin-right:auto}.modal{width:min(1100px,100% - 64px);max-height:calc(100dvh - 72px);color:var(--ink);background:0 0;border:0;border-radius:5px;padding:0;animation:.24s cubic-bezier(.2,.7,.3,1) modal-in;overflow:visible;box-shadow:0 20px 80px #091a3d66}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#07182dc7}.modal-sheet{background:#eaf1f7;border:1px solid #d8e9f5;border-radius:5px;flex-direction:column;max-height:calc(100dvh - 72px);display:flex;overflow:hidden}.modal-sheet>header{background:linear-gradient(120deg,#f3f8fb,#e1eaf3);border-bottom:1px solid #c8d8e7;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 30px 20px;display:flex}.modal-sheet>header h2{letter-spacing:3px;margin-top:4px;font-size:23px}.modal-sheet>header .close{color:#507191;background:#d4e2ee66;width:37px;height:37px}.collection-tools{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px 14px;display:flex}.search-box{color:#7994ad;background:#f9fcfd;border:1px solid #c0d2e0;border-radius:3px;flex:1;align-items:center;gap:12px;max-width:440px;padding:10px 15px;display:flex}.search-box:focus-within{border-color:#61bdc6}.search-box input{color:#3b5875;background:0 0;border:0;flex:1;min-width:0;font-size:13px;outline:none!important}.search-box input::placeholder{color:#98adbf}.search-box>button{place-items:center;display:grid}.collection-tools>span{color:#97aabb;font-variant-numeric:tabular-nums;font-size:12px}.collection-filters{flex-wrap:wrap;flex-shrink:0;gap:7px;margin:0 30px 20px;display:flex}.collection-filters>button{color:#6d89a4;border:1px solid #c1d2df;border-radius:3px;justify-content:center;align-items:center;gap:5px;min-width:43px;padding:6px 12px;font-size:11px;display:flex}.collection-filters>button.active{color:#e7f7ff;background:#315780;border-color:#315780}.collection-grid{scrollbar-width:thin;scrollbar-color:#9db5cc transparent;grid-template-columns:repeat(6,1fr);gap:22px 16px;min-height:150px;padding:0 30px 30px;display:grid;overflow:auto}.collection-item{text-align:left;min-width:0;padding:0 0 5px;transition:transform .15s}.collection-image{aspect-ratio:1;background:#b6cbdc;border:2px solid #c0a5d4;border-radius:3px;width:100%;padding:3px;position:relative;overflow:hidden;box-shadow:0 3px 7px #334e731a}.collection-image.rarity-4{border-color:#7aa8d9}.collection-image.rarity-3{border-color:#9dbebc}.collection-image>img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.collection-item:hover .collection-image>img{transform:scale(1.06)}.collection-item.selected .collection-image{border-color:#26b8b9;box-shadow:0 0 0 2px #96dbd4}.collection-stars{letter-spacing:1px;color:#ffe58b;text-shadow:0 1px 2px #3b3c4d;z-index:1;font-size:13px;position:absolute;bottom:4px;left:5px}.collection-image:after{content:"";background:linear-gradient(#0000,#14274d66);position:absolute;inset:50% 0 0}.collection-heart{color:#fcb;filter:drop-shadow(0 1px 2px #294360);position:absolute;top:7px;right:7px}.selected-check{color:#fff;z-index:2;background:#22a7b3;padding:3px 5px;display:flex;position:absolute;bottom:0;right:0}.collection-item>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:12px;font-weight:600;display:block;overflow:hidden}.collection-item>small{color:#8da2b6;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-top:4px;font-size:9px;display:flex;overflow:hidden}.collection-item>small i{background:#a7bdce;border-radius:50%;width:2px;height:2px}.empty-collection{text-align:center;color:#8da6bb;flex-direction:column;grid-column:1/-1;align-items:center;gap:15px;padding:70px 0;display:flex}.empty-collection>button{color:#438c9f;font-size:12px;text-decoration:underline}.story-modal{width:min(720px,100% - 64px)}.story-modal .modal-sheet{background:#f1f5f6}.story-heading{color:#7391a7;justify-content:space-between;align-items:center;padding:22px 40px 15px;font-size:12px;display:flex}.story-heading small{letter-spacing:1px;font-size:9px}.full-story{white-space:pre-line;letter-spacing:.4px;color:#3f5975;scrollbar-width:thin;scrollbar-color:#b2c7d3 transparent;padding:5px 40px 30px;font-size:14px;line-height:2.25;overflow:auto}.story-ending{text-align:center;color:#98bac6;padding:10px 0 25px}.art-modal{width:min(900px,100% - 50px);box-shadow:none;color:#f0f8ff}.art-modal .modal-sheet{background:0 0;border:none;overflow:visible}.art-modal .modal-sheet>header{z-index:3;background:0 0;border:0;padding:0 5px 15px;position:relative}.art-modal h2{font-size:17px!important}.art-modal .eyebrow{font-size:8px}.art-modal .modal-sheet>header .close{color:#fff;background:#6285ae33}.full-card{width:min(68dvh,700px);margin:0 auto;padding:0}.full-art-label{flex-direction:column;align-items:center;gap:9px;margin-top:15px;display:flex}.full-art-label>span{letter-spacing:3px;font-size:17px}.full-art-label>small{color:#9dbad0;letter-spacing:1px;font-size:10px}.toast{color:#e0f7ff;z-index:40;background:#25496de8;border:1px solid #9adad34d;border-radius:4px;align-items:center;gap:9px;padding:12px 24px;font-size:12px;animation:.15s ease-out content-in;display:flex;position:fixed;bottom:190px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #112a4d55}.loading-screen{background:#1e3459;flex-direction:column;justify-content:center;align-items:center;gap:22px;height:100dvh;display:flex}.loading-screen>img{width:75px;height:75px;animation:25s linear infinite spin}.loading-screen h1{letter-spacing:6px;font-size:25px}.loading-screen p{color:#a9c3db;font-size:12px}.loading-screen button{background:#638eaf44;border:1px solid #9bbbd166;border-radius:4px;padding:10px 25px}.native-tonearm{pointer-events:none;filter:drop-shadow(2px 3px 2px #29446588);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.needle-arm{transform-origin:0 0;transition:transform .6667s cubic-bezier(.2,.7,.3,1)}.collection-activity{color:#4a6987;border-top:1px solid #c4d4df;grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;margin-top:3px;padding:13px 0 0;font-size:13px;display:flex}.collection-activity small{letter-spacing:1px;color:#8aa3b7;white-space:nowrap;font-size:9px;font-weight:400}.collection-activity:first-child{border-top:0;margin-top:0;padding-top:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dust{0%{opacity:.1;transform:translate(0,0)}to{opacity:.65;transform:translate(35px,-65px)}}@keyframes scene-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes content-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=1600px){.detail-scene{grid-template-columns:240px minmax(500px,1fr) 430px;gap:55px}.outfit-identity h2{font-size:35px}.identity-description{max-height:160px;font-size:14px}.skill-paper p{font-size:14px}.skill-scroll{max-height:350px}.melody-choice{height:74px}.main-stage{inset-top:115px}.archive-panel-title{margin-bottom:24px}.archive-tracks{margin-bottom:22px}.paper{padding:30px 35px}.story-preview,.literary{font-size:14px}.archive-record-title h2{font-size:30px}.transport{bottom:96px}.bottom-bar{height:72px}}@media (height<=800px) and (width>=1000px){.topbar{height:88px;padding-top:17px}.main-stage{top:90px;bottom:170px}.detail-scene{gap:25px;max-height:560px}.live-card{width:min(100%,100dvh - 265px);padding:7px}.artwork-caption{margin-top:6px;font-size:9px}.identity-topline{margin-bottom:17px}.outfit-identity{padding-top:0}.outfit-identity h2{font-size:25px}.identity-description{max-height:98px;font-size:11px}.character-names{margin:9px 0 15px}.identity-bottom{margin-top:16px}.panel-heading{margin-bottom:9px;font-size:15px}.melody-choice{height:56px;padding:8px 12px}.melody-choice small{font-size:8px}.skill-toggle{margin:15px 0 10px}.skill-scroll{max-height:205px}.skill-paper p{font-size:11px;line-height:1.65}.skill-paper h3{font-size:13px}.archive-link{margin-top:8px;padding:8px}.transport{height:74px;bottom:79px}.bottom-bar{height:60px}.archive-scene{gap:50px;max-width:1300px}.archive-record-title{padding-bottom:10px}.archive-record-title h2{font-size:21px}.archive-smallprint{margin-top:10px}.archive-panel-title{margin-bottom:11px}.archive-track{padding:9px 12px}.archive-tracks{margin-bottom:12px}.paper{padding:17px 22px}.paper h3{margin-bottom:10px;font-size:19px}.paper-kicker{margin-bottom:6px}.paper-divider{margin:11px}.story-preview{font-size:11px}.story-button{margin-top:14px}}@media (width<=1150px) and (width>=801px){.detail-scene{grid-template-columns:160px minmax(280px,1fr) 300px;gap:22px;width:calc(100% - 60px)}.outfit-identity h2{font-size:24px}.identity-topline{letter-spacing:1px;font-size:8px}.identity-description{font-size:11px}.identity-bottom>span{display:none}.transport{gap:12px;width:calc(100% - 60px)}.transport-meta{width:150px}.transport-buttons{gap:6px}.bottom-brand{display:none}.bottom-bar>nav>button{min-width:180px}.archive-scene{grid-template-columns:minmax(380px,1.2fr) minmax(300px,1fr);gap:35px;width:calc(100% - 70px)}.archive-record-title .stars{letter-spacing:0;font-size:11px}.archive-record-title h2{font-size:19px}.archive-track{gap:7px;padding:11px 9px}.archive-track-number{font-size:15px}.archive-track b{font-size:11px}.collection-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=800px){.app{height:auto;min-height:100dvh;padding-bottom:198px;overflow:hidden}.topbar{height:91px;padding:17px 18px 0 16px}.back-button{width:46px;height:46px}.back-button>svg{width:24px;height:24px}.title-ribbon{gap:8px;min-width:150px;height:38px;padding-right:17px}.title-ribbon h1{font-size:18px}.title-ribbon>span{display:none}.title-ribbon>img{width:16px;height:20px}.topbar-actions{gap:10px;padding-top:2px}.collection-counter{display:none}.collection-button{gap:6px;height:36px;padding:0 12px;font-size:11px}.collection-button svg{width:15px}.room-background,.room-haze{position:fixed;transform:none}.room-haze{background:linear-gradient(#0b234a66,#0000 40%,#132e5a99)}.main-stage{padding:0 22px;display:block;position:relative;inset:auto}.detail-scene{flex-direction:column;gap:0;width:100%;height:auto;max-height:none;display:flex}.outfit-identity{order:1;grid-template-columns:1fr auto;align-items:center;width:100%;max-height:none;margin-top:10px;padding:0;display:grid;position:relative;overflow:visible}.identity-topline{display:none}.outfit-identity .stars{font-size:16px;position:absolute;top:1px;right:2px}.outfit-identity h2{letter-spacing:1px;color:#fff;box-shadow:none;background:0 0;grid-area:1/1;margin:0 0 8px;padding:0;font-size:25px}.identity-tags{grid-area:2/1;gap:5px;margin:0}.identity-tags>span{padding:3px 9px;font-size:10px}.identity-tags b{font-size:14px}.character-names{grid-area:2/2;margin:0;font-size:10px}.outfit-identity>.cyan-section,.identity-description,.identity-bottom{display:none}.artwork-area{order:2;align-self:auto;width:100%;margin-top:18px}.live-card{width:min(91%,440px);padding:8px}.artwork-caption{gap:9px;margin:10px 0 23px;font-size:8px}.expand-card{opacity:1;padding:5px 7px;font-size:9px;bottom:29px;right:23px}.detail-panel{order:3;width:100%;max-height:none;padding:0}.panel-heading{margin-bottom:12px;font-size:15px}.panel-heading small{font-size:8px}.melody-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.melody-choice{gap:8px;height:64px;padding:9px 10px}.melody-choice .melody-icon{width:26px;height:32px}.melody-choice svg{width:17px}.melody-choice strong{letter-spacing:0;font-size:12px}.melody-choice small{font-size:8px}.melody-choice .melody-time{display:none}.skill-toggle{margin-top:22px}.skill-scroll{max-height:none;overflow:visible}.skill-paper p{font-size:12px;line-height:1.9}.skill-paper h3{font-size:14px}.archive-link{margin-top:5px;padding:12px;font-size:12px}.transport{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1d365be8;border-radius:5px;grid-template-rows:43px 22px;grid-template-columns:43px 1fr auto auto;gap:7px 10px;width:calc(100% - 24px);height:100px;padding:11px 14px;display:grid;position:fixed;bottom:67px}.transport-cover{width:43px;height:43px}.transport-meta{gap:5px;width:auto;min-width:0}.transport-meta strong{font-size:12px}.transport-meta>span{font-size:9px}.transport-buttons{gap:4px;margin:0}.transport-buttons .icon-button{width:28px;height:32px}.transport-buttons .icon-button svg{width:15px}.play-button{width:36px;height:36px}.play-button>svg{width:17px;height:17px}.progress-control{grid-area:2/1/auto/-1;align-items:center;gap:12px;height:20px;padding:0;display:flex;position:relative}.progress-label{pointer-events:none;justify-content:space-between;gap:10px;width:100%;height:20px;margin:0;font-size:8px;position:relative}.progress-label>.waveform{display:none}.seek{width:calc(100% - 80px);height:3px;position:absolute;left:39px;right:40px}.transport-options{gap:0;margin:0}.transport-options .loop-button{width:28px;height:33px}.transport-options .loop-button svg{width:17px}.volume-wrap>.icon-button{display:none}.bottom-bar{z-index:21;height:57px;padding:0 15px;position:fixed}.bottom-brand,.browse-controls{display:none}.bottom-bar>nav{justify-content:center;gap:0;width:100%}.bottom-bar>nav>button{gap:10px;width:45%;min-width:0;padding:0 20px;font-size:17px}.bottom-bar>nav>button>svg{width:21px}.bottom-bar>nav>button>img{width:28px;height:24px}.bottom-bar>nav>button>small{font-size:7px}.archive-scene{flex-direction:column;gap:27px;width:100%;height:auto;max-height:none;display:flex}.phonograph-area{width:100%;margin-top:14px}.archive-record-title{gap:12px;padding:0 2px 15px}.archive-record-title .stars{font-size:12px}.archive-record-title h2{font-size:21px}.archive-record-title .icon-button{width:30px}.turntable{width:100%;max-width:560px;margin:0 auto}.turntable-label>span{font-size:7px}.turntable-label>small,.turntable-status{font-size:5px}.archive-smallprint{margin-top:16px;font-size:9px}.archive-panel{width:100%;min-height:auto;max-height:none}.archive-panel-title{margin-bottom:15px}.archive-panel-title h2{font-size:19px}.archive-panel-title small{font-size:7px}.archive-panel-title>img{width:35px;height:32px}.archive-tracks{margin-bottom:17px}.archive-track{gap:9px;padding:13px 12px}.archive-track b{font-size:12px}.archive-track-number{font-size:17px}.archive-text{max-height:none;padding:25px 22px}.paper h3{font-size:22px}.story-preview{font-size:12px}.story-button{padding:12px}.modal{width:calc(100% - 24px);max-height:calc(100dvh - 36px)}.modal-sheet{max-height:calc(100dvh - 36px)}.modal-sheet>header{padding:17px 20px}.modal-sheet>header h2{font-size:20px}.eyebrow{font-size:8px}.collection-tools{gap:12px;padding:16px 17px 13px}.search-box{gap:8px;padding:9px 11px}.search-box input{font-size:12px}.collection-filters{gap:5px;margin:0 17px 16px}.collection-filters button{min-width:30px;padding:6px 9px;font-size:10px}.collection-grid{grid-template-columns:repeat(3,1fr);gap:20px 11px;padding:0 17px 22px}.collection-item>strong{font-size:11px}.collection-item>small{font-size:8px}.collection-stars{letter-spacing:0;font-size:10px}.story-heading{gap:10px;padding:18px 23px 15px;font-size:11px}.story-heading small{font-size:7px}.full-story{padding:0 23px 20px;font-size:13px;line-height:2.15}.full-card{width:min(90%,68dvh);padding:0}.art-modal{width:calc(100% - 24px)}.full-art-label{margin-top:20px}.full-art-label>span{font-size:15px}.full-art-label>small{font-size:9px}.audio-error{width:max-content;max-width:90%;font-size:11px;position:fixed;bottom:176px}.toast{font-size:11px;bottom:184px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.card-layer{will-change:auto}}.archive-only{--u:calc(100vw / 2560)}.archive-only .main-stage{inset:100px 0 135px}.archive-only .archive-scene{grid-template-columns:minmax(360px,1.1fr) minmax(350px,1fr);gap:85px;width:min(1450px,100% - 140px);max-height:820px}.archive-artwork{flex-direction:column;justify-content:center;align-items:center;min-width:0;height:100%;max-height:100%;display:flex}.archive-artwork .archive-record-title{flex-shrink:0;gap:16px;width:min(100%,580px);padding:0 12px 12px}.archive-artwork .archive-record-title h2{font-size:calc(38 * var(--u));letter-spacing:0;font-weight:600}.archive-artwork .archive-record-title .stars{font-size:calc(36 * var(--u));letter-spacing:1px}.archive-cover-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.archive-cover-wrap .live-card{width:min(100%,580px,100dvh - 285px);padding:10px}.archive-only .archive-panel-title{margin-bottom:calc(32 * var(--u));gap:14px}.archive-only .archive-panel-title h2{font-size:calc(36 * var(--u));letter-spacing:1px;font-weight:600}.archive-only .archive-track{padding:calc(24 * var(--u));gap:calc(20 * var(--u))}.archive-only .archive-track b{font-size:calc(30 * var(--u));font-weight:600}.archive-only .archive-text{padding:calc(40 * var(--u)) calc(48 * var(--u))}.archive-only .archive-text h3{font-size:calc(40 * var(--u));letter-spacing:0;margin-bottom:calc(32 * var(--u));line-height:1.4}.archive-only .literary,.archive-only .story-preview{font-size:calc(26 * var(--u));letter-spacing:0;line-height:1.75}.archive-only .story-button{font-size:calc(28 * var(--u));padding:calc(18 * var(--u));margin-top:calc(32 * var(--u))}.archive-only .transport{bottom:24px}.archive-only .audio-error,.archive-only .toast{bottom:120px}.archive-only .full-story{font-size:calc(26 * var(--u));line-height:1.9}@media (width>=1921px){.archive-only .archive-scene{gap:140px;width:min(2000px,100% - 240px)}.archive-artwork .archive-record-title{width:min(100%,760px)}.archive-cover-wrap .live-card{width:min(100%,760px,100dvh - 290px)}}@media (width<=1150px) and (width>=801px){.archive-only .archive-scene{grid-template-columns:minmax(330px,1.05fr) minmax(300px,1fr);gap:45px;width:calc(100% - 80px)}.archive-only .archive-track b{font-size:14px}.archive-only .literary,.archive-only .story-preview{font-size:13px}.archive-only .story-button{font-size:14px}}@media (width<=800px){.archive-only{padding-bottom:142px}.archive-only .main-stage{position:relative;inset:auto}.archive-only .archive-scene{gap:25px;width:100%;max-height:none;display:flex}.archive-artwork{width:100%;height:auto;max-height:none;margin-top:12px}.archive-artwork .archive-record-title{gap:12px;padding:0 3px 12px}.archive-artwork .archive-record-title h2{font-size:23px}.archive-artwork .archive-record-title .stars{font-size:17px}.archive-cover-wrap{flex:auto}.archive-cover-wrap .live-card{width:min(100%,440px);padding:8px}.archive-only .archive-panel-title{margin-bottom:15px}.archive-only .archive-panel-title h2{font-size:20px}.archive-only .archive-track{gap:9px;padding:14px 13px}.archive-only .archive-track b{font-size:15px}.archive-only .archive-track small{font-size:12px}.archive-only .archive-track-number{font-size:19px}.archive-only .archive-text{padding:25px 23px}.archive-only .archive-text h3{margin-bottom:18px;font-size:23px}.archive-only .literary,.archive-only .story-preview{font-size:14px;line-height:1.9}.archive-only .story-button{margin-top:22px;padding:12px;font-size:15px}.archive-only .transport{bottom:14px}.archive-only .volume-wrap>.icon-button{width:28px;height:33px;display:grid}.archive-only .volume-wrap>.icon-button svg{width:18px}.archive-only .full-story{font-size:14px;line-height:2.1}.archive-only .audio-error,.archive-only .toast{bottom:126px}}.archive-only{font-size:14px}.archive-artwork .archive-record-title h2{font-size:24px}.archive-artwork .archive-record-title .stars{font-size:20px}.archive-only .archive-panel-title h2{font-size:22px}.archive-only .archive-text h3{font-size:24px}.archive-only .archive-track b{font-size:18px}.archive-only .archive-track-number{font-size:20px}.archive-only .archive-track small{font-size:12px}.archive-only .literary,.archive-only .story-preview,.archive-only .full-story,.archive-only .story-button{font-size:16px}.archive-only .transport-meta>strong{font-size:14px}.archive-only .transport-meta>span,.archive-only .progress-label,.archive-only .collection-counter small,.archive-only .volume-popup>span,.archive-only .volume-popup>button{font-size:12px}.archive-only .collection-item>strong{font-size:14px;line-height:1.5}.archive-only .collection-item>small{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;min-height:38px;font-size:12px;line-height:1.6;display:block;overflow:visible}.archive-only .collection-filters>button,.archive-only .collection-activity small,.archive-only .collection-tools>span,.archive-only .story-heading,.archive-only .full-art-label>small,.archive-only .empty-collection>button,.archive-only .collection-stars{font-size:12px}.archive-only .collection-activity{font-size:14px}.archive-only .collection-grid{align-items:start}.archive-only .toast,.archive-only .audio-error,.archive-only .search-box input,.archive-only .collection-button{font-size:14px}.archive-only .loading-screen p{font-size:12px}@media (width<=800px){.archive-only .archive-track b{font-size:16px}.archive-only .archive-track-number{font-size:18px}.archive-only .archive-record-title h2,.archive-only .archive-text h3{font-size:23px}.archive-only .archive-panel-title h2{font-size:20px}.archive-only .literary,.archive-only .story-preview,.archive-only .full-story{font-size:15px}.archive-only .collection-button,.archive-only .search-box input{font-size:12px}.archive-only .transport-meta>strong,.archive-only .collection-item>strong{font-size:13px}.archive-only .collection-grid{grid-template-columns:repeat(2,1fr);gap:18px 14px}.archive-only .collection-filters>button{min-width:34px;padding:6px 9px}.archive-only .collection-activity{font-size:13px}.archive-only .archive-track{gap:7px}}.native-archive-sheet{color:#264278;background:#fafafa26;border-radius:2px;padding:18px 20px 20px}.native-archive-name{align-items:center;gap:14px;min-height:54px;margin:0 0 17px;display:flex}.native-archive-name>img{object-fit:contain;width:38px;height:33px}.native-archive-name>h3{text-align:center;letter-spacing:0;flex:1;padding-right:52px;font-size:24px;font-weight:600;line-height:1.4}.recorded-quote{background-color:#fff;background-image:linear-gradient(#ebeff2 1px,#0000 1px),linear-gradient(90deg,#ebeff2 1px,#0000 1px);background-size:19px 19px;border:1px solid #f4f6f8;flex-direction:column;height:clamp(190px,23vh,250px);padding:17px 20px 18px;display:flex}.recorded-quote>h4{border-bottom:3px solid #26427826;flex-shrink:0;margin:0 0 15px;padding:0 0 9px;font-size:18px;font-weight:600;line-height:1.5}.quote-copy{white-space:pre-line;scrollbar-width:thin;scrollbar-color:#afc1d2 transparent;min-height:0;padding-right:4px;font-size:16px;line-height:1.8;overflow:auto}.native-story-entry{isolation:isolate;color:#264278;text-align:center;background:#fff;border:1px solid #dce6ec;border-radius:2px;justify-content:space-between;align-items:center;gap:15px;width:calc(100% + 4px);min-height:63px;margin:16px -2px 0;padding:14px 20px;font-size:18px;font-weight:600;display:flex;position:relative;overflow:hidden}.native-story-entry:before{content:"";z-index:-1;opacity:.26;background:url(/ui/db_stage_story3.png) 2px/90px 86px no-repeat;position:absolute;inset:0}.native-story-entry>span{flex:1}.native-story-entry>svg:last-child{color:#0abec5;stroke-width:3px}.archive-only .archive-tracks{flex-shrink:0;margin:17px 0 0}.archive-only .archive-panel{justify-content:center;overflow:visible}.artwork-mode-switch{z-index:3;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin:0 0 10px;display:flex;position:relative}.artwork-mode-switch>button{color:#e2f1f8;background:#214475b0;border:1px solid #aecde33b;border-radius:20px;justify-content:center;align-items:center;gap:7px;min-width:104px;height:34px;padding:0 18px;font-size:14px;display:flex}.artwork-mode-switch>button[aria-pressed=true]{color:#294e77;background:#f1f8f9;border-color:#bad8e7;box-shadow:0 2px #19345255}.archive-only .mode-difference .live-card{width:min(100%,580px,100dvh - 340px)}.phonograph-view{width:100%;max-width:720px;animation:.4s ease-out content-in;position:relative}.phonograph-view .turntable{filter:drop-shadow(0 15px 22px #11264077);transform:none}.phonograph-view .turntable-base{opacity:1}.phonograph-view .record-orbit{z-index:1;width:66.73%;top:-.028%;left:7.414%}.phonograph-effects{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;contain:layout style;transition:opacity .35s;position:absolute;inset:0}.phonograph-view.is-playing .phonograph-effects{opacity:1}.record-rings,.record-particles,.record-notes{position:absolute;inset:0}.record-pulse{aspect-ratio:1;pointer-events:none;opacity:0;width:66.73%;animation:record-pulse 10s linear var(--delay) infinite;filter:drop-shadow(0 0 2px #d5f6ff6b);will-change:transform,opacity;position:absolute;top:49.27%;left:40.78%}.record-particle{left:calc(40.78% + var(--ox));top:calc(49.27% + var(--oy));width:var(--size);height:var(--size);opacity:0;animation:record-scatter var(--duration) ease-out var(--delay) infinite;will-change:transform,opacity;background:#effcff;border-radius:50%;position:absolute;box-shadow:0 0 6px 1px #b4f1ff99}.record-note{color:#e5fcff;filter:drop-shadow(0 0 5px #91e4ec99);opacity:0;animation:record-note 3s ease-out var(--delay) infinite;will-change:transform,opacity;display:block;position:absolute;top:24.2%;left:19.1%}.phonograph-effects .record-pulse,.phonograph-effects .record-particle,.phonograph-effects .record-note{animation-play-state:paused}.is-playing .phonograph-effects .record-pulse,.is-playing .phonograph-effects .record-particle,.is-playing .phonograph-effects .record-note{animation-play-state:running}@keyframes record-pulse{0%{opacity:.4;transform:translate(-50%,-50%)scale(1)}60%{opacity:.16}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}@keyframes record-scatter{0%{opacity:0;transform:translate(0)scale(.6)}18%{opacity:.85}70%{opacity:.45}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.15)}}@keyframes record-note{0%{opacity:0;transform:translate(0,12px) rotate(var(--tilt)) scale(.603)}15%{opacity:.9}45%{opacity:.85;transform:translate(calc(var(--drift)*.45),-45px) rotate(calc(var(--tilt) + 9deg)) scale(.975)}to{opacity:0;transform:translate(var(--drift),-118px) rotate(calc(var(--tilt) + 20deg)) scale(1)}}@media (height<=760px) and (width>=801px){.native-archive-sheet{padding:12px 17px 16px}.native-archive-name{min-height:40px;margin-bottom:12px}.recorded-quote{height:165px;padding:12px 16px}.recorded-quote>h4{margin-bottom:9px;padding-bottom:5px}.native-story-entry{min-height:53px;margin-top:12px}.archive-only .archive-track{padding:11px 13px}.archive-only .archive-tracks{margin-top:12px}.archive-artwork .archive-record-title{padding-bottom:8px}.artwork-mode-switch{margin-bottom:4px}}@media (width<=800px){.native-archive-sheet{padding:15px 15px 17px}.native-archive-name{gap:9px;min-height:44px;margin-bottom:14px}.native-archive-name>img{width:32px;height:28px}.native-archive-name>h3{padding-right:41px;font-size:23px}.recorded-quote{height:215px;padding:15px 16px}.recorded-quote>h4{font-size:17px}.quote-copy{font-size:15px}.native-story-entry{min-height:59px;padding:13px 14px;font-size:17px}.artwork-mode-switch{margin:2px 0 12px}.artwork-mode-switch>button{min-width:100px;font-size:14px}.archive-only .mode-difference .live-card{width:min(100%,440px);padding:8px}.mode-phonograph .archive-cover-wrap{padding:32px 0 25px}.mode-phonograph .archive-record-title{padding-bottom:12px}.record-note svg{width:20px;height:20px}.record-pulse{filter:none}.phonograph-view .turntable{transform:none}}@media (prefers-reduced-motion:reduce){.phonograph-effects{display:none}.phonograph-view .record-disc{animation:none}.record-pulse,.record-note,.record-particle{will-change:auto}}.record-note{filter:none}.game-note-sprite{pointer-events:none;background-image:url(/ui/particle_music_notes.png);background-repeat:no-repeat;background-size:200% 100%;width:28px;height:28px;display:block}@media (width<=800px){.game-note-sprite{width:24px;height:24px}}.phonograph-hardware{z-index:3;pointer-events:none;position:absolute;inset:0}.phonograph-hardware>img{max-width:none;position:absolute;transition:none!important;animation:none!important}.phonograph-view .turntable{aspect-ratio:1052/710}.phonograph-view .record-orbit{top:-.169%}.native-archive-name>h3{text-align:left;color:#264278;-webkit-text-stroke:3px #fff;paint-order:stroke fill;padding-right:0}.native-archive-name>.icon-button{color:#e1f2fb;flex-shrink:0;margin-left:auto}.native-story-entry{background:0 0;border:6px solid #0000;border-image:url(/ui/db_favor_profile.png) 6 fill/6px;gap:15px;padding:8px 14px}.native-story-entry:before{content:none}.native-story-decoration{z-index:-1;pointer-events:none;position:absolute}.native-story-decoration.decoration-left{width:16.95%;height:93.9%;top:3.04%;left:.46%}.native-story-decoration.decoration-right{width:15.75%;height:88.66%;top:8.65%;left:83.87%}.native-story-icon{background:#264278;flex-shrink:0;width:24px;height:23px;display:block;-webkit-mask:url(/ui/zs_stage_icon_story.png) 50%/contain no-repeat;mask:url(/ui/zs_stage_icon_story.png) 50%/contain no-repeat}.native-story-arrow{background:#0abec5;flex-shrink:0;width:19px;height:30px;display:block;-webkit-mask:url(/ui/zs_infinitytower_arrow.png) 50%/contain no-repeat;mask:url(/ui/zs_infinitytower_arrow.png) 50%/contain no-repeat}.card-actions{z-index:18;opacity:0;align-items:center;gap:7px;transition:opacity .2s;display:flex;position:absolute;bottom:34px;right:31px}.live-card:hover .card-actions,.card-actions:focus-within,.phonograph-view:hover .card-actions{opacity:1}.card-actions .expand-card,.save-card{opacity:1;color:#edf9ff;background:#142440a3;border:1px solid #e0f2ff55;border-radius:3px;place-items:center;width:36px;height:32px;margin:0;padding:0;text-decoration:none;transition:background .15s,transform .1s;display:grid;position:static}.save-card:hover{background:#2b6289d9}.save-card:focus-visible{outline-offset:4px;outline:2px solid #61fff4}.phonograph-view .card-actions{bottom:13px;right:13px}.fullscreen-artwork{color:#fff;background:#0a1b31;border:0;border-radius:0;width:100dvw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;animation:.4667s cubic-bezier(.2,.7,.3,1) fullscreen-art-in;position:fixed;inset:0;overflow:hidden}.fullscreen-artwork::backdrop{background:#07162a}.fullscreen-artwork .full-card{perspective:none;width:100%;height:100%;max-height:none;margin:0;padding:0;position:absolute;inset:0}.fullscreen-artwork .card-frame{aspect-ratio:auto;filter:none;background:0 0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:hidden;transform:none}.fullscreen-artwork .card-window{background:#0a1b31;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.fullscreen-artwork .native-frame,.fullscreen-artwork .card-glint{display:none}.fullscreen-artwork .card-layer[data-background=true]{object-fit:cover;min-width:100dvw;min-height:100dvh}.fullscreen-artwork .flat-cover{object-fit:contain;width:100%;height:100%;inset:0;transform:none}.fullscreen-artwork .card-title-art{display:none}.fullscreen-artwork-actions{z-index:40;align-items:center;gap:12px;display:flex;position:absolute;top:24px;right:26px}.fullscreen-artwork-actions>a,.fullscreen-artwork-actions>button{color:#e9faff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c254390;border:1px solid #c0e8f655;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}@keyframes fullscreen-art-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (width<=800px){.card-actions{opacity:1;bottom:29px;right:23px}.native-archive-name>h3{text-align:left;padding:0}.fullscreen-artwork-actions{top:18px;right:16px}.fullscreen-artwork-actions>a,.fullscreen-artwork-actions>button{width:40px;height:40px}.archive-artwork .artwork-mode-switch{margin-top:12px}.native-story-entry{padding:13px 14px}}@media (prefers-reduced-motion:reduce){.fullscreen-artwork{animation:none}}.live-card:not(.full-card) .card-frame{transform:rotateX(calc(var(--my) * var(--tilt-x))) rotateY(calc(var(--mx) * var(--tilt-y)));padding:0}.card-layer{transform:translate(calc(var(--px) + var(--mx) * var(--shift-x,0%)),calc(var(--py) + var(--my) * var(--shift-y,0%))) rotate(var(--rz))}.live-card:not(.full-card) .card-window{border-radius:2px;width:94.6809%;height:92.4675%;position:absolute;top:3.4642%;left:2.65957%}[hidden]{display:none!important}.home-page{min-height:100dvh;padding-bottom:0}.home-page .room-haze{background:linear-gradient(#14294c66,#1c396242 52%,#102749b3)}.home-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:110px 5vw 85px}.home-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:min(660px,100%);display:grid}.home-section{isolation:isolate;color:#294976;height:320px;animation:.45s ease-out both home-entry;animation-delay:calc(var(--index)*60ms);background:linear-gradient(150deg,#eff9ffed,#c3d9e9ec);border:1px solid #e6faffad;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:35px;transition:transform .25s,box-shadow .25s,filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #08152e50,inset 0 0 0 5px #eef8ff33}.home-section:before{content:"";z-index:-1;opacity:.12;background:url(/ui/db_stage_story3.png) -50px bottom/210px 200px no-repeat;position:absolute;inset:0}.home-section:after{content:"";background:#4cbfc8;height:7px;position:absolute;bottom:0;left:0;right:0}.home-section:hover,.home-section:focus-visible{filter:brightness(1.04);transform:translateY(-10px);box-shadow:0 20px 40px #08152e60,0 0 22px #9fe8ef40}.home-section:active{transform:translateY(-3px)scale(.98)}.home-icon{place-items:center;width:120px;height:120px;display:grid;position:relative}.home-icon:before{content:"";border:1px solid #7599bc44;border-radius:50%;position:absolute;inset:-14px}.home-icon img{object-fit:contain;filter:none;width:88px;height:88px}.home-outfit .home-icon img{width:100.8px;height:100.8px}.home-combat .home-icon img{width:128px;height:96px}.home-section>span{letter-spacing:3px;padding-left:3px;font-size:27px;font-weight:700}.home-entry-arrow{background:#24a9b9;width:13px;height:21px;position:absolute;bottom:20px;right:18px;-webkit-mask:url(/ui/zs_infinitytower_arrow.png) 50%/contain no-repeat;mask:url(/ui/zs_infinitytower_arrow.png) 50%/contain no-repeat}.library-content{flex-direction:column;gap:22px;max-width:1200px;margin:0 auto;display:flex;position:absolute;inset:125px max(5vw,22px) 120px}.library-content>.search-box{color:#294976;background:#eaf5ffed;flex-shrink:0;max-width:450px}.library-content input{color:inherit}.library-tracks{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;padding:3px 6px 12px 3px;display:grid;overflow:auto}.library-track{text-align:left;background:#213d64b8;border:1px solid #c3e7fc3d;border-radius:3px;align-items:center;gap:16px;min-height:76px;padding:16px 20px;font-size:16px;display:flex}.library-track>img{object-fit:contain;width:29px;height:29px}.library-track>strong{flex:1}.library-track>span{color:#b8d2e9;font-size:12px}.library-track.selected{color:#294976;background:#eafaff}.library-track.selected>span{color:#527b9d}.library-playback{background:#1d365be8;border:1px solid #90b6db66;border-radius:3px;align-items:center;gap:18px;width:90vw;padding:14px 22px;display:flex;position:absolute;bottom:24px;left:5vw}.library-playback>strong{width:200px;font-size:14px}.library-playback>.seek{flex:1;min-width:0}.library-playback>span{font-size:12px}@keyframes home-entry{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@media (width<=800px){.home-page{height:100dvh;min-height:500px}.home-stage{inset:100px 20px 55px}.home-sections{gap:10px}.home-section{gap:25px;height:240px}.home-icon{width:60px;height:70px}.home-icon:before{inset:0 -3px}.home-icon img{width:47px;height:47px}.home-outfit .home-icon img{width:63px;height:63px}.home-section>span{letter-spacing:2px;font-size:20px}.home-entry-arrow{width:9px;height:16px;bottom:18px;right:10px}.library-page{height:100dvh;min-height:600px;padding:0}.library-content{inset:105px 18px 140px}.library-tracks{grid-template-columns:1fr}.library-track{padding:14px;font-size:14px}.library-playback{flex-wrap:wrap;gap:9px;padding:12px;position:fixed;bottom:15px}.library-playback>strong{width:calc(100% - 58px)}.library-playback>.seek{flex-basis:60%}}@media (width<=450px){.home-stage{left:12px;right:12px}.home-sections{gap:7px}.home-section{height:220px}.home-icon{width:48px;height:60px}.home-icon:before{inset:0 -4px}.home-icon img{width:39px;height:39px}.home-outfit .home-icon img{width:53px;height:53px}.home-section>span{letter-spacing:1px;font-size:18px}}@media (width<=800px){.home-combat .home-icon img{width:64px;height:48px}.home-outfit .home-icon img{width:56.7px;height:56.7px}.native-story-entry{padding:7px 8px}}@media (width<=450px){.home-outfit .home-icon img{width:47.7px;height:47.7px}}.library-groups{scrollbar-gutter:stable;flex-direction:column;gap:12px;min-height:0;padding:3px 7px 14px 3px;display:flex;overflow:auto}.library-group{background:#203b60b8;border:1px solid #bfdffb42;border-radius:3px;flex-shrink:0;overflow:hidden}.library-group-toggle{text-align:left;color:#effaff;background:linear-gradient(100deg,#45669366,#2c4b6a22);align-items:center;gap:17px;width:100%;min-height:76px;padding:16px 22px;display:flex}.library-group-toggle:active{transform:none}.library-group-toggle>img{object-fit:contain;width:37px;height:37px}.library-group-toggle>strong{flex:1;font-size:18px;line-height:1.5}.library-group-date{color:#b8d2e9;white-space:nowrap;font-size:13px}.library-group-count{background:#c3eaff16;border:1px solid #c3eaff22;border-radius:3px;place-items:center;min-width:29px;height:27px;font-size:13px;display:grid}.library-group-toggle>svg{color:#90dfe7;transition:rotate .22s}.is-open>.library-group-toggle>svg{rotate:180deg}.is-open>.library-group-toggle{color:#294976;background:#eaf5f9}.is-open .library-group-date{color:#5f7b99}.is-open .library-group-count{background:#3f729817;border-color:#3f729830}.library-group-panel{padding:13px;animation:.2s ease-out library-expand}.library-group-panel .library-tracks{gap:9px;padding:0;overflow:visible}.library-group-panel .library-track{gap:13px;min-height:66px;padding:13px 15px;font-size:14px}.library-group-panel .library-track>strong{font-weight:500;line-height:1.7}.library-empty{color:#d7e9f5;text-align:center;padding:30px}@keyframes library-expand{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0}}@media (width<=800px){.library-groups{gap:10px;padding-right:3px}.library-group-toggle{grid-template-columns:minmax(0,1fr) auto auto;gap:5px 10px;min-height:80px;padding:13px;display:grid}.library-group-toggle>strong{font-size:15px}.library-group-date{grid-area:2/1;font-size:12px}.library-group-count{grid-area:1/2/3}.library-group-toggle>svg{grid-area:1/3/3}.library-group-panel{padding:9px}.library-group-panel .library-track{gap:8px;padding:11px;font-size:13px}}.library-track-entry{background:#213d64b8;border:1px solid #c3e7fc3d;border-radius:3px;align-self:start;min-width:0;overflow:hidden}.library-track-entry>.library-track{background:0 0;border:0;border-radius:0;width:100%}.library-track-entry>.library-track.selected{background:#eafaff}.shared-music-uses{color:#c9dfef;font-size:12px;line-height:1.8}.shared-music-uses>summary{cursor:pointer;text-align:left;padding:8px 14px}.shared-music-uses>summary:hover{color:#99f1f3;background:#a4d9f30b}.shared-music-uses>ul{gap:7px;max-height:175px;margin:0;padding:3px 15px 13px;list-style:none;display:grid;overflow:auto}.shared-music-uses li{border-left:2px solid #76dbe65c;padding-left:10px}.archive-panel>.shared-music-uses{background:#213d6466;border:1px solid #c3e7fc30;flex-shrink:0;margin-top:9px}.library-track-entry>.shared-music-uses{border-top:1px solid #c3e7fc20}.record-note{width:var(--note-width);aspect-ratio:1}.record-note>.game-note-sprite{width:100%;height:100%;position:absolute;inset:0}.archive-only .archive-tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 0}.archive-only .archive-track{isolation:isolate;color:#264278;text-align:left;min-width:0;height:74px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative}.archive-track:before{content:"";z-index:-1;pointer-events:none;border:0 solid #0000;border-width:0 55px 0 27px;border-image:url(/ui/btn_outfit_music.png) 0 113 0 56 fill/0 55px 0 27px;position:absolute;inset:0}.archive-track.selected:after{content:"";background:#0abec5;width:2px;height:14px;position:absolute;top:21%;left:7%}.archive-only .archive-track>div{gap:5px;position:absolute;top:47%;left:8%;right:18%;translate:0 -50%}.archive-only .archive-track b{color:#264278;white-space:nowrap;font-size:clamp(14px,1.12vw,20px);font-weight:500;line-height:1.3}.archive-only .archive-track.selected b{color:#0abec5}.archive-only .archive-track small{opacity:1;color:#3b62ae;align-items:center;gap:5px;font-size:12px;line-height:1.2;display:flex}.native-melody-time-icon{object-fit:contain;width:12px;height:12px}.native-melody-bars{color:#0abec5;align-items:center;gap:3px;height:24px;display:none;position:absolute;top:50%;right:13%;translate:0 -50%}.selected .native-melody-bars{display:flex}.native-melody-bars>i{transform-origin:50%;background:currentColor;width:3px;height:21px;animation:.8s ease-in-out infinite alternate paused native-melody-bar;display:block}.native-melody-bars>i:nth-child(2){height:15px;animation-delay:-.3s}.native-melody-bars>i:nth-child(3){height:24px;animation-delay:-.5s}.is-playing .native-melody-bars>i{animation-play-state:running}@keyframes native-melody-bar{0%{scale:1 .4}to{scale:1}}@media (width<=800px){.archive-only .archive-tracks{gap:9px;margin-top:13px}.archive-only .archive-track{height:70px}.archive-only .archive-track>div{left:10%;right:10%}.archive-only .archive-track b{font-size:14px}.native-melody-bars{gap:2px;right:10%}.native-melody-bars>i{width:2px;height:16px}.native-melody-bars>i:nth-child(2){height:12px}.native-melody-bars>i:nth-child(3){height:18px}}.phonograph-view img{pointer-events:none}.phonograph-view .record-label{pointer-events:auto;-webkit-user-select:auto;user-select:auto;-webkit-user-drag:element}.phonograph-hardware,.phonograph-effects,.record-reflection,.record-center{pointer-events:none}.archive-only .archive-track b{align-items:center;gap:7px;display:flex}.archive-track.selected:after{content:none}.native-melody-bars{flex-shrink:0;height:20px;position:static;translate:none}.native-melody-time-icon{background:#3b62ae;flex-shrink:0;display:block;-webkit-mask:url(/ui/zs_outfit_title_2.png) 50%/contain no-repeat;mask:url(/ui/zs_outfit_title_2.png) 50%/contain no-repeat}.library-outfit-reference{color:#294976;text-align:left;background:#edf7f8;border:1px solid #a6d4df;border-radius:3px;align-items:center;gap:13px;min-width:0;min-height:76px;padding:9px 13px;display:flex}.library-outfit-reference>img{object-fit:cover;border-radius:2px;flex-shrink:0;width:54px;height:54px}.library-outfit-reference>strong{flex:1;font-size:15px;line-height:1.5}.library-outfit-reference>span{color:#5a839d;white-space:nowrap;font-size:12px}.home-disclaimer{text-align:center;color:#c4d9e6b8;font-size:12px;line-height:1.9;position:absolute;bottom:22px;left:22px;right:22px}.home-disclaimer>a{color:inherit;text-decoration:none}.home-disclaimer>a:hover{color:#dcf8ff;text-decoration:underline}@media (width<=800px){.home-stage{bottom:110px}.home-disclaimer{bottom:20px;left:18px;right:18px}.library-outfit-reference{gap:10px}.library-outfit-reference>strong{font-size:14px}.library-outfit-reference>img{width:45px;height:45px}}.library-outfit-reference{gap:10px;height:68px;min-height:68px;padding:6px 9px}.library-outfit-reference>img{width:44px;height:44px}.library-outfit-reference>strong{font-size:14px}@media (width<=800px){.library-outfit-reference{gap:8px;height:68px;min-height:68px;padding:6px 9px}.library-outfit-reference>img{width:42px;height:42px}.library-outfit-reference>strong{font-size:13px}}