@font-face{font-family:Nunito;font-weight:400;src:url(/assets/Nunito-Regular-BnXjI7PU.ttf);font-display:swap}@font-face{font-family:Nunito;font-weight:600;src:url(/assets/Nunito-SemiBold-D2eyE7gM.ttf);font-display:swap}@font-face{font-family:Nunito;font-weight:700;src:url(/assets/Nunito-Bold-CjZ6yHfi.ttf);font-display:swap}@font-face{font-family:Nunito;font-weight:800;src:url(/assets/Nunito-ExtraBold-nYeaOtjS.ttf);font-display:swap}@font-face{font-family:Fredoka;font-weight:500;src:url(/assets/Fredoka-Medium-CpDpwYM4.ttf);font-display:swap}@font-face{font-family:Fredoka;font-weight:600;src:url(/assets/Fredoka-SemiBold-BxNKFxMZ.ttf);font-display:swap}:root{--ground: #fbf6ee;--card: #ffffff;--ink: #1b2338;--muted: #5a5f72;--line: #f0e8da;--dashed: #d8c7ab;--dashed-soft: #e2d6c2;--accent: #c2530f;--accent-text: #a8420c;--accent-dark: #7f300a;--accent-soft: #fbe3d3;--sand: #f1ece3;--sand-soft: #f6efe3;--track: #ebe1d0;--pink: #ff4f9a;--blue: #3b8bdf;--blue-text: #1e4f8c;--blue-soft: #e3effb;--error: #a3214f;--error-soft: #ffe0ee;--shadow: rgba(27, 35, 56, .08);--wheel: #1b2338;--night: #1b2338;--accent-hover: #a8420c;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #11172a;--card: #1b2338;--ink: #eef0f6;--muted: #a3aabd;--line: #2a3350;--dashed: #3a4566;--dashed-soft: #3a4566;--accent-text: #f08a4b;--accent-dark: #f6b48a;--accent-soft: #3a2416;--sand: #262f47;--sand-soft: #262f47;--track: #2c3652;--blue-text: #9cc6f2;--blue-soft: #1c3354;--error: #ff7fb6;--error-soft: #3a1f2e;--shadow: rgba(0, 0, 0, .3);--wheel: #c3c8d6;color-scheme:dark}}:root[data-theme=dark]{--ground: #11172a;--card: #1b2338;--ink: #eef0f6;--muted: #a3aabd;--line: #2a3350;--dashed: #3a4566;--dashed-soft: #3a4566;--accent-text: #f08a4b;--accent-dark: #f6b48a;--accent-soft: #3a2416;--sand: #262f47;--sand-soft: #262f47;--track: #2c3652;--blue-text: #9cc6f2;--blue-soft: #1c3354;--error: #ff7fb6;--error-soft: #3a1f2e;--shadow: rgba(0, 0, 0, .3);--wheel: #c3c8d6;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Nunito,system-ui,sans-serif}button,select{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent-text)}a:hover{color:var(--accent-dark)}h1,h2,p{margin:0}svg{display:block}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.label{font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.icon{width:1em;height:1em;flex:none}.stack{display:flex;flex-direction:column;gap:8px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.error{background:var(--error-soft);color:var(--error);font-weight:700;font-size:14px;padding:12px 14px;border-radius:14px}.hint{font-size:13px;color:var(--muted)}.soon{font-style:normal;font-size:11px;font-weight:800;background:var(--sand);color:var(--muted);padding:2px 8px;border-radius:999px}.header{background:var(--card);border-bottom:1px solid var(--line)}.header-inner{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand:hover{color:var(--ink)}.brand svg{width:40px;height:40px}.brand span{font-family:Fredoka,sans-serif;font-weight:600;font-size:24px}.brand em{font-style:normal;color:var(--accent)}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs a{padding:10px 14px;border-radius:12px;color:var(--ink);font-weight:700;font-size:15px;text-decoration:none}.tabs a[aria-current=page]{background:var(--accent-soft);color:var(--accent-dark);font-weight:800}.spacer{flex:1}.offline{display:inline-flex;align-items:center;gap:6px;background:var(--blue-soft);color:var(--blue-text);font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px}.settings{position:relative;margin-left:-16px}.gear{width:44px;height:44px;border-radius:14px;border:2px solid transparent;background:var(--sand);display:flex;align-items:center;justify-content:center;font-size:20px}.gear[aria-expanded=true]{border-color:var(--accent)}.popover{position:absolute;right:0;top:52px;z-index:20;width:min(320px,calc(100vw - 32px));background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 12px 32px var(--shadow);display:flex;flex-direction:column;gap:16px}.popover[hidden]{display:none}.popover-title{font-family:Fredoka,sans-serif;font-weight:600;font-size:20px}.popover select{height:44px;border-radius:12px;border:2px solid var(--line);background:var(--card);padding:0 10px;font-weight:700;font-size:14px}.about{font-size:13px;line-height:1.45;color:var(--muted)}.main{max-width:1240px;margin:0 auto;padding:28px 24px 48px;display:flex;flex-direction:column;gap:32px}.primary{min-height:52px;padding:0 22px;border:none;border-radius:16px;background:var(--accent);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.primary:hover{background:var(--accent-hover);color:#fff}.primary:disabled{background:var(--sand);color:var(--muted)}.primary .icon,.secondary .icon{font-size:20px}.secondary{min-height:52px;padding:0 20px;border:2px solid var(--dashed-soft);border-radius:16px;background:var(--card);font-weight:800;font-size:16px;display:flex;align-items:center;gap:10px}.secondary:disabled{color:var(--muted)}.home{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.controls{flex:1 1 340px;max-width:440px;min-width:0;display:flex;flex-direction:column;gap:20px}.preview-column{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:14px}.title{font-family:Fredoka,sans-serif;font-weight:600;font-size:34px;line-height:1.1}.intro{margin-top:6px;font-size:16px;line-height:1.45;color:var(--muted)}.file{border:2px dashed var(--dashed);background:var(--card);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.file.over{border-color:var(--pink)}.file-row{display:flex;align-items:center;gap:12px}.file-art{width:52px;height:52px;border-radius:12px;overflow:hidden;flex:none}.file-text{flex:1;min-width:0}.file-name{font-weight:800;font-size:16px;overflow-wrap:anywhere}.file-stats{font-size:13px;color:var(--muted);margin-top:2px}.pick{min-height:44px;border-radius:12px;background:var(--sand-soft);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-weight:800;font-size:14px;text-align:center;cursor:pointer}.pick:focus-within{outline:3px solid var(--blue);outline-offset:2px}.file-note{font-size:13px;line-height:1.4;color:var(--muted)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px}.badge{font-size:12px;font-weight:800;color:var(--blue-text);background:var(--blue-soft);padding:3px 9px;border-radius:999px}.choices{display:grid;gap:8px}.choices.four{grid-template-columns:repeat(4,minmax(0,1fr))}.choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ludzik{height:84px;border-radius:16px;background:var(--card);border:3px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:13px}.ludzik svg{width:48px;height:48px}.ludzik[aria-checked=true],.mapcard[aria-checked=true]{border-color:var(--accent)}.mapcard{border-radius:18px;background:var(--card);border:3px solid transparent;padding:4px;display:flex;flex-direction:column;gap:4px;text-align:left}.mapcard:disabled{opacity:.7}.mapcard svg{width:100%;height:72px;border-radius:12px}.mapcard span{font-weight:800;font-size:13px;padding:0 3px 2px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.mapsoon{border:2px dashed var(--dashed-soft);border-radius:18px;padding:5px;display:flex;flex-direction:column;gap:4px}.mapsoon div{height:72px;border-radius:12px;background:var(--sand-soft);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--muted)}.mapsoon span{font-weight:700;font-size:13px;color:var(--muted);padding:0 3px 2px}.duration{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1px repeat(2,minmax(0,1fr));align-items:center;gap:6px}.duration-group{display:contents}.duration-gap{width:1px;height:28px;background:var(--dashed-soft)}.pace{height:44px;padding:0 4px;border:none;border-radius:12px;background:var(--sand);color:var(--ink);font-weight:800;font-size:15px;white-space:nowrap}.pace[aria-checked=true]{background:var(--accent);color:#fff}.pace:disabled{color:var(--muted);opacity:.6}.preview{--wheel: #1b2338;position:relative;height:520px;border-radius:28px;overflow:hidden;background:#d6e0ed}.stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.chips{position:absolute;left:16px;top:16px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.chip{background:#1b2338d9;color:#fff;font-size:14px;font-weight:800;padding:7px 12px;border-radius:999px}.play{position:absolute;left:16px;bottom:16px;width:52px;height:52px;border-radius:26px;border:none;background:#1b2338d9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}.preview-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(420px,calc(100% - 48px));background:#1b2338d9;color:#fff;font-weight:800;font-size:15px;line-height:1.4;text-align:center;padding:12px 18px;border-radius:16px}.preview-status[hidden]{display:none}.map-credit{position:absolute;right:10px;bottom:8px;background:#ffffffd9;color:#333;font-size:11px;padding:2px 6px;border-radius:4px}.map-credit[hidden]{display:none}.seek{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.seek input{flex:1;accent-color:var(--accent);height:18px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.actions-note{font-size:14px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.section-head h2{font-family:Fredoka,sans-serif;font-weight:600;font-size:24px}.section-head a{font-size:15px;font-weight:800;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px}.card{background:var(--card);border-radius:18px;padding:8px;color:var(--ink);display:flex;flex-direction:column;gap:8px}.card-art{position:relative;height:150px;border-radius:12px;overflow:hidden}.card-art svg{width:100%;height:100%}.len{position:absolute;right:8px;bottom:8px;background:#1b2338d9;color:#fff;font-size:12px;font-weight:800;padding:3px 8px;border-radius:999px}.card-text{padding:0 4px 2px}.card-name{font-weight:800;font-size:15px}.card-meta{font-size:13px;color:var(--muted)}.page-head h1{font-family:Fredoka,sans-serif;font-weight:600;font-size:34px}.page-head p{font-size:15px;color:var(--muted);margin-top:2px}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--sand);border-radius:14px;padding:4px;max-width:360px}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button{height:40px;border:none;border-radius:11px;background:transparent;font-weight:700;font-size:14px;color:var(--muted)}.segmented button.on,.segmented button[aria-checked=true]{background:var(--card);font-weight:800;color:var(--ink);box-shadow:0 1px 2px var(--shadow)}.storage{background:var(--card);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px;max-width:480px}.storage-text{flex:1;font-size:13px;font-weight:800}.meter{height:6px;border-radius:3px;background:var(--sand);margin-top:6px;overflow:hidden}.meter div{width:28%;height:6px;background:var(--blue)}.quiet{min-height:44px;padding:0 14px;border:none;border-radius:12px;background:var(--sand);font-weight:800;font-size:13px;color:var(--muted)}@media(max-width:480px){.offline,.ludzik{font-size:12px}.ludzik svg{width:44px;height:44px}.mapcard svg,.mapsoon div{height:56px}.preview{height:420px;border-radius:22px}}