:root{color-scheme:dark;--bg:#070914;--panel:rgba(18,23,43,.72);--panel-solid:#11162a;--line:rgba(173,190,255,.13);--line-strong:rgba(130,225,242,.25);--text:#f4f7ff;--muted:#9aa5c4;--cyan:#75e8f4;--blue:#63a8ff;--violet:#9b7bff;--danger:#ff7189;--shadow:0 24px 80px rgba(0,0,0,.38);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -20%,#17264a 0,transparent 42%),linear-gradient(145deg,#080b18 0%,#09091a 46%,#080d1b 100%);font-size:16px;line-height:1.5;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden;opacity:.75}.atmosphere span{position:absolute;border-radius:50%;filter:blur(90px)}.atmosphere span:nth-child(1){width:30vw;height:30vw;left:-12vw;top:20vh;background:rgba(75,83,224,.13)}.atmosphere span:nth-child(2){width:34vw;height:34vw;right:-13vw;top:3vh;background:rgba(38,175,207,.1)}.atmosphere span:nth-child(3){width:26vw;height:26vw;left:40%;bottom:-18vw;background:rgba(114,70,205,.12)}.app-shell{position:relative;width:min(1080px,calc(100% - 40px));margin:auto;padding:24px 0 46px}.topbar{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:1.3rem;font-weight:750;text-decoration:none;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:11px;display:flex;justify-content:center;align-items:center;gap:3px;background:linear-gradient(140deg,rgba(117,232,244,.2),rgba(155,123,255,.22));border:1px solid rgba(117,232,244,.23);box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(57,189,230,.1)}.brand-mark i{display:block;width:3px;border-radius:4px;background:linear-gradient(var(--cyan),var(--violet))}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:7px}.mix-name-wrap{position:relative;display:flex;align-items:center}.mix-name{width:min(340px,38vw);border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);text-align:center;font-weight:550;padding:10px 34px 10px 16px;outline:none;text-overflow:ellipsis}.mix-name:hover,.mix-name:focus{border-color:var(--line);background:rgba(255,255,255,.025);color:var(--text)}.edit-hint{position:absolute;right:12px;color:#7080a9;pointer-events:none}.top-actions{justify-self:end;display:flex;gap:8px;position:relative}.ghost-button,.icon-button{border:1px solid var(--line);background:rgba(15,20,38,.55);border-radius:13px;cursor:pointer;transition:.2s}.ghost-button{padding:9px 14px;color:#c7d0e8}.ghost-button:hover,.icon-button:hover{border-color:var(--line-strong);background:rgba(29,39,66,.7)}.icon-button{width:42px;height:42px;font-weight:800;letter-spacing:2px}.menu{position:absolute;right:0;top:50px;width:190px;padding:7px;background:#151a30;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:20}.menu button{width:100%;border:0;border-radius:9px;padding:10px;text-align:left;background:transparent;cursor:pointer;color:#ccd4ea}.menu button:hover{background:rgba(117,232,244,.08);color:var(--cyan)}.hero-player{text-align:center;padding:52px 20px 44px}.now-label{display:inline-flex;align-items:center;gap:8px;color:#aab5d1;font-size:.82rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.status-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}.hero-player h1{margin:14px 0 5px;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.055em;font-weight:650}.hero-player>p{margin:0;color:var(--muted)}.play-orbit{width:162px;height:162px;margin:36px auto 12px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;inset:13px;border:1px solid rgba(117,232,244,.14);border-radius:50%;transition:.5s}.ring-two{inset:1px;border-color:rgba(155,123,255,.08)}.global-play{position:relative;z-index:1;width:112px;height:112px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,rgba(117,232,244,.95),rgba(105,151,255,.9) 55%,rgba(155,123,255,.9));box-shadow:0 18px 50px rgba(74,156,235,.3),inset 0 1px 1px rgba(255,255,255,.7);cursor:pointer;display:grid;place-items:center;transition:transform .25s,box-shadow .25s}.global-play:not(:disabled):hover{transform:scale(1.045);box-shadow:0 22px 60px rgba(74,156,235,.42),inset 0 1px 1px rgba(255,255,255,.8)}.global-play:active{transform:scale(.98)}.global-play:disabled{opacity:.35;cursor:not-allowed;filter:saturate(.3)}.global-play svg{width:38px;height:38px;fill:#08101d}.global-play .play-icon{transform:translateX(3px)}.pause-icon{display:none}.global-play.is-playing .play-icon{display:none}.global-play.is-playing .pause-icon{display:block}.play-orbit.is-playing .ring-one{animation:pulse 2.2s infinite}.play-orbit.is-playing .ring-two{animation:pulse 2.2s .7s infinite}.timer-pill{width:max-content;margin:0 auto;padding:6px 8px 6px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(15,21,39,.65);color:#cbd5ea;font-variant-numeric:tabular-nums}.timer-pill button{border:0;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer;margin-left:6px}.mixer-card{background:linear-gradient(145deg,rgba(21,27,49,.76),rgba(13,18,35,.78));border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(20px)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:750;color:var(--cyan)}.section-head h2,.dialog-head h2{font-size:1.45rem;line-height:1.2;margin:3px 0 0;letter-spacing:-.03em}.count-badge{font-size:.82rem;color:var(--muted);border:1px solid var(--line);padding:5px 10px;border-radius:99px}.empty-state{text-align:center;padding:42px 24px 35px;border:1px dashed rgba(136,156,210,.16);border-radius:22px;background:rgba(5,9,22,.22)}.empty-state[hidden],.add-sound-button[hidden]{display:none}.empty-visual{height:54px;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:18px}.empty-visual .wave{width:5px;border-radius:8px;background:linear-gradient(var(--cyan),var(--violet));opacity:.8}.w1,.w5{height:15px}.w2,.w4{height:32px}.w3{height:50px}.empty-state h3{margin:0;font-size:1.2rem}.empty-state p{color:var(--muted);max-width:460px;margin:7px auto 22px}.primary-button,.add-sound-button{border:0;border-radius:14px;background:linear-gradient(120deg,var(--cyan),#8bbdff);color:#08111e;font-weight:750;cursor:pointer;box-shadow:0 12px 30px rgba(65,186,224,.18);transition:.2s}.primary-button{padding:13px 20px}.primary-button:hover,.add-sound-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.sound-list{display:grid;gap:10px}.sound-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(260px,1.3fr) auto;align-items:center;gap:20px;padding:14px 16px;border:1px solid rgba(159,179,237,.1);border-radius:17px;background:rgba(10,14,29,.42);animation:rowIn .28s ease both}.sound-row:hover{border-color:rgba(117,232,244,.2);background:rgba(17,24,43,.64)}.sound-identity{display:flex;align-items:center;gap:13px;min-width:0}.sound-icon,.catalog-icon{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(117,232,244,.08),rgba(155,123,255,.08));font-size:1.25rem}.sound-identity h3{font-size:.98rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-identity span:not(.sound-icon){font-size:.75rem;color:#7783a2}.volume-control{display:grid;grid-template-columns:1fr 46px;align-items:center;gap:12px}.volume-control input{width:100%;height:28px;appearance:none;background:transparent;cursor:pointer}.volume-control input::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:linear-gradient(to right,var(--cyan) 0 var(--value),#2a314b var(--value) 100%)}.volume-control input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#ecfdff;border:3px solid #5fcfdc;margin-top:-6.5px;box-shadow:0 2px 10px rgba(117,232,244,.35)}.volume-control input::-moz-range-track{height:5px;border-radius:10px;background:#2a314b}.volume-control input::-moz-range-progress{height:5px;border-radius:10px;background:var(--cyan)}.volume-control input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ecfdff;border:3px solid #5fcfdc}.volume-control output{font-size:.82rem;color:#aeb9d3;font-variant-numeric:tabular-nums;text-align:right}.row-actions{display:flex;gap:6px}.row-icon-button{width:38px;height:38px;border:1px solid transparent;border-radius:11px;background:transparent;color:#a9b4cd;cursor:pointer}.row-icon-button:hover{background:rgba(117,232,244,.08);border-color:var(--line)}.remove-button{font-size:1.5rem}.remove-button:hover{color:var(--danger);background:rgba(255,113,137,.08)}.add-sound-button{width:100%;padding:14px;margin-top:16px;background:rgba(117,232,244,.07);color:var(--cyan);border:1px dashed rgba(117,232,244,.28);box-shadow:none}.add-sound-button span{font-size:1.4rem;vertical-align:-1px}.bottom-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.bottom-actions button{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:14px 16px;border-radius:17px;border:1px solid var(--line);background:rgba(15,20,38,.62);cursor:pointer;transition:.2s}.bottom-actions button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.action-icon{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(117,232,244,.07);color:var(--cyan);font-size:1.2rem}.bottom-actions button>span:nth-child(2){font-weight:650}.bottom-actions small{color:#7e8aa8}.bottom-actions .save-action{background:linear-gradient(145deg,rgba(50,89,117,.36),rgba(55,50,106,.28));border-color:rgba(117,232,244,.24)}dialog{color:var(--text);border:0;padding:0;background:transparent}dialog::backdrop{background:rgba(2,4,12,.76);backdrop-filter:blur(8px)}.sheet-dialog{width:min(720px,100%);max-height:min(86vh,850px);margin:auto;border-radius:26px;box-shadow:var(--shadow)}.sheet-content,.dialog-card{background:linear-gradient(160deg,#171d35,#0e1327);border:1px solid rgba(174,193,255,.14)}.sheet-content{padding:26px;height:min(82vh,780px);display:flex;flex-direction:column}.sheet-grabber{display:none}.dialog-head{display:flex;justify-content:space-between;gap:20px}.dialog-head p{margin:6px 0 0;color:var(--muted);font-size:.9rem}.close-button{width:40px;height:40px;flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:#b8c1d8;font-size:1.5rem;cursor:pointer}.close-button:hover{color:white;border-color:var(--line-strong)}.search-wrap{display:flex;align-items:center;gap:10px;margin-top:22px;background:rgba(5,8,19,.65);border:1px solid var(--line);border-radius:14px;padding:0 13px}.search-wrap:focus-within{border-color:rgba(117,232,244,.42);box-shadow:0 0 0 3px rgba(117,232,244,.06)}.search-wrap span{font-size:1.35rem;color:var(--cyan)}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:white;padding:13px 0;font-size:.95rem}.search-wrap input::placeholder{color:#6f7c9c}.search-wrap kbd{font-family:inherit;font-size:.72rem;color:#7885a4;border:1px solid var(--line);border-radius:5px;padding:1px 6px}.catalog-meta{display:flex;justify-content:space-between;color:#7885a4;font-size:.75rem;padding:12px 2px 7px}.catalog-list{overflow:auto;display:grid;gap:6px;padding-right:5px}.catalog-list::-webkit-scrollbar{width:7px}.catalog-list::-webkit-scrollbar-thumb{background:#2b3552;border-radius:9px}.catalog-row{display:grid;grid-template-columns:45px 1fr;gap:8px;align-items:center;border-radius:14px}.preview-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.025);color:var(--cyan);font-size:.8rem;cursor:pointer}.preview-button:hover,.preview-button.is-previewing{background:rgba(117,232,244,.1);border-color:rgba(117,232,244,.3)}.catalog-add{width:100%;min-width:0;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:14px;background:transparent;padding:8px;cursor:pointer;text-align:left}.catalog-add:not(:disabled):hover{background:rgba(117,232,244,.055);border-color:var(--line)}.catalog-add:disabled{cursor:not-allowed;opacity:.48}.catalog-name{font-weight:600;min-width:0}.catalog-name small{display:block;font-weight:450;color:#7683a2;font-size:.73rem}.catalog-state{margin-left:auto;color:var(--cyan);font-weight:700;padding-right:8px}.is-added .catalog-state{font-size:.76rem}.no-results{text-align:center;padding:70px 20px;color:var(--muted)}.no-results span{font-size:2rem}.no-results h3{color:var(--text);margin:10px 0 3px}.no-results p{margin:0}.compact-dialog{width:min(470px,calc(100% - 28px));margin:auto}.wide-dialog{width:min(680px,calc(100% - 28px))}.dialog-card{padding:25px;border-radius:24px;box-shadow:var(--shadow)}.timer-options{display:grid;gap:8px;margin-top:21px}.timer-options button{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(5,9,20,.3);cursor:pointer;text-align:left}.timer-options button:hover{border-color:var(--line-strong);background:rgba(117,232,244,.06)}.timer-options span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(117,232,244,.08);color:var(--cyan);font-size:.78rem}.saved-list{display:grid;gap:8px;max-height:55vh;overflow:auto;margin-top:20px}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(6,10,23,.3)}.saved-main{display:flex;align-items:center;gap:11px;min-width:0}.saved-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:rgba(155,123,255,.1);color:#b9a8ff}.saved-main div{min-width:0}.saved-main input{display:block;width:100%;border:1px solid transparent;background:transparent;color:var(--text);font-weight:650;border-radius:7px;padding:3px 5px;margin-left:-5px}.saved-main input:focus{outline:0;border-color:var(--line-strong);background:rgba(255,255,255,.03)}.saved-main small{color:#7985a3}.saved-actions{display:flex;gap:5px}.saved-actions button{border:1px solid var(--line);border-radius:10px;background:transparent;color:#b9c4dc;padding:8px 10px;cursor:pointer}.saved-actions button:hover{border-color:var(--line-strong);color:var(--cyan)}.saved-actions [data-delete]{font-size:1.1rem}.saved-actions [data-delete]:hover{color:var(--danger);border-color:rgba(255,113,137,.3)}.saved-empty{text-align:center;color:var(--muted);padding:44px 10px}.saved-empty span{font-size:2.2rem;color:#8f7ae4}.confirm-dialog{text-align:center}.confirm-icon{width:55px;height:55px;margin:0 auto 16px;display:grid;place-items:center;border-radius:16px;background:rgba(255,113,137,.1);color:var(--danger);font-size:1.6rem}.confirm-dialog h2{margin:0}.confirm-dialog p,.about-copy{color:var(--muted)}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.secondary-button,.danger-button{border-radius:12px;padding:11px;border:1px solid var(--line);cursor:pointer}.secondary-button{background:transparent}.danger-button{background:var(--danger);color:#1c0610;border-color:transparent;font-weight:750}.source-link{display:block;margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--cyan);text-decoration:none}.toast-region{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px}.toast{display:flex;align-items:center;gap:10px;width:min(360px,calc(100vw - 40px));padding:12px 14px;border:1px solid rgba(117,232,244,.2);border-radius:14px;background:#161d34;box-shadow:var(--shadow);transform:translateY(10px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(117,232,244,.1);color:var(--cyan)}.toast p{margin:0;font-size:.88rem}.toast.error{border-color:rgba(255,113,137,.28)}.toast.error>span{background:rgba(255,113,137,.12);color:var(--danger)}
@keyframes pulse{0%{transform:scale(.88);opacity:.7}70%,100%{transform:scale(1.18);opacity:0}}@keyframes rowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:760px){.app-shell{width:min(100% - 24px,620px);padding-top:12px}.topbar{grid-template-columns:auto 1fr auto;height:58px}.saved-shortcut{display:none}.mix-name{width:100%;font-size:.88rem}.hero-player{padding:42px 8px 34px}.hero-player h1{font-size:2rem}.play-orbit{margin-top:30px}.mixer-card{border-radius:22px;padding:18px}.sound-row{grid-template-columns:1fr auto;gap:12px;padding:13px}.sound-identity{grid-column:1}.volume-control{grid-column:1/3;grid-row:2}.row-actions{grid-column:2;grid-row:1}.bottom-actions{grid-template-columns:repeat(3,1fr);position:sticky;bottom:10px;z-index:8;background:rgba(8,11,23,.76);backdrop-filter:blur(18px);border:1px solid var(--line);padding:7px;border-radius:19px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.bottom-actions button{display:flex;flex-direction:column;gap:3px;text-align:center;align-items:center;justify-content:center;padding:8px 4px;border:0;background:transparent!important;border-radius:13px}.bottom-actions button:hover{background:rgba(117,232,244,.06)!important;transform:none}.bottom-actions small{display:none}.action-icon{width:30px;height:28px;background:transparent;font-size:1.1rem}.bottom-actions button>span:nth-child(2){font-size:.72rem;font-weight:600}.sheet-dialog{width:100%;max-height:92vh;margin:auto 0 0;border-radius:24px 24px 0 0}.sheet-content{height:88vh;border-radius:24px 24px 0 0;padding:16px}.sheet-grabber{display:block;width:42px;height:4px;border-radius:4px;background:#39435e;margin:0 auto 15px}.dialog-head p{font-size:.82rem}.catalog-list{padding-right:0}.catalog-row{grid-template-columns:42px 1fr}.catalog-icon{width:39px;height:39px}.saved-row{align-items:flex-start}.saved-actions{flex-direction:column}.toast-region{left:12px;right:12px;bottom:90px}.toast{width:100%}}
@media (max-width:420px){.brand span[data-brand]{display:none}.topbar{grid-template-columns:44px 1fr 44px}.hero-player h1{font-size:1.72rem}.hero-player>p{font-size:.9rem}.mixer-card{padding:15px}.empty-state{padding:36px 13px 30px}.section-head{margin-bottom:14px}.sound-row{padding:11px}.sound-icon{width:39px;height:39px}.volume-control{gap:6px}.row-icon-button{width:34px;height:34px}.confirm-actions{grid-template-columns:1fr}.dialog-card{padding:20px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Lana visual system */
:root,[data-theme="midnight"]{
  color-scheme:dark;--bg:#080b17;--bg-deep:#080919;--bg-glow-a:rgba(36,71,150,.3);--bg-glow-b:rgba(103,42,154,.27);
  --surface:rgba(17,23,43,.76);--surface-strong:#11172b;--surface-soft:rgba(8,13,29,.43);--surface-hover:rgba(24,34,59,.82);
  --line:rgba(158,181,235,.14);--line-strong:rgba(111,222,238,.34);--text:#f4f6ff;--muted:#8f9bb7;--subtle:#7784a3;
  --accent:#6ee7f2;--accent-2:#729dff;--accent-3:#a47bff;--accent-ink:#07111d;--danger:#ff7189;
  --play-a:#79edf3;--play-b:#719eff;--play-c:#a67cff;--play-shadow:rgba(70,156,234,.34);--slider-track:#293149;
  --logo-a:#72eff5;--logo-b:#6f9cff;--logo-c:#ad7dff;--atmo-a:rgba(45,106,210,.24);--atmo-b:rgba(138,56,210,.2);--atmo-c:rgba(50,207,212,.12);
  --backdrop:rgba(2,4,12,.76);--shadow:0 28px 80px rgba(0,0,0,.38)
}
[data-theme="rainy"]{
  color-scheme:dark;--bg:#0b111b;--bg-deep:#080d15;--bg-glow-a:rgba(67,105,137,.3);--bg-glow-b:rgba(66,82,124,.22);
  --surface:rgba(19,31,43,.78);--surface-strong:#142331;--surface-soft:rgba(10,20,29,.48);--surface-hover:rgba(27,44,58,.86);
  --line:rgba(153,191,211,.16);--line-strong:rgba(143,201,224,.38);--text:#eef6fa;--muted:#94aab8;--subtle:#78909f;
  --accent:#9acfe1;--accent-2:#6f9fbd;--accent-3:#7384b8;--accent-ink:#07131b;--danger:#ef8190;
  --play-a:#a2d8e8;--play-b:#73a7c4;--play-c:#7487b9;--play-shadow:rgba(94,156,184,.3);--slider-track:#2a3b49;
  --logo-a:#b5e5ef;--logo-b:#7eb2cf;--logo-c:#8b96c9;--atmo-a:rgba(77,126,158,.2);--atmo-b:rgba(70,91,133,.2);--atmo-c:rgba(150,194,208,.1);--backdrop:rgba(4,9,14,.78)
}
[data-theme="forest"]{
  color-scheme:dark;--bg:#07130f;--bg-deep:#06100d;--bg-glow-a:rgba(30,112,79,.27);--bg-glow-b:rgba(24,72,69,.23);
  --surface:rgba(13,35,28,.77);--surface-strong:#102c23;--surface-soft:rgba(6,24,18,.48);--surface-hover:rgba(19,52,40,.84);
  --line:rgba(112,202,161,.15);--line-strong:rgba(89,218,164,.37);--text:#f0faf5;--muted:#8eaa9d;--subtle:#739486;
  --accent:#60daa6;--accent-2:#36aa8c;--accent-3:#5d92a2;--accent-ink:#06140e;--danger:#f17b8c;
  --play-a:#72e0ae;--play-b:#42b58f;--play-c:#4b8da0;--play-shadow:rgba(47,171,124,.31);--slider-track:#244137;
  --logo-a:#7becb9;--logo-b:#3db68f;--logo-c:#6ba6a9;--atmo-a:rgba(31,139,94,.22);--atmo-b:rgba(25,95,79,.2);--atmo-c:rgba(100,207,149,.1);--backdrop:rgba(2,11,8,.78)
}
[data-theme="sunset"]{
  color-scheme:dark;--bg:#170b20;--bg-deep:#100816;--bg-glow-a:rgba(187,78,113,.25);--bg-glow-b:rgba(112,48,168,.29);
  --surface:rgba(38,18,48,.77);--surface-strong:#291833;--surface-soft:rgba(24,10,31,.48);--surface-hover:rgba(53,26,64,.86);
  --line:rgba(225,152,184,.16);--line-strong:rgba(239,151,125,.38);--text:#fff5f7;--muted:#b5a0b2;--subtle:#987e94;
  --accent:#f0a07e;--accent-2:#e47f9f;--accent-3:#bc73e5;--accent-ink:#23100f;--danger:#ff758c;
  --play-a:#f6ad82;--play-b:#df7b9f;--play-c:#b66cda;--play-shadow:rgba(224,103,125,.32);--slider-track:#493045;
  --logo-a:#ffc08f;--logo-b:#ed7fac;--logo-c:#c57ae8;--atmo-a:rgba(221,96,91,.2);--atmo-b:rgba(139,63,193,.23);--atmo-c:rgba(244,156,102,.11);--backdrop:rgba(12,3,16,.78)
}
[data-theme="ocean"]{
  color-scheme:dark;--bg:#041321;--bg-deep:#03101c;--bg-glow-a:rgba(17,113,165,.28);--bg-glow-b:rgba(14,79,145,.26);
  --surface:rgba(7,32,50,.77);--surface-strong:#0a2940;--surface-soft:rgba(3,21,36,.48);--surface-hover:rgba(10,46,68,.86);
  --line:rgba(99,206,211,.16);--line-strong:rgba(68,219,209,.38);--text:#effcff;--muted:#88aab8;--subtle:#7093a2;
  --accent:#48d8d2;--accent-2:#3b9fe2;--accent-3:#476ed0;--accent-ink:#03141d;--danger:#ef7b8b;
  --play-a:#55e0d7;--play-b:#3ba9df;--play-c:#4776d4;--play-shadow:rgba(39,162,198,.34);--slider-track:#1e3b4d;
  --logo-a:#5be6df;--logo-b:#3da9e5;--logo-c:#5d82dd;--atmo-a:rgba(13,147,190,.24);--atmo-b:rgba(31,86,178,.22);--atmo-c:rgba(52,221,205,.11);--backdrop:rgba(1,10,18,.8)
}
[data-theme="minimal"]{
  color-scheme:light;--bg:#eef3fb;--bg-deep:#f6f8fd;--bg-glow-a:rgba(101,137,239,.17);--bg-glow-b:rgba(157,112,220,.13);
  --surface:rgba(255,255,255,.78);--surface-strong:#fff;--surface-soft:rgba(243,247,253,.76);--surface-hover:rgba(247,250,255,.94);
  --line:rgba(59,79,124,.14);--line-strong:rgba(91,121,211,.38);--text:#172139;--muted:#637089;--subtle:#758199;
  --accent:#537de4;--accent-2:#6a8fee;--accent-3:#9870d9;--accent-ink:#fff;--danger:#ce4f68;
  --play-a:#6f9af2;--play-b:#6b86e9;--play-c:#9872db;--play-shadow:rgba(82,112,197,.25);--slider-track:#d2daea;
  --logo-a:#3f7de0;--logo-b:#637dea;--logo-c:#996dd5;--atmo-a:rgba(90,136,235,.16);--atmo-b:rgba(154,105,214,.13);--atmo-c:rgba(77,194,211,.1);--backdrop:rgba(25,35,56,.32);--shadow:0 26px 70px rgba(50,68,105,.16)
}

html{background:var(--bg);min-height:100%;transition:background-color .35s,color .35s}
body{background:radial-gradient(circle at 12% -8%,var(--bg-glow-a),transparent 38%),radial-gradient(circle at 90% 25%,var(--bg-glow-b),transparent 42%),linear-gradient(145deg,var(--bg-deep),var(--bg));color:var(--text);transition:background .45s,color .3s}
button,input{color:inherit}.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:block}
.atmosphere{overflow:hidden;pointer-events:none}.atmosphere span{background:var(--atmo-a)}.atmosphere span:nth-child(2){background:var(--atmo-b)}.atmosphere span:nth-child(3){background:var(--atmo-c)}
[data-effect="none"] .atmosphere{display:none}
[data-effect="aurora"] .atmosphere span{animation:auroraDrift 16s ease-in-out infinite alternate}
[data-effect="aurora"] .atmosphere span:nth-child(2){animation-delay:-6s;animation-duration:20s}
[data-effect="aurora"] .atmosphere span:nth-child(3){animation-delay:-11s;animation-duration:18s}
[data-effect="stars"] .atmosphere{opacity:.75;background-image:radial-gradient(circle,var(--accent) 0 1px,transparent 1.4px),radial-gradient(circle,var(--text) 0 1px,transparent 1.3px);background-size:82px 82px,137px 137px;background-position:4px 12px,44px 31px;animation:starBreath 7s ease-in-out infinite alternate}
[data-effect="stars"] .atmosphere span{opacity:.22;filter:blur(70px)}
[data-effect="rain"] .atmosphere::before{content:"";position:absolute;inset:-25%;background:repeating-linear-gradient(104deg,transparent 0 32px,color-mix(in srgb,var(--accent) 18%,transparent) 33px 34px,transparent 35px 64px);opacity:.25;animation:rainFall 12s linear infinite}
[data-effect="rain"] .atmosphere::after{content:"";position:absolute;inset:38% -15% -20%;background:radial-gradient(ellipse at center,var(--atmo-c),transparent 68%);filter:blur(35px)}
[data-effect="rain"] .atmosphere span{opacity:.18}
[data-effect="waves"] .atmosphere::before,[data-effect="waves"] .atmosphere::after{content:"";position:absolute;width:92vw;height:35vw;min-height:250px;left:-8vw;top:17%;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;filter:blur(2px);transform:rotate(-7deg);animation:waveFloat 15s ease-in-out infinite alternate}
[data-effect="waves"] .atmosphere::after{left:26vw;top:48%;border-color:color-mix(in srgb,var(--accent-3) 17%,transparent);animation-delay:-7s}
[data-effect="waves"] .atmosphere span{opacity:.15}
@keyframes auroraDrift{to{transform:translate3d(5vw,3vh,0) scale(1.13)}}@keyframes starBreath{to{opacity:.42}}@keyframes rainFall{to{transform:translate3d(-5%,20%,0)}}@keyframes waveFloat{to{transform:translate3d(3vw,4vh,0) rotate(-3deg) scale(1.05)}}

.topbar{grid-template-columns:1fr auto;border-bottom-color:var(--line)}
.brand{gap:8px;min-width:148px;text-decoration:none}.lana-mark{width:38px;height:38px;display:grid;place-items:center;filter:drop-shadow(0 0 13px color-mix(in srgb,var(--logo-a) 30%,transparent))}.lana-mark svg{width:38px;height:38px;overflow:visible}.lana-logo-frame{fill:color-mix(in srgb,var(--logo-a) 7%,var(--surface-soft));stroke:url(#lanaLogoGradient);stroke-width:1.4}.lana-logo-wave{fill:none;stroke:url(#lanaLogoGradient);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.lana-logo-dot{fill:var(--logo-c);filter:drop-shadow(0 0 4px var(--logo-c))}.logo-stop-a{stop-color:var(--logo-a)}.logo-stop-b{stop-color:var(--logo-b)}.logo-stop-c{stop-color:var(--logo-c)}
.lana-word{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.58rem;font-weight:760;letter-spacing:-.055em;line-height:1;background:linear-gradient(100deg,var(--logo-a),var(--logo-b) 52%,var(--logo-c));-webkit-background-clip:text;background-clip:text;color:transparent;padding:6px 4px 8px 0}
.mix-name{color:var(--text)}.mix-name:hover,.mix-name:focus{background:var(--surface-soft)}.edit-hint{color:var(--accent);width:14px;height:14px}
.ghost-button,.icon-button{background:var(--surface-soft);border-color:var(--line)}.ghost-button{display:flex;align-items:center;gap:8px;color:var(--text)}.ghost-button .ui-icon{width:17px;height:17px;color:var(--accent)}.ghost-button:hover,.icon-button:hover{background:var(--surface-hover);border-color:var(--line-strong)}
.icon-button{display:flex;align-items:center;justify-content:center;gap:3px;padding:0}.icon-button span{width:3px;height:3px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent)}
.menu{background:var(--surface-strong);border-color:var(--line)}.menu button{display:flex;align-items:center;gap:10px;color:var(--text)}.menu button .ui-icon{width:17px;height:17px;color:var(--accent)}.menu button:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}
.now-label{color:var(--muted)}.status-dot{background:var(--accent);box-shadow:0 0 14px var(--accent)}.hero-player>p{color:var(--muted)}.orbit-ring{border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.ring-two{border-color:color-mix(in srgb,var(--accent-3) 11%,transparent)}
.global-play{background:linear-gradient(145deg,var(--play-a),var(--play-b) 55%,var(--play-c));box-shadow:0 18px 50px var(--play-shadow),inset 0 1px 1px rgba(255,255,255,.72)}.global-play:not(:disabled):hover{box-shadow:0 22px 64px color-mix(in srgb,var(--play-shadow) 135%,transparent),inset 0 1px 1px rgba(255,255,255,.82)}.global-play svg{fill:var(--accent-ink)}
.timer-pill{display:flex;align-items:center;gap:7px;background:var(--surface-soft);color:var(--text)}.timer-pill[hidden]{display:none}.timer-pill>.ui-icon{width:16px;color:var(--accent)}
.mixer-card,.sheet-content,.dialog-card{background:linear-gradient(145deg,var(--surface),var(--surface-soft));border-color:var(--line)}.mixer-card{box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04)}.eyebrow,.action-icon,.catalog-state,.source-link{color:var(--accent)}.count-badge{color:var(--muted)}.empty-state{background:var(--surface-soft);border-color:var(--line)}.empty-state p{color:var(--muted)}.empty-visual .wave{background:linear-gradient(var(--accent),var(--accent-3))}
.primary-button{background:linear-gradient(120deg,var(--play-a),var(--play-b));color:var(--accent-ink);box-shadow:0 12px 30px color-mix(in srgb,var(--play-shadow) 65%,transparent)}
.sound-row{background:var(--surface-soft);border-color:var(--line)}.sound-row:hover{background:var(--surface-hover);border-color:var(--line-strong)}.sound-icon,.catalog-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--accent-3) 9%,transparent));border-color:var(--line);color:var(--accent)}.sound-icon .ui-icon,.catalog-icon .ui-icon{width:22px;height:22px}.sound-identity span:not(.sound-icon),.catalog-name small,.catalog-meta,.saved-main small{color:var(--subtle)}
.volume-control input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0 var(--value),var(--slider-track) var(--value) 100%)}.volume-control input::-webkit-slider-thumb{background:var(--surface-strong);border-color:var(--accent);box-shadow:0 2px 11px color-mix(in srgb,var(--accent) 35%,transparent)}.volume-control input::-moz-range-track{background:var(--slider-track)}.volume-control input::-moz-range-progress{background:var(--accent)}.volume-control input::-moz-range-thumb{background:var(--surface-strong);border-color:var(--accent)}.volume-control output{color:var(--text)}
.row-icon-button{color:var(--muted)}.row-icon-button:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:var(--line)}.row-icon-button .ui-icon{width:19px;height:19px;margin:auto}.remove-button:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}
.add-sound-button{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.bottom-actions button{background:var(--surface);border-color:var(--line)}.bottom-actions button:hover{border-color:var(--line-strong)}.action-icon{background:color-mix(in srgb,var(--accent) 9%,transparent)}.action-icon .ui-icon{width:19px;height:19px}.bottom-actions small{color:var(--subtle)}.bottom-actions .save-action{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),color-mix(in srgb,var(--accent-3) 12%,var(--surface)));border-color:color-mix(in srgb,var(--accent) 28%,transparent)}
dialog::backdrop{background:var(--backdrop)}.dialog-head p,.about-copy{color:var(--muted)}.close-button{background:var(--surface-soft);color:var(--muted)}.close-button:hover{color:var(--text)}.search-wrap{background:var(--surface-soft)}.search-wrap>.ui-icon{color:var(--accent);flex:0 0 auto}.search-wrap input{color:var(--text)}.search-wrap input::placeholder{color:var(--subtle)}.preview-button{background:var(--surface-soft);color:var(--accent)}.preview-button:hover,.preview-button.is-previewing{background:color-mix(in srgb,var(--accent) 11%,transparent);border-color:var(--line-strong)}.play-shape{display:block;margin:auto;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;transform:translateX(1px)}.stop-shape{display:block;margin:auto;width:8px;height:8px;border-radius:1px;background:currentColor}.catalog-add:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.catalog-state{display:flex;align-items:center;gap:5px}.catalog-state .ui-icon{width:15px;height:15px}.no-results>.ui-icon{width:32px;height:32px;margin:auto;color:var(--accent)}
.timer-options button,.saved-row{background:var(--surface-soft)}.timer-options button:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.timer-options span{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}.saved-icon{background:color-mix(in srgb,var(--accent-3) 11%,transparent);color:var(--accent-3)}.saved-icon .ui-icon{width:20px;height:20px}.saved-main input:focus{background:var(--surface-soft)}.saved-actions button{color:var(--text)}.saved-actions button .ui-icon{width:17px;height:17px}.saved-empty>.ui-icon{width:40px;height:40px;margin:auto;color:var(--accent-3)}.confirm-icon{background:color-mix(in srgb,var(--danger) 11%,transparent)}.confirm-icon .ui-icon{width:25px;height:25px}.secondary-button{background:var(--surface-soft)}.toast{background:var(--surface-strong);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.toast>span{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}.toast>span .ui-icon{width:15px;height:15px}

/* Appearance modal */
.appearance-dialog{width:min(760px,calc(100% - 28px));max-height:min(90vh,860px)}.appearance-dialog .dialog-card{max-height:90vh;overflow:auto}.appearance-section{margin-top:24px}.appearance-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.appearance-label h3{font-size:.92rem;margin:0}.appearance-label span{color:var(--muted);font-size:.78rem}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.theme-card{position:relative;display:grid;grid-template-columns:76px 1fr 24px;align-items:center;gap:12px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.theme-card:hover{transform:translateY(-1px);border-color:var(--line-strong)}.theme-card.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.theme-preview{height:54px;border-radius:11px;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--swatch-2) 45%,transparent),transparent 48%),linear-gradient(145deg,var(--swatch-1),color-mix(in srgb,var(--swatch-3) 34%,var(--swatch-1)));border:1px solid color-mix(in srgb,var(--swatch-2) 28%,transparent);display:flex;align-items:flex-end;gap:4px;padding:10px}.theme-preview i{width:5px;height:15px;background:linear-gradient(var(--swatch-2),var(--swatch-3));border-radius:4px}.theme-preview i:nth-child(2){height:26px}.theme-preview i:nth-child(3){height:20px}.theme-copy{min-width:0}.theme-copy strong,.theme-copy small{display:block}.theme-copy strong{font-size:.9rem}.theme-copy small{font-size:.72rem;color:var(--muted);margin-top:3px;line-height:1.35}.theme-check{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:transparent}.theme-check .ui-icon{width:13px}.theme-card.is-active .theme-check{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent)}
.effect-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.effect-card{display:flex;flex-direction:column;gap:7px;padding:7px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);cursor:pointer;color:var(--muted);font-size:.68rem;line-height:1.25;text-align:left}.effect-card:hover,.effect-card.is-active{border-color:var(--line-strong);color:var(--text)}.effect-card.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.effect-preview{height:42px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--accent-3) 20%,var(--bg)))}.effect-aurora .effect-preview::before{content:"";position:absolute;width:42px;height:42px;border-radius:50%;background:var(--accent);filter:blur(13px);opacity:.5;left:8px;top:-8px}.effect-stars .effect-preview{background-color:var(--bg);background-image:radial-gradient(circle,var(--text) 0 1px,transparent 1.5px);background-size:12px 12px}.effect-rain .effect-preview::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(105deg,transparent 0 8px,color-mix(in srgb,var(--accent) 45%,transparent) 9px,transparent 10px 17px)}.effect-waves .effect-preview::before{content:"";position:absolute;width:75px;height:32px;border:1px solid var(--accent);border-radius:50%;left:-8px;top:10px;opacity:.55}.effect-none .effect-preview::after{content:"";position:absolute;width:30px;height:1px;background:var(--muted);transform:rotate(-35deg);left:17px;top:20px}.appearance-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.appearance-actions button{padding:11px 15px}

[data-theme="minimal"] .mixer-card,[data-theme="minimal"] .sheet-content,[data-theme="minimal"] .dialog-card{box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.8)}
[data-theme="minimal"] .bottom-actions{box-shadow:0 18px 48px rgba(50,68,105,.14)}

@media(max-width:760px){.topbar{grid-template-columns:1fr auto}.saved-shortcut{display:none}.bottom-actions{background:color-mix(in srgb,var(--bg) 82%,transparent)}.appearance-dialog{width:100%;max-height:94vh;margin:auto 0 0}.appearance-dialog .dialog-card{max-height:92vh;border-radius:24px 24px 0 0}.effect-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.brand{min-width:112px;gap:6px}.lana-mark,.lana-mark svg{width:34px;height:34px}.lana-word{font-size:1.35rem}.theme-grid{grid-template-columns:1fr}.theme-card{grid-template-columns:68px 1fr 22px}.theme-preview{height:48px}.appearance-actions{flex-direction:column-reverse}.appearance-actions button{width:100%}}
@media(max-width:420px){.brand{min-width:104px}.lana-word{font-size:1.25rem}.topbar{grid-template-columns:1fr 44px}.effect-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.atmosphere,.atmosphere::before,.atmosphere::after,.atmosphere span{animation:none!important}}

/* Besplatna Lana i nebo donatora */
.support-section{margin:38px auto 0;padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--surface-soft) 92%,transparent));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04);overflow:hidden;position:relative}.support-section::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-180px;top:-220px;background:var(--atmo-a);filter:blur(55px);pointer-events:none}.support-copy{position:relative;max-width:760px}.support-copy h2{font-size:clamp(1.65rem,3.4vw,2.6rem);line-height:1.15;letter-spacing:-.045em;margin:8px 0 13px}.support-copy p{font-size:1rem;line-height:1.75;color:var(--muted);margin:0}.support-copy .support-promise{font-size:.9rem;color:var(--accent);margin-top:12px;font-weight:650}.support-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);gap:14px;margin-top:30px;position:relative}.donation-card,.donor-sky{border:1px solid var(--line);border-radius:20px;background:var(--surface-soft)}.donation-card{padding:22px;display:grid;grid-template-columns:44px 1fr;align-content:start;gap:2px 13px}.donation-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);grid-row:1}.donation-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.donation-card h3,.donor-sky h3{font-size:1rem;line-height:1.35;margin:0}.donation-card p{color:var(--muted);font-size:.86rem;line-height:1.6;margin:6px 0 0}.paypal-button{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:19px;padding:12px 15px;border-radius:13px;background:linear-gradient(120deg,var(--play-a),var(--play-b));color:var(--accent-ink);font-size:.88rem;font-weight:750;text-decoration:none;box-shadow:0 12px 28px color-mix(in srgb,var(--play-shadow) 62%,transparent);transition:transform .2s,filter .2s}.paypal-button[hidden]{display:none}.paypal-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.paypal-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.paypal-button svg{width:20px;height:20px;fill:currentColor}.donor-sky{min-height:260px;padding:19px;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 34%),radial-gradient(circle at 87% 92%,color-mix(in srgb,var(--accent-3) 14%,transparent),transparent 38%),color-mix(in srgb,var(--bg-deep) 82%,var(--surface))}.donor-sky-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.donor-sky-head .eyebrow{font-size:.62rem}.donor-count{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 8px;white-space:nowrap}.donor-stars{position:absolute;inset:64px 12px 38px}.donor-stars[hidden]{display:none}.donor-star{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent),0 0 13px color-mix(in srgb,var(--accent) 46%,transparent);transform:translate(-50%,-50%);animation:donorTwinkle 4.8s var(--delay) ease-in-out infinite alternate}.donor-star-1{background:var(--accent-2);box-shadow:0 0 5px var(--accent-2),0 0 13px color-mix(in srgb,var(--accent-2) 46%,transparent)}.donor-star-2{background:var(--accent-3);box-shadow:0 0 5px var(--accent-3),0 0 13px color-mix(in srgb,var(--accent-3) 46%,transparent)}.donor-star:nth-child(4n)::before,.donor-star:nth-child(7n)::before{content:"";position:absolute;inset:-3px;clip-path:polygon(48% 0,58% 40%,100% 50%,58% 59%,50% 100%,41% 59%,0 50%,41% 40%);background:currentColor;opacity:.8}.donor-empty{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-30%);text-align:center;color:var(--muted);font-size:.85rem}.donor-empty[hidden]{display:none}.donor-note{position:absolute;z-index:2;left:19px;right:19px;bottom:12px;margin:0;color:var(--subtle);font-size:.68rem;line-height:1.35;text-align:center}.support-section+.project-signature{margin-top:22px}
@keyframes donorTwinkle{to{opacity:.42;transform:translate(-50%,-50%) scale(.72)}}

/* Diskretan potpis ostalih projekata */
.project-signature{display:flex;align-items:center;justify-content:center;gap:18px;margin:32px auto 116px;padding:14px 18px;color:var(--muted);opacity:.64;transition:opacity .2s}.project-signature:hover{opacity:1}.project-divider{width:1px;height:25px;background:var(--line)}.project-logo{display:block;width:auto;height:34px;color:var(--muted);border-radius:10px;outline-offset:5px;transition:color .2s,transform .2s,filter .2s}.project-logo:hover{color:var(--accent);transform:translateY(-1px);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 24%,transparent))}.project-logo:focus-visible{outline:2px solid var(--accent)}.project-logo svg{display:block;height:34px;width:auto;fill:currentColor;overflow:visible}.niky-logo svg{width:136px}.niky-logo text{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:800;letter-spacing:.4px;fill:currentColor}.niky-logo .niky-sub{font-size:8.5px;font-weight:650;letter-spacing:2px}.niky-star{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.needit-logo svg{width:120px}.needit-logo text{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:780;letter-spacing:-1px;fill:currentColor}

@media(max-width:760px){.support-section{border-radius:22px;padding:24px 18px}.support-grid{grid-template-columns:1fr}.donor-sky{min-height:250px}.support-copy p{font-size:.95rem}.support-section+.project-signature{margin-top:15px}}
@media(max-width:520px){.project-signature{gap:12px;margin-bottom:106px;padding-inline:6px}.niky-logo svg{width:116px}.needit-logo svg{width:104px}.project-divider{height:22px}.donation-card{grid-template-columns:40px 1fr;padding:18px}.donation-mark{width:40px;height:40px}.paypal-button{grid-column:1/3}.donor-sky{min-height:230px;padding:16px}.donor-note{left:14px;right:14px;font-size:.65rem}}

.paypal-hosted-wrap{grid-column:1/3;margin-top:18px;min-height:46px}.paypal-hosted-container{width:100%;min-height:43px}.paypal-hosted-container iframe{max-width:100%!important}.paypal-status{margin:0!important;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--muted)!important;font-size:.76rem!important;line-height:1.45!important;text-align:center}.paypal-status[hidden]{display:none}.paypal-status.is-error{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 28%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}
.support-thanks{grid-column:1/3;margin:10px 0 0!important;text-align:center;color:var(--accent)!important;font-size:.78rem!important;font-weight:650}

@media(max-width:520px){.paypal-hosted-wrap{grid-column:1/3}}
.audio-rack {
  position: fixed;
  width: 1px;
  height: 1px;
  inset: auto auto 0 0;
  overflow: hidden;
  clip-path: inset(50%);
  pointer-events: none;
}