:root{--ink:#fbf6ee;--ink-2:#fbf6eec2;--ink-3:#fbf6ee8a;--glass:#1c140f94;--glass-2:#1c140fe6;--line:#ffecd624;--latte:#e8b98a;--latte-2:#c98d5a;--leaf:#8fb87a;--paper:#f7f1e6;--espresso:#2b1d14;--radius:18px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--font:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#1b1410;margin:0;overflow:hidden}body{word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3,.sh-h b,.p-head b,.m-title,.td-hero .m-title,.modal h2,.td-books .hd b,.td-in .kick,.stamp-burst b{text-wrap:balance}.note,.why,.lead,#toast,.m-hero.empty p,.td-hero.empty p,.stp-sum,.cred{text-wrap:pretty}#app{height:100dvh;position:fixed;inset:0}#stage{position:absolute;inset:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}.num{font-variant-numeric:tabular-nums}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}#top{top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 10px);pointer-events:none;z-index:5;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.pill{pointer-events:auto;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);min-height:44px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.pill b{font-size:15px;font-weight:750}.pill small{color:var(--ink-2);font-size:12px}.pill.small{gap:6px;padding:0 12px}#spotBtn{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:4px 16px;line-height:1.2}#bar{left:50%;bottom:calc(var(--safe-b) + 10px);z-index:6;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.2);border-radius:24px;gap:2px;padding:5px;display:flex;position:absolute;transform:translate(-50%)}#bar button{background:0 0;border:0;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:64px;min-height:54px;padding:4px 8px;display:flex}#bar button i{font-size:19px;font-style:normal;line-height:1}#bar button span{color:var(--ink-2);font-size:12px;font-weight:650}#bar button.on{background:#e8b98a38}#credit{right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 4px);z-index:4;color:#ffffff8c;text-shadow:0 1px 2px #0009;font-size:10px;position:absolute}#credit a{color:inherit}@media (max-width:720px){#credit{bottom:calc(var(--safe-b) + 76px)}#credit .long{display:none}}#loading{z-index:50;background:radial-gradient(circle at 50% 40%,#3a2a1f,#140e0a 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .9s;display:flex;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}#loading p{color:var(--ink-2);margin:0;font-size:15px}.ld-cup{background:var(--paper);border-radius:4px 4px 16px 16px;width:46px;height:38px;position:relative}.ld-cup:after{content:"";border:4px solid var(--paper);border-left:0;border-radius:0 10px 10px 0;width:12px;height:16px;position:absolute;top:8px;right:-14px}.ld-cup i{background:#ffffff59;border-radius:6px;width:6px;height:18px;animation:1.8s ease-in-out infinite steam;position:absolute;top:-22px;left:10px}@keyframes steam{0%{opacity:0;transform:translateY(6px)}50%{opacity:1}to{opacity:0;transform:translateY(-8px)}}body.shot #top,body.shot #bar,body.shot #credit,body.shot #timer,body.shot #toast{display:none!important}.lbl{white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(6px);will-change:transform;background:#1c140f8c;border:1px solid #ffecd61f;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.lbl small{color:var(--ink-3);margin-left:3px;font-weight:500}.lbl.who{background:#1c140f6b;padding:2px 8px;font-size:11px}.lbl.say{color:#2b1d14;background:#faf5ecf2;border-color:#0000000f;border-radius:14px;font-size:13px;font-weight:500}.lbl.say b{color:#9a5418;margin-right:3px;font-weight:700}.lbl.sticker{-webkit-backdrop-filter:none;background:0 0;border:0;padding:0;font-size:30px;animation:.35s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.pill .stack{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.pill .stack em{color:var(--ink-3);white-space:nowrap;font-size:10.5px;font-style:normal;font-weight:500}.pill .stack em b{color:var(--ink-2);font-size:10.5px;font-weight:700}.dot{background:#9be38f;border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s ease-in-out infinite live;box-shadow:0 0 0 3px #9be38f2e}@keyframes live{50%{box-shadow:0 0 0 6px #9be38f0a}}body.offline .dot{background:#d9a36a;animation:none}#timer{top:calc(var(--safe-t) + 64px);z-index:4;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);cursor:pointer;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:10px;width:max-content;max-width:calc(100vw - 24px);min-height:44px;padding:8px 16px 9px 10px;display:grid;position:absolute;left:50%;transform:translate(-50%)}#timer .ring{background:conic-gradient(var(--latte) calc(var(--k) * 360deg), #ffffff1f 0);border-radius:50%;grid-row:1/3;width:36px;height:36px;-webkit-mask:radial-gradient(circle,#0000 12px,#000 13px);mask:radial-gradient(circle,#0000 12px,#000 13px)}#timer .ring.brk{background:conic-gradient(var(--leaf) calc(var(--k) * 360deg), #ffffff1f 0)}#timer .tx{align-items:baseline;gap:6px;display:flex}#timer .tx small{color:var(--ink-2);white-space:nowrap;font-size:12px;font-weight:600}#timer .tx b{letter-spacing:-.01em;white-space:nowrap;font-size:22px;font-weight:780}#timer em{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:52vw;font-size:11px;font-style:normal;overflow:hidden}#timer .rd{width:36px;height:36px;color:var(--ink);background:#e8b98a40;border:0;border-radius:50%;grid-row:1/3;font-size:12px}#timer[data-k=break]{border-color:#8fb87a66}#big{z-index:3;text-align:center;letter-spacing:-.02em;color:#fff8ee;text-shadow:0 2px 26px #00000073;opacity:0;pointer-events:none;white-space:nowrap;font-size:clamp(26px,7vw,48px);font-weight:800;transition:opacity .9s,transform .9s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.96)}#big small{color:#fff8eecc;margin-bottom:4px;font-size:.42em;font-weight:600;display:block}#big.show{opacity:.95;transform:translate(-50%,-50%)scale(1)}#toast{left:50%;top:calc(var(--safe-t) + 124px);z-index:9;width:max-content;max-width:min(92vw,460px);color:var(--espresso);text-align:center;background:#faf5ecf5;border-radius:14px;padding:10px 16px;font-size:14px;line-height:1.45;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #00000040}#sheet{left:50%;bottom:calc(var(--safe-b) + 82px);z-index:7;overscroll-behavior:contain;background:var(--glass-2);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.2);border-radius:22px;width:min(94vw,440px);max-height:min(64dvh,560px);padding:6px 16px 16px;position:absolute;overflow:auto;transform:translate(-50%);box-shadow:0 18px 50px #00000059}#sheet .grab{background:#ffffff38;border-radius:4px;width:38px;height:4px;margin:4px auto 8px}.sh-h{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.sh-h b{font-size:17px;font-weight:750}.sh-h span{color:var(--ink-3);font-size:12.5px}.note{color:var(--ink-3);margin:10px 2px 0;font-size:12.5px;line-height:1.5}.why{color:#f0a98a;min-height:1em;margin:4px 2px 6px;font-size:12px}.btn{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#ffffff12;border-radius:14px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.btn.primary{background:var(--latte);color:var(--espresso);border-color:#0000}.btn.wide{width:100%;margin-top:4px}.btn.small{border-radius:12px;min-height:36px;padding:0 12px;font-size:12.5px}.btn:disabled{opacity:.45}.row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mcard{border:1px solid var(--line);background:#ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-height:92px;padding:12px 6px;display:flex}.mcard i{font-size:22px;font-style:normal}.mcard b{font-size:14.5px}.mcard span{color:var(--ink-3);text-align:center;font-size:11px}.mcard.on,.dk.on,.seatc.on,.spot.on{background:#e8b98a29;border-color:#e8b98abf}.seg{background:#ffffff0d;border-radius:14px;gap:6px;margin-top:10px;padding:4px;display:flex}.seg button{min-height:44px;color:var(--ink-2);background:0 0;border:0;border-radius:11px;flex:1;font-size:13px;font-weight:600}.seg button.on{color:var(--ink);background:#e8b98a38}.wfield{flex-direction:column;gap:6px;margin-top:12px;display:flex}.wfield span{color:var(--ink-2);font-size:12.5px;font-weight:600}.wfield input{border:1px solid var(--line);min-height:46px;color:var(--ink);font:inherit;background:#00000040;border-radius:13px;padding:0 14px;font-size:16px}.today{background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:flex}.today p{color:var(--ink-2);flex:1;margin:0;font-size:13px}.stampmini{border:2px dashed #ffffff40;border-radius:50%;flex:none;width:30px;height:30px}.stampmini.stamp{background:radial-gradient(circle,#c9714f59,#c9714f1a);border:2px solid #c9714f}.stampmini.gold{background:radial-gradient(circle,#e8c15a8c,#e8c15a26);border:2px solid #e8c15a;box-shadow:0 0 12px #e8c15a73}.drinks{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.dk{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:26px 1fr;align-items:center;column-gap:8px;min-height:52px;padding:10px;display:grid}.dk i{background:linear-gradient(transparent 22%, var(--c) 22%);border:2px solid #fffc;border-radius:3px 3px 8px 8px;grid-row:1/3;width:22px;height:24px}.dk i.glass{border-color:#dcf0fa99;border-radius:2px 2px 5px 5px}.dk i.tea{border-radius:3px 3px 10px 10px;height:16px}.dk b{font-size:13.5px;font-weight:650}.dk span{color:var(--latte);font-size:11px}.dk.sig{grid-column:1/3}.grid{gap:6px;display:grid}.grid.stk{grid-template-columns:repeat(6,1fr)}.grid.stk button{border:1px solid var(--line);background:#ffffff0d;border-radius:13px;min-height:48px;font-size:24px}.grid.say{grid-template-columns:repeat(2,1fr);margin-top:10px}.grid.say button{border:1px solid var(--line);text-align:left;background:#ffffff0d;border-radius:13px;min-height:44px;padding:0 12px;font-size:13.5px}.seats,.spots{flex-direction:column;gap:8px;display:flex}.seatc,.spot{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:1fr auto;column-gap:10px;min-height:60px;padding:12px 14px;display:grid}.seatc b,.spot b{font-size:15px}.seatc span,.spot span{color:var(--ink-3);grid-column:1;font-size:12px}.seatc em,.spot em{color:var(--latte);white-space:nowrap;grid-area:1/2/3;align-self:center;font-size:12px;font-style:normal}.seatc:disabled,.spot:disabled{opacity:.45}.slider{grid-template-columns:110px 1fr;align-items:center;gap:10px;margin-top:12px;display:grid}.slider span{flex-direction:column;display:flex}.slider b{font-size:14px}.slider small{color:var(--ink-3);font-size:11px}.slider input{width:100%;accent-color:var(--latte);min-height:44px}.check{color:var(--ink-2);align-items:center;gap:8px;min-height:44px;margin-top:10px;font-size:13px;display:flex}.check input{width:20px;height:20px;accent-color:var(--latte)}.list{flex-direction:column;gap:4px;display:flex}.list button{text-align:left;background:#ffffff0a;border:0;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:center;column-gap:8px;min-height:54px;padding:6px 10px;display:grid}.list button i{text-align:center;grid-row:1/3;font-size:19px;font-style:normal}.list button b{font-size:14.5px}.list button span{color:var(--ink-3);font-size:12px}.people{flex-direction:column;gap:2px;max-height:30dvh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.people li>span,.people li button{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 8px;font-size:14px;display:flex}.people li button{background:#ffffff0a}.people i{background:var(--c,#888);border-radius:50%;flex:none;width:12px;height:12px}.people small{color:var(--ink-3);font-size:11.5px}.colors{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.colors button{background:var(--c);border:2px solid #ffffff26;border-radius:50%;width:36px;height:36px}.colors button.on{border-color:#fff;box-shadow:0 0 0 3px #e8b98a80}.bookline{color:var(--latte);margin:0 0 4px;font-size:15px;font-weight:600}.lbl.mine{color:var(--espresso);background:#e8b98af2}.lbl.mine b{color:var(--espresso)}.lbl.sticker.mine{background:0 0}.modal-wrap{z-index:30;background:#0a07058c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line);width:min(94vw,460px);max-height:86dvh;color:var(--ink);background:#241a14;border-radius:22px;padding:18px 18px 20px;position:relative;overflow:auto}.modal h2{margin:0 0 12px;font-size:18px}.modal h3{color:var(--ink-2);margin:16px 0 8px;font-size:14px}.modal-x{background:#ffffff0f;border:0;border-radius:50%;width:44px;height:44px;font-size:16px;position:absolute;top:8px;right:8px}.modal.share img{border-radius:14px;width:100%;margin-bottom:12px;display:block}.share-link{gap:8px;margin-top:8px;display:flex}.share-link input{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;background:#00000040;border-radius:12px;flex:1;padding:0 10px;font-size:13px}.cred{color:var(--ink-2);margin:0;padding-left:18px;font-size:13px;line-height:1.7}.cred a{color:var(--latte)}.cred-snd{white-space:pre-wrap;color:var(--ink-3);background:#00000040;border-radius:10px;margin:0;padding:10px;font:11.5px/1.55 ui-monospace,Menlo,monospace}.stp-sum{color:var(--ink-2);margin:0 0 12px;font-size:13.5px}.cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal em{color:var(--ink-3);text-align:center;font-size:11px;font-style:normal}.cal i{aspect-ratio:1;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;font-style:normal;display:flex;position:relative}.cal i b{color:var(--ink-3);z-index:1;font-size:12px;font-weight:600;position:relative}.cal i.today{box-shadow:inset 0 0 0 1.5px #e8b98ab3}.cal i.stamp{background:radial-gradient(circle,#c9714f99,#c9714f40)}.cal i.gold{background:radial-gradient(circle,#e8c15ad9,#e8c15a59);box-shadow:0 0 10px #e8c15a66}.cal i.stamp b,.cal i.gold b{color:#2b1d14}.stamp-burst{z-index:40;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stamp-burst .stamp{color:#c9714f;background:#faf4e8eb;border:6px double #c9714f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:210px;height:210px;animation:.45s cubic-bezier(.2,1.6,.5,1) both stampIn;display:flex;transform:rotate(-12deg)scale(1);box-shadow:0 20px 60px #00000059}.stamp-burst .stamp.gold{color:#a77b16;background:radial-gradient(circle,#fff6d9,#f4dc94);border-color:#c99a2e}.stamp-burst small{letter-spacing:.06em;font-size:11px;font-weight:700}.stamp-burst b{font-size:21px;font-weight:850}.stamp-burst span{font-size:14px;font-weight:700}.stamp-burst em{opacity:.8;font-size:11px;font-style:normal}.stamp-burst.out{opacity:0;transition:opacity .5s}@keyframes stampIn{0%{opacity:0;transform:rotate(-30deg)scale(2.2)}}@media (prefers-reduced-motion:reduce){.stamp-burst .stamp{animation:none}#big,.stamp-burst.out{transition:none}}@media (max-width:420px){#sheet{bottom:calc(var(--safe-b) + 78px)}}@media (max-width:520px){#bar{left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);grid-template-columns:repeat(6,minmax(0,1fr));display:grid;transform:none}#bar button{min-width:0;padding:4px 2px}}#bar button span,.mseg button,.m-tabs button,.seg button{white-space:nowrap}.modal.install{background:#2a1e16}.modal.install .lead{color:var(--ink-2);margin:0 0 14px;font-size:14.5px;line-height:1.6}.modal.install .btn{margin-top:8px}.steps{margin:4px 0 12px;padding-left:22px;font-size:15px;line-height:2}.steps .ico{background:#ffffff1a;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex}.ios-hint{left:50%;bottom:calc(var(--safe-b) + 8px);background:var(--latte);width:46px;height:46px;color:var(--espresso);border-radius:50%;justify-content:center;align-items:center;font-size:20px;animation:1.4s ease-in-out infinite bob;display:flex;position:fixed;transform:translate(-50%)}.ios-hint.top{top:calc(var(--safe-t) + 8px);bottom:auto;left:auto;right:14px;transform:none}@keyframes bob{50%{translate:0 6px}}.install-soft{left:50%;bottom:calc(var(--safe-b) + 82px);z-index:12;border:1px solid var(--line);background:#2a1e16;border-radius:18px;align-items:center;gap:10px;width:min(94vw,440px);padding:10px 12px;animation:.35s ease-out pop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #0006}.install-soft img{border-radius:10px;flex:none}.install-soft p{color:var(--ink-3);flex-direction:column;flex:1;margin:0;font-size:12.5px;display:flex}.install-soft p b{color:var(--ink);font-size:14px}.install-soft .btn{min-height:40px}body.pwa #credit{bottom:calc(var(--safe-b) + 4px)}@media (max-width:720px){body.pwa #credit{bottom:calc(var(--safe-b) + 76px)}}#ogTitle{display:none}body.shot #labels,body.shot #big,body.shot #people,body.shot #spotBtn,body.shot .install-soft{display:none!important}body.shot-og #ogTitle{z-index:20;-webkit-backdrop-filter:blur(10px);background:#1c140f9e;border:1px solid #ffecd62e;border-radius:26px;flex-direction:column;gap:6px;padding:22px 28px 24px;display:flex;position:absolute;bottom:52px;left:56px}#ogTitle b{letter-spacing:-.02em;color:#fff7ec;font-size:54px;font-weight:850}#ogTitle span{color:var(--latte);font-size:25px;font-weight:650}#ogTitle em{color:#fbf6eeb8;margin-top:4px;font-size:17px;font-style:normal}:root{--peach:#f2c7a0;--cream:#fff6ec;--bean:#2a1c12;--serif:"Gowun Batang", "Nanum Myeongjo", "AppleMyungjo", serif}.ic{flex:none;display:block}#bar button i{justify-content:center;align-items:center;height:20px;display:flex}#bar button i .ic{width:20px;height:20px}.mseg,.m-tabs{background:#fff6ec0f;border-radius:16px;gap:6px;padding:4px;display:grid}.mseg{grid-template-columns:repeat(4,minmax(0,1fr))}.m-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.mseg button,.m-tabs button{color:#fff6ecc7;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:13px;font-weight:600;transition:background .18s,color .18s;display:flex}.m-tabs button{min-height:40px}.mseg button.on,.m-tabs button.on{background:var(--cream);color:var(--bean);font-weight:750}.mseg+.seg{margin-top:8px}.m-hero{isolation:isolate;background:#2a2019;border-radius:20px;height:158px;margin:10px 0;position:relative;overflow:hidden}.m-hero.mu{height:150px}.m-hero>.bg{object-fit:cover;filter:blur(26px)saturate(1.3);opacity:.85;z-index:-2;width:calc(100% + 80px);height:calc(100% + 120px);position:absolute;top:-60px;left:-40px}.m-hero>.bg.plain{filter:none;opacity:1;background:radial-gradient(120% 90% at 20% 30%,#6b4b34,#2a2019)}.m-hero>.scrim{z-index:-1;background:#16100c80;position:absolute;inset:0}.m-hero.mu>.scrim{background:#16100c6b}.m-hero .row{align-items:center;gap:16px;height:100%;padding:14px 16px;display:flex}.m-hero .tx{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.m-hero .tx small{letter-spacing:.04em;color:var(--peach);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.m-title{font-family:var(--serif);color:var(--cream);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:22px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.m-hero.mu .m-title{font-size:19px}.m-hero .tx>span{color:#fff6ecc7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.m-hero .tx em{color:var(--cream);background:#fff6ec24;border-radius:10px;align-self:flex-start;margin-top:4px;padding:4px 10px;font-size:11px;font-style:normal}.m-hero.empty{background:#fff6ec08;border:1px dashed #ffecd638;align-items:center;height:auto;min-height:92px;display:flex}.m-hero.empty p{color:var(--ink-2);align-items:center;gap:14px;margin:0;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.m-hero.empty p .ic{color:var(--peach);opacity:.85}.m-hero.empty small{color:var(--ink-3);font-size:12px;display:block}.m-cover{transform-origin:0;flex:none;width:88px;height:128px;display:block;transform:perspective(500px)rotateY(14deg)}.m-cover .cv{object-fit:cover;width:88px;height:128px;box-shadow:4px 0 0 #e9dfcf, 0 14px 30px var(--glow,#d6782873), 0 4px 10px #00000080;border-radius:2px 5px 5px 2px;display:block}.cvtxt{color:var(--cream);text-align:center;background:linear-gradient(160deg,#4a6676,#2f4552);flex-direction:column;justify-content:center;gap:6px;padding:10px;display:flex!important}.cvtxt b{font-family:var(--serif);overflow-wrap:anywhere;font-size:13px;line-height:1.3}.cvtxt small{opacity:.75;font-size:10px}.m-sleeve{flex:none;width:150px;height:112px;display:block;position:relative}.m-sleeve .art{object-fit:cover;width:112px;height:112px;box-shadow:0 12px 26px #00000080, 0 0 34px var(--glow,transparent);z-index:1;border-radius:8px;position:absolute;top:0;left:0}.m-sleeve .art.none{color:var(--peach);background:linear-gradient(150deg,#4b3b5c,#231c2b);justify-content:center;align-items:center;display:flex}.vinyl{background:repeating-radial-gradient(circle,#121212 0 1px,#1e1e1e 1px 3px);border-radius:50%;width:104px;height:104px;animation:.7s cubic-bezier(.2,.8,.2,1) both vin-out;position:absolute;top:4px;left:42px;box-shadow:0 8px 18px #00000080}.vinyl:before{content:"";background:conic-gradient(from 30deg, transparent 0 12%, #ffffff12 16%, transparent 22% 62%, #ffffff0d 66%, transparent 72%);border-radius:50%;position:absolute;inset:0}.vinyl .lbl{all:unset;background:#b5473a;border-radius:50%;width:32px;height:32px;position:absolute;top:36px;left:36px;overflow:hidden}.vinyl .lbl img{object-fit:cover;width:100%;height:100%;display:block}.vinyl:after{content:"";background:#0b0b0b;border-radius:50%;width:4px;height:4px;position:absolute;top:50px;left:50px}@keyframes vin-out{0%{left:4px;transform:rotate(-40deg)}to{left:var(--vin-left,42px);transform:rotate(0)}}.m-search{color:#fff6ecb3;background:#fff6ec12;border:1px solid #ffecd633;border-radius:14px;align-items:center;gap:10px;height:46px;padding:0 8px 0 14px;display:flex}.m-search:focus-within{border-color:#f2c7a0b3}.m-search input{min-width:0;height:40px;color:var(--cream);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.m-search input::-webkit-search-cancel-button{display:none}.m-search .clr{width:32px;height:32px;color:var(--cream);background:#fff6ec1f;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.m-search.link{margin-top:6px;padding:0 6px 0 14px}.m-list{flex-direction:column;gap:4px;margin:8px 0 4px;display:flex}.m-list .note{margin:6px 4px}.m-res{width:100%;color:var(--cream);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;min-height:58px;padding:6px 12px 6px 6px;display:flex}.m-res:hover{background:#fff6ec0a}.m-res.on{background:#f2c7a01a;border-color:#f2c7a0b3}.m-res .th{object-fit:cover;background:#fff6ec14;flex:none;box-shadow:0 3px 8px #0006}.m-res.book .th{border-radius:2px 3px 3px 2px;width:36px;height:52px}.m-res.song .th{border-radius:7px;width:46px;height:46px}.m-res .t,.m-link .t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.m-res b,.m-res small,.m-link b,.m-link small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-res b{font-size:14px}.m-res small{color:#fff6eca8;font-size:12px}.m-res .ok{color:var(--peach);flex:none}.m-link{border:1px dashed #ffecd647;border-radius:14px;align-items:center;gap:10px;margin-top:8px;padding:8px;display:flex}.m-link .th{object-fit:cover;background:#fff6ec14;border-radius:6px;flex:none;width:40px;height:40px}.m-link b{font-size:13px}.m-link small{color:#fff6ec99;font-size:11px}.m-link .btn{background:#fff6ec24;border:0;font-weight:700}.note.small{margin-top:12px;font-size:12px}.m-switch{cursor:pointer;background:#fff6ec0d;border-radius:14px;align-items:center;gap:12px;min-height:52px;margin-top:10px;padding:8px 12px;display:flex}.m-switch>span{flex-direction:column;flex:1;gap:1px;display:flex}.m-switch b{font-size:13px}.m-switch small{color:#fff6eca8;font-size:12px}.m-switch input{opacity:0;width:1px;height:1px;position:absolute}.m-switch i{background:#fff6ec2e;border-radius:14px;flex:none;width:48px;height:28px;transition:background .18s;position:relative}.m-switch i:after{content:"";background:var(--cream);border-radius:50%;width:22px;height:22px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.m-switch input:checked+i{background:var(--peach)}.m-switch input:checked+i:after{background:var(--bean);transform:translate(20px)}.m-switch input:focus-visible+i{outline:2px solid var(--peach);outline-offset:2px}.m-acts{z-index:2;background:linear-gradient(#1d151000,#1d1510 12px);grid-template-columns:2fr 1fr;gap:8px;margin:10px -16px 0;padding:14px 16px 12px;display:grid;position:sticky;bottom:-16px}.m-acts .btn{white-space:nowrap;border-radius:16px;min-height:50px;padding:0 10px;font-size:15px;font-weight:700}.m-acts .btn.primary{background:var(--peach);color:var(--bean)}.m-acts .btn:not(.primary){background:#1d1510;border-color:#ffecd638}.linkbtn{min-height:40px;color:var(--ink-3);text-underline-offset:3px;background:0 0;border:0;margin:2px auto 0;padding:0 12px;font-size:12.5px;text-decoration:underline;display:block}.credit{color:#fff6ec80;text-align:center;margin:6px 0 0;font-size:11px;line-height:1.5}#timer.capsule{isolation:isolate;background:0 0;border-color:#ffecd629;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;width:min(340px,100vw - 32px);min-width:0;max-width:none;padding:8px 10px;overflow:hidden;box-shadow:0 14px 32px #00000059}#timer.capsule:before{content:"";z-index:-1;background:#18110d9e;position:absolute;inset:0}#timer .tbg{object-fit:cover;filter:blur(22px)saturate(1.2);opacity:.7;z-index:-2;pointer-events:none;width:calc(100% + 80px);height:calc(100% + 120px);position:absolute;top:-60px;left:-40px}#timer .m-minis{grid-area:1/3/3}#timer.capsule em{color:#fff6ecb8;max-width:100%}.m-minis{flex:none;width:58px;height:46px;display:block;position:relative}.m-minis .mc{object-fit:cover;background:#3f5a6b;border-radius:2px 4px 4px 2px;width:31px;height:45px;position:absolute;top:0;left:0;box-shadow:0 4px 10px #00000073}.m-minis .ma{object-fit:cover;background:#3b2f45;border-radius:6px;width:36px;height:36px;position:absolute;top:8px;left:22px;box-shadow:0 4px 10px #00000073}.m-minis:not(.two){width:38px}.m-minis:not(.two) .ma{top:5px;left:1px}.m-minis:not(.two) .mc{left:3px}#toast.rich{background:var(--cream);color:var(--bean);text-align:left;border-radius:18px;align-items:center;gap:10px;width:min(92vw,360px);padding:8px;font-size:13px;display:flex}#toast.rich .tmini{object-fit:cover;border-radius:2px 3px 3px 2px;flex:none;width:28px;height:40px;box-shadow:0 2px 6px #0000004d}#toast.rich>span{flex:1;line-height:1.45}#toast.rich .btn{background:var(--bean);min-height:34px;color:var(--cream);border:0;border-radius:12px;flex:none;font-weight:700}.lbl.who{background:#1e1611b8;border:1px solid #ffecd629;border-radius:12px;flex-direction:column;gap:4px;padding:4px 10px 5px;font-size:12px;font-weight:500;display:flex}.lbl.who .l1{align-items:center;gap:6px;display:flex}.lbl.who .l1 .ic{opacity:.9}.lbl.who .l1 b{font-size:12.5px;font-weight:700}.lbl.who .l1 small{color:#fff6eca8;margin-left:auto;padding-left:4px;font-size:10.5px}.lbl.who .l2{align-items:center;gap:7px;max-width:210px;display:none}.lbl.who.near .l2,.lbl.who.same .l2.bk{display:flex}.lbl.who.near.has2{padding:7px 12px 8px}.lbl.who .l2 .t{white-space:nowrap;text-overflow:ellipsis;color:#fff6ece0;flex-direction:column;min-width:0;display:flex;overflow:hidden}.lbl.who .l2.mu .t{display:block}.lbl.who .l2 .t b{text-overflow:ellipsis;font-weight:600;overflow:hidden}.lbl.who .l2 .t small{color:#fff6eca8;margin:0;font-size:11px;display:none}.lbl.who .bc{object-fit:cover;background:#3f5a6b;border-radius:1px 2px 2px 1px;flex:none;width:14px;height:21px;box-shadow:0 1px 3px #0006}.lbl.who .ma{object-fit:cover;background:#3b2f45;border-radius:3px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.lbl.who.same{border:1.5px solid var(--peach);padding-top:9px}.lbl.who.same .bc{width:20px;height:29px}.lbl.who.same .l2 .t small{display:block}.lbl.who .samebk{background:var(--peach);color:var(--bean);border-radius:10px;padding:2px 8px;font-size:10.5px;font-style:normal;font-weight:700;position:absolute;top:-10px;right:10px}@media (prefers-reduced-motion:reduce){.vinyl{animation:none}.mseg button,.m-tabs button,.m-switch i,.m-switch i:after{transition:none}}.wfield input:focus{border-color:#f2c7a0b3;outline:none}.m-more{border:1px solid var(--line);text-align:left;width:100%;min-height:56px;color:var(--cream);background:#fff6ec0a;border-radius:14px;align-items:center;gap:12px;margin-top:10px;padding:8px 12px;display:flex}.m-more>span{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.m-more b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.m-more small{color:var(--ink-3);font-size:11.5px}.m-more .mini{object-fit:cover;background:#3f5a6b;border-radius:2px 3px 3px 2px;flex:none;width:28px;height:40px;box-shadow:0 2px 6px #00000059}.m-more>.ic:first-child{color:var(--peach)}.p-head{align-items:center;gap:12px;margin:2px 0 10px;display:flex}.p-head>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.p-head b{font-family:var(--serif);font-size:21px;font-weight:700}.p-head small{color:#fff6eca8;font-size:12px}.p-head .x{width:40px;height:40px;color:var(--cream);background:#fff6ec1a;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.p-me{background:#fff6ec0f;border-radius:16px;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px 8px 8px;display:flex}.p-me .t{text-align:left;min-width:0;color:var(--cream);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;gap:1px;min-height:44px;padding:0;display:flex}.p-me .t small{color:var(--peach);font-size:11px;font-weight:700}.p-me .t b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.btn.ghost{background:0 0;border:1px solid #ffecd638;gap:6px;font-weight:700}.av{background:var(--c,#c9785b);width:34px;height:34px;color:var(--bean);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:750;display:flex}.av.sm{width:32px;height:32px;margin:6px 0 0 4px;font-size:13px}.p-card{isolation:isolate;background:#2a2019;border:1px solid #ffecd624;border-radius:20px;margin-bottom:8px;position:relative;overflow:hidden}.p-card.same{border-color:#f2c7a08c}.p-card>.bg{object-fit:cover;filter:blur(28px)saturate(1.3);opacity:.9;z-index:-2;width:calc(100% + 120px);height:calc(100% + 80px);position:absolute;top:-40px;left:-60px}.p-card>.bg.plain{filter:none;opacity:1;background:radial-gradient(120% 90% at 20% 20%,#5b4030,#2a2019)}.p-card>.scrim{z-index:-1;background:#16100c85;position:absolute;inset:0}.p-card .in{flex-direction:column;gap:12px;padding:12px 14px 14px;display:flex}.p-card .hd{align-items:center;gap:10px;display:flex}.p-card .nm{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.p-card .nm b{font-size:14px}.p-card .nm small{color:#fff6ecb8;font-size:12px}.p-card .badge{background:var(--peach);color:var(--bean);border-radius:10px;flex:none;padding:3px 9px;font-size:11px;font-style:normal;font-weight:700}.p-card .bd{align-items:flex-end;gap:14px;display:flex}.pc-cover{flex:none;display:block}.pc-cover .cv{object-fit:cover;width:92px;height:134px;box-shadow:4px 0 0 #e9dfcf, 0 14px 28px var(--glow,#d6782866), 0 4px 10px #00000080;border-radius:2px 5px 5px 2px;display:block}.p-card .side{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.m-sleeve.sm{width:120px;height:76px}.m-sleeve.sm .art{border-radius:7px;width:76px;height:76px}.m-sleeve.sm .vinyl{width:72px;height:72px;animation:none;top:2px;left:40px}.m-sleeve.sm .vinyl .lbl{width:22px;height:22px;top:25px;left:25px}.m-sleeve.sm .vinyl:after{top:34px;left:34px}.p-card .tt{flex-direction:column;gap:1px;min-width:0;display:flex}.p-card .tt .m-title{-webkit-line-clamp:2;font-size:15px}.p-card .tt small,.p-card .tt span{color:#fff6ecc7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.p-card .acts{flex-wrap:wrap;gap:6px;display:flex}.p-card .acts .btn{background:#fff6ec24;border:0;border-radius:12px;min-height:36px;font-size:13px;font-weight:700}.p-card .acts .btn.primary{background:var(--peach);color:var(--bean)}.p-card .acts .btn:disabled{opacity:.7}.p-card .pc-none{color:#fff6ecbf;margin:0;font-size:13px}.p-row{background:#fff6ec0d;border-radius:16px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px 8px 8px;display:flex}.p-row.same{box-shadow:inset 0 0 0 1px #f2c7a073}.p-row .p-open{text-align:left;min-width:0;color:var(--cream);background:0 0;border:0;flex:1;align-items:center;gap:10px;min-height:44px;padding:0;display:flex}.p-row .t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.p-row .l1{align-items:baseline;gap:6px;display:flex}.p-row .l1 b{white-space:nowrap;font-size:14px}.p-row .l1 small{color:#fff6ec99;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.p-row .l2{color:#fff6eccc;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.p-row .btn{border-radius:11px;flex:none;min-height:34px;font-size:12px}.p-more{justify-content:center;gap:4px;display:flex}.p-me .m-minis,.p-row .m-minis{width:52px;height:44px}.p-me .m-minis .mc,.p-row .m-minis .mc{width:30px;height:44px}.p-me .m-minis .ma,.p-row .m-minis .ma{border-radius:5px;width:32px;height:32px;top:10px;left:20px}.p-me .m-minis:not(.two) .ma,.p-row .m-minis:not(.two) .ma{top:6px;left:10px}.p-me .m-minis:not(.two) .mc,.p-row .m-minis:not(.two) .mc{left:11px}.lbl.click{-webkit-backdrop-filter:none;color:var(--cream);text-shadow:0 2px 12px #0009;background:0 0;border:0;font-size:22px;font-weight:800;animation:.3s ease-out pop}.p-today{width:100%;min-height:48px;color:var(--cream);background:#fff6ec14;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:700;display:flex}.today-wrap{z-index:30;overscroll-behavior:contain;color:var(--cream);isolation:isolate;background:#17110d;position:fixed;inset:0;overflow:auto}.today-wrap .td-bg{object-fit:cover;filter:blur(60px)saturate(1.3)brightness(.6);opacity:.85;z-index:-2;width:calc(100% + 160px);height:calc(100% + 160px);position:fixed;inset:-80px}.today-wrap .td-scrim{background:radial-gradient(80% 70% at 85% 10%, color-mix(in srgb, var(--glow,#e9b866) 22%, transparent), transparent 70%), #120c096b;z-index:-1;position:fixed;inset:0}.td-in{max-width:1180px;padding:calc(var(--safe-t) + 28px) 20px calc(var(--safe-b) + 28px);flex-direction:column;gap:22px;margin:0 auto;display:flex;position:relative}.td-in .x{right:16px;top:calc(var(--safe-t) + 16px);width:44px;height:44px;color:var(--cream);z-index:2;background:#fff6ec1f;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.td-in header{flex-direction:column;gap:6px;padding-right:52px;display:flex}.td-in .kick{font-family:var(--serif);color:#fff6ecd6;font-size:16px}.td-in h2{font-family:var(--serif);letter-spacing:-.02em;color:#e9b866;word-break:keep-all;margin:0;font-size:clamp(28px,8vw,54px);font-weight:700;line-height:1.12}.td-in .sub,.td-in .kick{word-break:keep-all}.td-in .x:focus{outline:none}.td-in .x:focus-visible{outline:2px solid var(--peach);outline-offset:2px}.td-in .sub{color:#fff6ecbd;font-size:13.5px}.td-cols{flex-direction:column-reverse;gap:22px;display:flex}.td-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.td-row{width:100%;min-height:56px;color:var(--cream);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:5px 14px 5px 5px;display:flex}.td-row.on,.td-row:hover{background:#fff6ec21}.td-row .th{object-fit:cover;background:#fff6ec1a;border-radius:6px;flex:none;width:44px;height:44px}.td-row .t{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.td-row b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.td-row small{color:#fff6ecb3;font-size:12px}.td-row>span:last-child{color:#fff6ec9e;text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:42%;font-size:12px;overflow:hidden}.td-row .now{align-items:center;gap:6px;display:flex;color:#e9b866!important}.td-hero{flex-direction:column;gap:14px;display:flex}.td-hero.empty p{color:var(--ink-2);border:1px dashed #ffecd640;border-radius:18px;margin:0;padding:18px;line-height:1.6}.td-hero.empty small{color:var(--ink-3)}.td-sleeve{aspect-ratio:420/300;width:min(100%,420px);display:block;position:relative}.td-sleeve .art{object-fit:cover;width:71.4%;height:100%;box-shadow:0 28px 56px #0000008c, 0 0 60px color-mix(in srgb, var(--glow,transparent) 40%, transparent);z-index:1;border-radius:14px;position:absolute;top:0;left:0}.td-sleeve .vinyl{--vin-left:26.7%;aspect-ratio:1;width:67.6%;height:auto;animation:.9s cubic-bezier(.2,.8,.2,1) both vin-out;top:2.7%;left:26.7%}.td-sleeve .vinyl .lbl{width:29.6%;height:29.6%;top:35.2%;left:35.2%}.td-sleeve .vinyl:after{width:8px;height:8px;top:calc(50% - 4px);left:calc(50% - 4px)}.td-hero .tx{flex-direction:column;gap:4px;display:flex}.td-hero .tx .m-title{letter-spacing:-.01em;font-size:30px}.td-hero .tx span{color:#fff6ecd1;font-size:15px}.td-hero .tx small{color:#fff6eca3;font-size:13px}.td-hero .acts{flex-wrap:wrap;gap:8px;display:flex}.td-hero .acts .btn{border-radius:16px;min-height:46px;padding:0 18px;font-weight:700}.td-hero .acts .btn.primary{background:var(--peach);color:var(--bean)}.td-books .hd{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px;display:flex}.td-books .hd b{font-family:var(--serif);font-size:21px}.td-books .hd span{color:#fff6ecb3;font-size:13px}.td-shelf{scrollbar-width:none;padding-bottom:12px;position:relative;overflow:auto hidden}.td-shelf .books{align-items:flex-end;gap:14px;width:max-content;min-height:108px;padding:0 12px;display:flex;position:relative}.td-shelf .books a,.td-shelf .books>span{flex:none;display:block}.td-shelf .cv{object-fit:cover;border-radius:2px 4px 4px 2px;width:70px;height:102px;transition:transform .2s;display:block;box-shadow:0 6px 14px #00000080}.td-shelf a:hover .cv{transform:translateY(-4px)rotate(-1.5deg)}.td-shelf .cvtxt{font-size:11px}.td-shelf .cap{color:#fff6ecc7;white-space:nowrap;margin:0 0 16px 14px;font-size:13px;line-height:1.55}.td-shelf .books{min-width:100%}.td-shelf .plank{background:#6b4a2e;border-radius:3px;height:12px;position:absolute;bottom:-12px;left:0;right:0;box-shadow:0 8px 18px #00000073,inset 0 2px #ffffff1f}@media (min-width:900px){.td-in{gap:26px;padding:48px 64px 40px}.td-cols{flex-direction:row;gap:64px}.td-list{flex:1;min-width:0}.td-side{flex:none;width:420px}}@media (prefers-reduced-motion:reduce){.td-sleeve .vinyl{animation:none}.td-shelf .cv{transition:none}}.mu-seg{margin:0 0 10px}.mu-seg .num{opacity:.75}.pl-now{color:#fff6eca8;grid-template-rows:auto auto;grid-template-columns:1fr auto;row-gap:4px;margin:10px 4px 0;font-size:11.5px;display:grid}.pl-now .pl-prog{background:#fff6ec29;border-radius:2px;grid-column:1/3;height:4px;position:relative;overflow:hidden}.pl-now .pl-prog i{width:calc(var(--k,0) * 100%);background:var(--peach);border-radius:2px;transition:width .45s linear;position:absolute;top:0;bottom:0;left:0}.pl-now .b{text-align:right}.pl-ctl{grid-template-columns:1fr 1.25fr 1fr;gap:8px;margin-top:10px;display:grid}.pl-ctl button{min-height:48px;color:var(--cream);white-space:nowrap;background:#fff6ec0f;border:1px solid #ffecd62e;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:650;display:flex}.pl-ctl button.main{background:var(--cream);color:var(--bean);border-color:#0000;font-weight:750}.pl-name{margin-top:12px}.pl-name small{color:var(--ink-3);margin-left:4px;font-weight:500}.pl-rows{flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.pl-rows>.note{margin:8px 4px}.pl-row{border:1px solid #0000;border-radius:14px;align-items:center;gap:4px;display:flex}.pl-row.cur{background:#f2c7a017;border-color:#f2c7a099}.pl-go{min-width:0;color:var(--cream);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-height:56px;padding:6px 6px 6px 4px;display:flex}.pl-go .no{text-align:center;color:#fff6ec8c;flex:none;justify-content:center;width:22px;font-size:12px;display:flex}.pl-go .th,.pl-view .th{object-fit:cover;background:#fff6ec14;border-radius:6px;flex:none;width:44px;height:44px}.pl-go .t,.pl-view .t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pl-go b,.pl-view b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.pl-go small,.pl-view small{color:#fff6ec9e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pl-ops{flex:none;gap:2px;padding-right:4px;display:flex}.pl-ops button{width:34px;height:40px;color:var(--cream);background:#fff6ec0f;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.pl-ops button:disabled{opacity:.3}.eq{height:14px;color:var(--peach);align-items:flex-end;gap:2px;display:inline-flex}.eq i{background:currentColor;border-radius:1px;width:3px;height:40%}.eq.on i{animation:1s ease-in-out infinite eq}.eq.on i:nth-child(2){animation-delay:-.35s}.eq.on i:nth-child(3){animation-delay:-.7s}@keyframes eq{0%,to{height:30%}50%{height:100%}}.pl-sum{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:6px 4px 10px;font-size:12.5px;display:flex}.pl-sum .check{min-height:40px;margin:0}.m-res.add .ok{color:#fff6ecb3}.m-res.add.on .ok{color:var(--peach)}.pc-pl{flex-direction:column;gap:6px;display:flex}.pc-pl .hd2{color:var(--cream);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.pc-pl .hd2 .num{color:#fff6ecb8;font-size:12px}.pc-pl .note{margin:2px 0}.pl-view{flex-direction:column;gap:2px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.pl-view li{border-radius:12px;align-items:center;gap:10px;padding:4px 6px 4px 2px;display:flex}.pl-view li.cur{background:#f2c7a024;box-shadow:inset 0 0 0 1px #f2c7a080}.pl-view .no{text-align:center;color:#fff6ec8c;flex:none;justify-content:center;width:22px;font-size:12px;display:flex}.pl-view .th{width:38px;height:38px}.pl-view .am{width:40px;height:40px;color:var(--cream);background:#fff6ec1a;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.pl-col{background:#1e1a22;border-radius:9px;flex:none;grid-template-columns:repeat(2,1fr);gap:2px;width:64px;height:64px;display:grid;overflow:hidden;box-shadow:0 6px 14px #00000073}.pl-col .q{object-fit:cover;background:#3b2f45;width:100%;height:100%;display:block}.td-pls .hd{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px;display:flex}.td-pls .hd b{font-family:var(--serif);font-size:21px}.td-pls .hd span{color:#fff6ecb3;font-size:13px}.td-pl{background:#fff6ec0f;border-radius:16px;margin-bottom:8px;overflow:hidden}.td-pl.open{background:#fff6ec1a}.td-plh{width:100%;color:var(--cream);text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:flex}.td-plh .t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.td-plh b{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.td-plh small{color:#fff6ecb3;font-size:12px}.td-pl .pl-view{max-height:none;padding:0 10px 6px}.td-pl>.btn{gap:6px;width:calc(100% - 20px);margin:4px 10px 12px}.lbl.who .pn{color:#fff6ec99;margin-left:2px;font-size:10.5px;font-style:normal}@media (prefers-reduced-motion:reduce){.eq.on i{height:70%;animation:none}.pl-now .pl-prog i{transition:none}}@media (max-width:380px){.mseg button{flex-direction:column;gap:3px;min-height:52px;font-size:12px}.m-hero .row{gap:12px;padding:12px 14px}.m-hero.mu .m-sleeve:not(.sm){width:120px;height:90px}.m-hero.mu .m-sleeve:not(.sm) .art{border-radius:7px;width:90px;height:90px}.m-hero.mu .m-sleeve:not(.sm) .vinyl{--vin-left:33px;width:84px;height:84px;top:3px;left:33px}.m-hero.mu .m-sleeve:not(.sm) .vinyl .lbl{width:26px;height:26px;top:29px;left:29px}.m-hero.mu .m-sleeve:not(.sm) .vinyl:after{top:40px;left:40px}.m-cover,.m-cover .cv{width:76px;height:110px}.m-title{font-size:19px}.m-hero.mu .m-title{font-size:17px}.m-acts .btn{font-size:14px}}.vinyl.still{animation:none}.ap-open{width:100%;min-height:58px;color:var(--cream);text-align:left;background:#f2c7a014;border:1px solid #f2c7a061;border-radius:14px;align-items:center;gap:12px;margin:12px 0 4px;padding:10px 14px;display:flex}.ap-open:hover{background:#f2c7a024}.ap-open>.ic:first-child{color:var(--peach);flex:none}.ap-open span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ap-open b{font-size:14px}.ap-open small{color:#fff6eca8;font-size:12px}.ap-box{background:#fff6ec0a;border:1px solid #ffecd633;border-radius:16px;flex-direction:column;gap:10px;margin:12px 0 4px;padding:12px;display:flex}.ap-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.ap-top b{font-size:14px}.ap-top .x{width:36px;height:36px;color:var(--cream);background:#fff6ec1a;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.ap-list{overscroll-behavior:contain;max-height:330px;margin:0;overflow-y:auto}.m-res.ap .th{border-radius:7px;width:46px;height:46px}#apPv:empty{display:none}.ap-pv{background:#f2c7a014;border:1px solid #f2c7a066;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.ap-hd{align-items:center;gap:12px;display:flex}.ap-hd .t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ap-hd small{color:#fff6eca8;font-size:11.5px}.ap-hd b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.ap-hd .num{color:#fff6eccc;font-size:12px}.ap-songs{overscroll-behavior:contain;color:#fff6eca8;flex-direction:column;gap:2px;max-height:168px;margin:0;padding:0 0 0 24px;font-size:12.5px;display:flex;overflow-y:auto}.ap-songs li{text-overflow:ellipsis;white-space:nowrap;flex:none;line-height:1.5;overflow:hidden}.ap-songs b{color:var(--cream);font-weight:600}.ap-acts{flex-wrap:wrap;gap:6px;display:flex}.ap-acts .btn.primary{background:var(--peach);color:var(--bean)}