body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#062b24;--panel:#0c3a32;--panel-2:#0e4238;--text:#e8f5ef;--muted:#b8d0c8;--accent:#86efac;--border:#ffffff14;--shadow:0 10px 30px #00000040;--radius:16px}*{box-sizing:border-box}#root,body,html{height:100%}body{background:#062b24;background:var(--bg);color:#e8f5ef;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}.home{display:flex;flex-direction:column;min-height:100%}.header{background:linear-gradient(180deg,#08352d,#08352d 60%,#0000);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);height:180px;overflow:hidden;position:relative}.waveCanvas{display:block;height:100%;width:100%}.waveControls{bottom:10px;flex-wrap:wrap;position:absolute;right:12px}.pill,.waveControls{display:flex;gap:8px}.pill{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:999px;color:#b8d0c8;color:var(--muted);font-size:12px;padding:6px 10px}.pill input[type=range]{width:110px}.grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.1fr 1fr .9fr;padding:18px}.panel{background:#0c3a32;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 30px #00000040;box-shadow:var(--shadow);min-height:200px;padding:14px}.panel-middle,.panel-right{background:#0e4238;background:var(--panel-2)}.panelHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.panel h2,.panel h3,.panel h4{margin:0 0 8px}.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.btn{align-items:center;background:#0f4e42;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff08;color:#e8f5ef;color:var(--text);cursor:pointer;display:inline-flex;justify-content:center;padding:8px 12px}.btn:hover{filter:brightness(1.05)}.btn.small{font-size:13px;padding:6px 10px}.btn.round{border-radius:999px;height:36px;padding:0;width:36px}.iconBtn{background:#0000;border:none;color:#e8f5ef;color:var(--text);cursor:pointer;font-size:20px}.iconBtn.play{font-size:22px}.collage{column-count:2;column-gap:10px}@media (min-width:1200px){.collage{column-count:3}}.collage img{border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;display:inline-block;margin:0 0 10px;width:100%}.collageWrap{overflow:hidden;transition:max-height .28s ease,opacity .2s ease,padding .2s ease}.collageWrap.collapsed{max-height:40px;opacity:.02;padding-bottom:6px;padding-top:6px}.collageWrap:not(.collapsed){max-height:2000px;opacity:1;padding-bottom:10px;padding-top:10px}.empty{font-style:italic}.empty,.hint{color:#b8d0c8;color:var(--muted)}.hint{font-size:12px;margin-top:8px;opacity:.8}.hint code{color:#c3f2db}.spotifyHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.spotifyCard{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden;padding:12px}.spotifyCard.sdk{padding:12px}.nowPlaying{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin-bottom:10px}.nowPlaying img{border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;height:64px;object-fit:cover;width:64px}.nowPlaying .meta .title{font-weight:700}.nowPlaying .meta .artists{color:#b8d0c8;color:var(--muted);font-size:14px}.progressRow{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto 1fr auto;margin-top:6px}.bar{background:#ffffff1f;border-radius:999px;height:6px;overflow:hidden}.fill{background:#86efac;background:var(--accent);height:100%;width:0}.playlistBlock{border-top:1px solid #ffffff14;border-top:1px solid var(--border);padding-top:10px}.plHeader{align-items:center;display:flex;gap:10px;margin-bottom:8px}.plHeader img{border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;height:48px;object-fit:cover;width:48px}.plName{font-weight:700}.plOwner{color:#b8d0c8;color:var(--muted);font-size:13px}.trackList{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto}.trackRow{grid-gap:8px;align-items:center;background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:grid;gap:8px;grid-template-columns:24px 40px 1fr 1fr auto;padding:8px;text-align:left}.trackRow:hover{background:#ffffff0d}.trackRow .idx{color:#b8d0c8;color:var(--muted);text-align:right}.trackRow img{border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;height:40px;object-fit:cover;width:40px}.tTitle{font-weight:600}.tArtists,.tTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tArtists{font-size:13px}.tArtists,.tDur{color:#b8d0c8;color:var(--muted)}.tDur{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.listsHeader{align-items:center;display:flex;justify-content:space-between;margin:6px 0 8px}.lists{grid-gap:12px;display:grid;gap:12px}.listCard{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;padding:10px}.listTitleRow{align-items:center;display:flex;justify-content:space-between}.listCard ul{list-style:none;margin:8px 0 0;padding:0}.listCard li{align-items:center;border-bottom:1px dashed #ffffff14;display:flex;gap:8px;justify-content:space-between;padding:6px 0}.listCard li:last-child{border-bottom:none}.listCard input[type=checkbox]{height:18px;vertical-align:middle;width:18px}.widgetCard{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:12px}.counterCard .emoji{font-size:44px;text-align:center}.counterRow{align-items:center;display:flex;gap:12px;justify-content:center;margin:10px 0}.count{font-size:28px;min-width:80px}.count,.muted{text-align:center}.muted{color:#b8d0c8;color:var(--muted)}.photoCard .rowBetween{align-items:center;display:flex;justify-content:space-between}.snapshot{border-radius:12px;margin-top:10px}.noteCard textarea,.snapshot{border:1px solid #ffffff14;border:1px solid var(--border);width:100%}.noteCard textarea{background:#ffffff0a;border-radius:10px;color:#e8f5ef;color:var(--text);font:inherit;padding:10px;resize:vertical}.footer{color:#b8d0c8;color:var(--muted);padding:10px 18px 18px}@media (max-width:1100px){.grid{grid-template-columns:1fr}.panel{padding:12px}.header{height:220px}.collage{column-count:2}.panelHeader .btn.small{min-width:64px}.panel-left .panelHeader{padding-bottom:6px}}.panel-left.collapsed{padding-bottom:6px;padding-top:10px}.panel-left.collapsed .collageWrap{max-height:0;padding-bottom:0;padding-top:0}.panel-left.collapsed .collage{display:none}.panel-left .panelHeader{align-items:center;display:flex;justify-content:space-between}.panel-left .panelHeader>div{align-items:center;display:flex;gap:8px}.panel-left .panelHeader .btn,.panel-left .panelHeader .btn.small{min-width:68px;padding:8px 12px}.panel-left .panelHeader .btn.round{height:36px;width:36px}@media (max-width:420px){.grid{gap:12px;padding:12px}.header{height:240px}.pill input[type=range]{width:90px}.collage{column-count:1}.trackRow{grid-auto-flow:column;grid-template-columns:20px 36px 1fr auto}.tArtists{display:none}}
/*# sourceMappingURL=main.0ae233fa.css.map*/