:root{--bg:#0d0d0f;--panel:#16161a;--panel2:#1e1e24;--line:#2a2a32;--text:#ececf0;--muted:#8c8c99;--accent:#d4362b;--accent2:#f0a020;--r1:#5b5b66;--r2:#7a6a55;--r3:#b8902e;--r4:#e07020;--r5:#d4362b}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:1320px;margin:0 auto}h1{font-family:Pirata One,serif;font-weight:400;font-size:32px;margin:0;line-height:1}h1 span{color:var(--accent)}.small{color:var(--muted);font-size:12px}.center{text-align:center;margin-top:18px}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.splash h1{font-size:44px}.splash p{color:var(--muted);max-width:340px;margin:0}header{position:sticky;top:0;z-index:5;background:linear-gradient(var(--bg) 88%,transparent);padding:calc(14px + env(safe-area-inset-top)) 16px 8px}.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.top .who{order:3;flex-basis:100%;margin:0}.signout{color:var(--muted);font-size:12px;text-decoration:none}.who{display:flex;gap:10px;align-items:center;margin:10px 0}header .top{margin-bottom:10px}.who input{flex:1;max-width:220px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 11px;border-radius:8px;font:14px Inter}.save{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save.saved{color:#5ec26a}.save.error{color:var(--accent2)}.tabs{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;min-width:120px;white-space:nowrap;background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:10px 8px;border-radius:10px;font:600 14px Inter;cursor:pointer}.tab small{display:block;font-weight:500;font-size:11px;margin-top:2px}.tab.on{background:var(--panel2);color:var(--text);border-color:var(--accent)}.bar{position:relative;height:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:10px}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px #000a;letter-spacing:.02em}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s}.tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:6px 11px;border-radius:999px;font:500 12px Inter;cursor:pointer}.chip.on{color:var(--text);border-color:var(--muted);background:var(--panel2)}.spacer{flex:1}input[type=search]{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:7px 11px;border-radius:999px;font:13px Inter;width:150px}main{padding:4px 16px calc(90px + env(safe-area-inset-bottom))}.grid{display:grid;grid-template-columns:1fr;gap:8px}.row{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0}.row.cancel{opacity:.45}.info{flex:1;min-width:0}.name{font-weight:600;font-size:15px;line-height:1.3}a.sp{text-decoration:none;border-bottom:1px dotted #555}a.sp:hover{color:#1ed760;border-color:#1ed760}.links{display:inline-flex;gap:5px;margin-right:7px;vertical-align:-5px}.links a{display:inline-flex;width:20px;height:20px;border-radius:5px;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--line)}.links svg{width:12px;height:12px}.links a.s svg{fill:#1ed760}.links a.ig svg{fill:#e1306c}.genre{color:var(--muted);font-size:12px;margin-top:4px}.note{color:var(--accent2);font-size:11.5px;margin-top:2px}.tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:2px}.tag.new{background:var(--accent2);color:#111}.tag.cx{background:#444;color:#ddd}.tag.both{background:#2b3d5a;color:#bcd}.stars{display:flex;flex-direction:row-reverse;gap:0;flex-shrink:0;--lit:var(--r3)}.stars[data-r="1"]{--lit:var(--r1)}.stars[data-r="2"]{--lit:#a8865a}.stars[data-r="3"]{--lit:#e0b030}.stars[data-r="4"]{--lit:var(--r4)}.stars[data-r="5"]{--lit:#ff3b2e}.stars button{width:32px;height:38px;padding:0;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.stars svg{width:27px;height:27px;fill:#2a2a33;stroke:#3a3a45;stroke-width:1;transition:transform .12s,fill .12s}.stars button.lit svg{fill:var(--lit);stroke:var(--lit)}.stars[data-r="5"] button.lit svg{filter:drop-shadow(0 0 4px rgba(255,59,46,.55))}.stars button:active svg{transform:scale(1.25)}.stars button:disabled{cursor:default;opacity:.5}@media (hover:hover){.stars:hover button svg{fill:#2a2a33;stroke:#3a3a45;filter:none}.stars button:hover svg,.stars button:hover~button svg{fill:#c9c9d3;stroke:#c9c9d3}}.empty{color:var(--muted);text-align:center;padding:30px 10px}footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(transparent,var(--bg) 35%);padding:18px 16px calc(14px + env(safe-area-inset-bottom))}footer .wrap{display:flex;gap:8px;align-items:center}.legend{color:var(--muted);font-size:11.5px;flex:1}.btn{display:inline-block;background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:10px;font:600 13.5px Inter;cursor:pointer;text-decoration:none}.btn.ghost{background:var(--panel2);border:1px solid var(--line)}.btn.big{width:100%;max-width:300px;padding:14px;font-size:15px}.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--panel2);border:1px solid var(--line);padding:8px 14px;border-radius:8px;font-size:13px}@media (max-width:420px){.name{font-size:14px}input[type=search]{width:120px}}.brand{display:flex;align-items:center;gap:10px}.brand h1{font-size:28px}.brand .tagline{color:var(--accent2);font-size:11px;letter-spacing:.4px;margin-top:3px;font-style:italic}.brand.big{flex-direction:column;gap:12px;text-align:center}.brand.big h1{font-size:46px}.brand.big .tagline{font-size:14px;margin-top:6px}.logo{flex-shrink:0;display:block}.tab.add{flex:0 0 auto;min-width:92px;color:var(--accent2);border-style:dashed;font-size:18px;line-height:1}.tab.add small{font-size:11px;margin-top:4px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 0 0;width:100%;max-width:760px;max-height:85vh;overflow:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet h2{margin:0;font-size:18px}.sheet .x{background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer}.fest{display:flex;align-items:center;gap:12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px}.fest.on{border-color:var(--accent)}.fest .info{flex:1}@media (min-width:900px){header{padding-left:28px;padding-right:28px}main{padding-left:28px;padding-right:28px}footer{padding-left:28px;padding-right:28px}.top .who{order:0;flex:1;flex-basis:auto;justify-content:flex-end;margin:0 16px 0 0}.who input{max-width:260px}.tab{flex:0 0 auto;min-width:170px;padding:10px 18px}.grid{gap:10px}.row{padding:12px 14px}.name{font-size:15.5px}input[type=search]{width:240px}}@media (max-width:599px){header{position:static;padding-top:calc(10px + env(safe-area-inset-top))}.brand .logo{width:34px;height:34px}.brand h1{font-size:24px}.brand .tagline{font-size:10.5px;margin-top:1px}.who{margin:8px 0}.who input{padding:7px 10px}.save:not(.saving):not(.saved):not(.error){display:none}.tab{min-width:108px;padding:8px 10px;font-size:13.5px}.tools{flex-wrap:wrap;gap:5px}.chip{padding:6px 9px;flex-shrink:0}.spacer{display:none}input[type=search]{flex:1 1 140px;min-width:0;width:auto;padding:7px 10px}.tools-sticky{position:sticky;top:0}}.links button{display:inline-flex;width:20px;height:20px;border-radius:5px;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--line);padding:0;cursor:pointer}.links .off{opacity:.35;filter:grayscale(1)}.links .off:hover{opacity:.75}.links .suggest{width:auto;height:auto;background:none;border:0;color:var(--accent2);font-size:11px;padding:0 2px;text-decoration:underline dotted}.report{display:inline-block;margin-top:4px;color:var(--muted);font-size:11px;background:none;border:0;padding:0;cursor:pointer;opacity:.55}.report:hover{opacity:1;color:var(--accent2)}.legend a{color:var(--muted)}.size{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;flex-shrink:0}.size button{background:var(--panel);border:0;color:var(--muted);font:600 12px Inter;padding:6px 10px;cursor:pointer}.size button.on{background:var(--panel2);color:var(--text)}.size button+button{border-left:1px solid var(--line)}.grid.size-s .row{padding:7px 10px;gap:8px}.grid.size-s .name{font-size:13.5px}.grid.size-s .genre,.grid.size-s .note{font-size:11px}.grid.size-s .stars button{width:24px;height:28px}.grid.size-s .stars svg{width:20px;height:20px}.grid.size-s .report{display:none}.grid.size-l .row{padding:16px 18px}.grid.size-l .name{font-size:18px}.grid.size-l .genre{font-size:14px}.grid.size-l .note{font-size:13px}.grid.size-l .stars button{width:44px;height:46px}.grid.size-l .stars svg{width:36px;height:36px}.grid.size-l .links a,.grid.size-l .links button:not(.suggest){width:26px;height:26px}.grid.size-l .links svg{width:15px;height:15px}@media (min-width:900px){.grid.size-s,.grid.size-m{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.size-l{grid-template-columns:1fr;max-width:980px;margin:0 auto}}@media (min-width:1400px){.grid.size-s{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.size-m{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{display:flex;flex-direction:column;gap:5px;margin:14px 0}.field span{display:flex;align-items:center;gap:7px;font-weight:600;font-size:14px}.field span svg{width:16px;height:16px}.field span:first-child svg{fill:currentColor}.field input{background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:11px 12px;border-radius:9px;font:14px Inter}.field small{color:var(--muted);font-size:11.5px}.err{color:#ff7b6b;font-size:13px}.sheet-actions{display:flex;align-items:center;gap:8px;margin-top:6px}.btn:disabled{opacity:.6}.page{max-width:760px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px 60px;line-height:1.6}.page h2{font-size:18px;margin:26px 0 6px}.page p,.page li{color:#c8c8d0;font-size:14.5px}.page ul{padding-left:20px}.page code{background:var(--panel2);padding:1px 5px;border-radius:4px;font-size:13px}.page .back{color:var(--muted);font-size:13px;text-decoration:none}.page .danger{background:#5a1a16;border:1px solid #8a2a22;color:#fff}.footlinks{display:flex;gap:14px;justify-content:center;margin-top:8px}.footlinks a{color:var(--muted);font-size:12px}.links .k-spotify svg{fill:#1ed760}.links .k-appleMusic svg{fill:#fa2d48}.links .k-tidal svg{fill:#fff}.links .k-bandcamp svg{fill:#1da0c3}.links .k-instagram svg{fill:#e1306c}.field span svg{fill:currentColor}.field .k-spotify{color:#1ed760}.field .k-appleMusic{color:#fa2d48}.field .k-bandcamp{color:#1da0c3}.field .k-instagram{color:#e1306c}.listen{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.listen select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 8px;font:13px Inter}@media (max-width:599px){.listen span{display:none}.who input{min-width:0}}.row{flex-wrap:wrap}.row .info{flex:1 1 0}.row-foot{flex-basis:100%;display:flex;align-items:center;gap:10px;margin-top:-2px}.row-foot .report{margin:0 0 0 auto}.seen{display:flex;gap:5px;flex-wrap:wrap}.pill{background:var(--panel2);border:1px solid var(--line);color:var(--muted);font:500 11.5px Inter;padding:3px 9px;border-radius:999px;cursor:pointer;line-height:1.4}.pill:hover,.pill.on{color:var(--text)}.pill.eye{background:#16324a;border-color:#2b5a80;padding:3px 7px}.pill.again{background:#173a24;border-color:#2f7a48}.pill.skip{background:#3a2a16;border-color:#7a5a2f}.pill:disabled{opacity:.5;cursor:default}.grid.size-s .pill{font-size:10.5px;padding:2px 7px}.grid.size-l .pill{font-size:13px;padding:5px 12px}@media (max-width:599px){.tools .chip{font-size:11.5px}}@media (max-width:599px){.who{flex-wrap:nowrap}.listen select{max-width:112px}.save{font-size:11px;max-width:60px;overflow:hidden;white-space:nowrap}}@media (max-width:599px){.who input{flex:1 1 0;width:0;min-width:0;max-width:none}.who .listen,.who .save{flex:0 0 auto}}.note-btn.on{background:#2a2333;border-color:#5a4a70}.my-note{flex-basis:100%;color:#cdbfe0;font-size:12.5px;font-style:italic;background:#1c1824;border-left:3px solid #6a54a0;border-radius:6px;padding:6px 9px;cursor:pointer;white-space:pre-wrap}.note-edit{flex-basis:100%}.note-edit textarea{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:13px Inter;resize:vertical;display:block}.note-actions{display:flex;align-items:center;gap:6px;margin-top:6px}.note-actions .btn{padding:6px 11px;font-size:12.5px}.crew-box{flex-basis:100%;border-top:1px dashed var(--line);padding-top:6px}.crew-head{background:none;border:0;color:var(--muted);font:500 12.5px Inter;cursor:pointer;padding:2px 0;display:flex;gap:6px;align-items:center}.crew-head:hover{color:var(--text)}.crew-head .avg{color:#e0b030}.crew-head .avg[data-r="1"]{color:var(--r1)}.crew-head .avg[data-r="2"]{color:#a8865a}.crew-head .avg[data-r="4"]{color:var(--r4)}.crew-head .avg[data-r="5"]{color:#ff3b2e}.caret{width:10px;display:inline-block}.crew-list{list-style:none;margin:6px 0 2px;padding:0 0 0 16px;display:flex;flex-direction:column;gap:6px}.crew-list li{font-size:12.5px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.who-n{font-weight:600}.mini-stars{color:#e0b030;letter-spacing:1px;font-size:12px}.mini-stars i{color:#3a3a45;font-style:normal}.mini-stars[data-r="5"]{color:#ff3b2e}.mini-stars[data-r="4"]{color:var(--r4)}.mini-stars[data-r="1"]{color:var(--r1)}.crew-note{flex-basis:100%;color:#c8c8d0;font-style:italic}.banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#16243a;border:1px solid #2b4a70;border-radius:12px;padding:10px 14px;margin:4px 0 12px;font-size:13.5px}.banner-btns{display:flex;gap:6px}.banner .btn{padding:7px 12px;font-size:13px}.raw{background:#0a0a0c;border:1px solid var(--line);border-radius:10px;padding:12px;font:12px ui-monospace,monospace;color:#b8e0b8;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word}.danger-zone{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.danger-zone input{background:var(--panel2);border:1px solid #8a2a22;color:var(--text);padding:9px 11px;border-radius:8px;font:14px Inter}.share-switch{display:flex;flex-wrap:wrap;gap:8px;align-items:center}a.btn{display:inline-block}.cog{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:40px;height:40px;font-size:18px;cursor:pointer}.cog.lock{margin-left:auto}.cog:hover{border-color:var(--muted)}.top .cog{order:2}.top .cog+.cog{margin-left:2px}.top .signout{order:3}.settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-inner{max-width:640px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 18px calc(40px + env(safe-area-inset-bottom))}.settings-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:10px}.settings-top .save{justify-self:end}.settings-top h1{font-family:Inter,sans-serif;font-size:22px;margin:0;text-align:center;white-space:nowrap}.back-btn{justify-self:start;display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);font:600 15px Inter,sans-serif;text-decoration:none;cursor:pointer;padding:8px 14px}.back-btn:hover{border-color:#555}.settings section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:12px 0}.settings h2{font-size:15px;margin:0 0 8px}.settings .field{margin:10px 0}.settings .field>span:first-child{font-size:13px;color:var(--muted);font-weight:600}.settings select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font:14px Inter;max-width:260px}.settings .size{align-self:flex-start}.settings .size button{padding:8px 16px;font-size:13px}.settings section.danger{border-color:#5a2420}.settings a{color:var(--accent2)}.about-data{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);background:#16243a;border:1px solid #2b4a70;border-radius:14px;padding:12px 14px;margin:10px 0 4px}.about-data:hover{border-color:#4a7ab0}.about-data .ic{font-size:22px}.about-data span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.about-data small{color:#a8b8d0;font-size:12px}.about-data .go{color:#8ab0e0;font-size:18px}.splash .about-data{width:100%;max-width:300px}.check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;margin:4px 0}.check input{width:20px;height:20px;accent-color:var(--accent)}.kofi{color:#ffcf6b!important}.kofi-card{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);background:#2a2214;border:1px solid #6b5420;border-radius:14px;padding:12px 14px}.kofi-card small{display:block;color:#d8c08a;font-size:12px}.choice{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.choice button{flex:1 1 0;min-width:0;white-space:normal;line-height:1.2;padding:8px 6px;min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:15px;cursor:pointer}.choice button:hover{border-color:#555}.choice button.on{background:linear-gradient(90deg,var(--accent),var(--accent2));border-color:transparent;color:#fff;font-weight:700}.name .g{color:var(--muted);font-weight:400;font-size:.85em}.name .g .suggest{background:none;border:0;color:var(--accent2);font:inherit;font-size:.9em;padding:0 2px;margin-left:4px;cursor:pointer;text-decoration:underline dotted}.tag.both{text-transform:none;letter-spacing:0;font-weight:600}input[type=search].search-full{display:block;width:100%;box-sizing:border-box;padding:10px 14px;font-size:15px;margin:0 0 10px;border-radius:12px}.row>.name{flex-basis:100%;margin-bottom:-4px}@media (max-width:420px){.choice button{font-size:14px}}@media (max-width:640px){.grid.size-l .row .info{flex-basis:100%}.grid.size-l .row .stars{flex-basis:100%;justify-content:flex-end}}.row-foot .pill,.row-foot button{white-space:nowrap}.row-foot{flex-wrap:wrap}.fest-genres{margin:0 0 10px}.suggest-fest{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;text-decoration:none;color:var(--accent2);border:1px dashed #6b5420;border-radius:12px;padding:12px 14px;margin:10px 0 4px}.suggest-fest small{flex-basis:100%;color:var(--muted);font-size:12px}.star-key{list-style:none;margin:18px auto 6px;padding:0;width:max-content;max-width:100%;font-size:13px;color:var(--muted)}.star-key li{display:flex;align-items:center;gap:10px;padding:2px 0}.k-stars{letter-spacing:2px;font-size:14px;min-width:84px;color:var(--r3,#f0a030)}.k-stars i{font-style:normal;color:#3a3d48}.k-stars[data-r="5"]{color:var(--r5,#ff4b2b)}.k-stars[data-r="4"]{color:var(--r4,#ff7a2b)}.k-stars[data-r="2"]{color:var(--r2,#c9a227)}.k-stars[data-r="1"]{color:var(--r1,#8a8f9c)}.my-fest{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:8px 10px 8px 12px;margin:0 0 8px;background:var(--bg,#111)}.my-fest-open{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;padding:2px 0}.my-fest-open small{color:var(--muted);font-size:12px}.add-fest-btn{width:100%;margin-top:2px}.settings~.sheet-bg,.sheet-bg{z-index:40}.how{max-width:980px;margin:0 auto;padding:16px 16px 40px}.how h1{font-size:26px;margin:14px 0 4px}.how .lead{color:var(--muted);max-width:620px}.how-steps{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:28px}.how-steps>li{display:flex;gap:24px;align-items:center}.how-steps>li:nth-child(2n){flex-direction:row-reverse}.how-text{flex:1}.how-text .n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;font-weight:700;margin-bottom:6px}.how-text h2{margin:4px 0 6px;font-size:20px}.how-text p{color:var(--muted);margin:0;line-height:1.5}.how-steps img{width:290px;max-width:100%;height:auto;border-radius:22px;border:1px solid var(--line);box-shadow:0 10px 30px #0008;flex-shrink:0}@media (max-width:640px){.how-steps>li,.how-steps>li:nth-child(2n){flex-direction:column;align-items:stretch}.how-steps img{width:100%;max-width:340px;align-self:center}}.how-cta{text-align:center;margin-top:10px}.how-cta .btn{display:inline-block}.how-link{margin-bottom:0}.how-text ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.55}.how-text ul li{margin:2px 0}.how-steps>li{list-style:none}.splash .intro{font-size:18px;margin:14px 0 4px}.splash .intro-start{margin:0 0 16px}.splash .intro-start a{color:var(--accent2)}.how-text ul li{display:list-item;list-style:disc}.data-row{display:flex;gap:8px;margin-top:8px}.data-row .btn{flex:1 1 0;min-width:0;white-space:nowrap;padding-left:8px;padding-right:8px;font-size:15px}.account{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:12px;background:var(--bg,#111)}.acc-ic{font-size:22px}.acc-who{flex:1;min-width:0;display:flex;flex-direction:column}.acc-who small{color:var(--muted);font-size:12px}.acc-who b{font-weight:600;overflow-wrap:anywhere;font-size:14px}.acc-out{white-space:nowrap;padding:8px 12px}.page .back-btn,.how .back-btn{margin-bottom:6px}