.wof{--cy:#3ff2ff;--vi:#a071ff;--ink:#04061a;color:#fff;font-family:var(--font-heebo),system-ui,sans-serif;direction:rtl;background:radial-gradient(70% 45% at 85% 0,#a071ff4d,#0000 70%),radial-gradient(60% 40% at 10% 100%,#3ff2ff24,#0000 70%),linear-gradient(#0a0d35 0%,#05071f 100%);border:1px solid #a071ff52;border-radius:28px;margin:40px 0;padding:32px 16px 28px;box-shadow:0 0 50px #a071ff2e}@media (min-width:640px){.wof{padding:44px 32px 36px}}.wof *{box-sizing:border-box}.wof-head{text-align:center;margin-bottom:26px}.wof-eyebrow{color:var(--cy);border:1.5px solid #3ff2ff99;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 0 14px #3ff2ff33}.wof-h2{font-family:var(--font-karantina),var(--font-heebo),sans-serif;background:linear-gradient(90deg,#fff 0%,#d6c6ff 45%,var(--cy) 100%);color:#0000;text-shadow:0 0 30px #a071ff40;-webkit-background-clip:text;background-clip:text;margin:14px 0 8px;font-size:clamp(40px,10vw,68px);font-weight:700;line-height:1}.wof-sub{color:#ffffffb8;max-width:52ch;margin:0 auto;font-size:15px;line-height:1.6}.wof-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.wof-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.wof-grid{grid-template-columns:repeat(3,1fr)}}.wof-card{background:linear-gradient(#181246d9,#080a24eb);border:1px solid #a071ff47;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.wof-card.is-featured{border-color:#3ff2ffb3;box-shadow:0 0 26px #3ff2ff38}.wof-star{top:10px;z-index:2;background:linear-gradient(90deg,var(--vi),var(--cy));color:var(--ink);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;position:absolute;inset-inline-start:10px}.wof-video{aspect-ratio:16/9;background:#000;position:relative}.wof-body{flex-direction:column;flex:1;align-items:flex-start;gap:6px;padding:16px 16px 18px;display:flex}.wof-card.is-featured:not(:has(.wof-video)) .wof-body{padding-top:44px}.wof-chip{letter-spacing:.04em;color:#fffc;background:#ffffff14;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.wof-chip.k-suno{color:#d6c6ff;background:#a071ff33}.wof-chip.k-youtube{color:#ffb3b3;background:#ff464629}.wof-chip.k-soundcloud{color:#ffc999;background:#ff8c2829}.wof-chip.k-spotify{color:#9ff0bb;background:#1ed76029}.wof-title{font-family:var(--font-karantina),var(--font-heebo),sans-serif;margin:2px 0 0;font-size:32px;font-weight:700;line-height:1.05}.wof-by{color:var(--cy);margin:0;font-size:14px;font-weight:700}.wof-how{color:#ffffffbf;margin:2px 0 0;font-size:14px;line-height:1.55}.wof-play{color:#fff;border:1.5px solid #3ff2ffb3;border-radius:999px;align-items:center;gap:8px;margin-top:auto;padding:10px 18px;font-size:15px;font-weight:800;text-decoration:none;transition:background .15s;display:inline-flex}.wof-body .wof-play{margin-top:10px}.wof-play:hover{background:#3ff2ff24}.wof-play span{color:var(--cy);font-size:12px}.wof-empty{text-align:center;background:#a071ff0f;border:1.5px dashed #a071ff73;border-radius:22px;padding:30px 18px}.wof-empty-ico{filter:drop-shadow(0 0 16px #a071ffb3);font-size:44px;line-height:1}.wof-empty h3{font-family:var(--font-karantina),var(--font-heebo),sans-serif;margin:12px 0 6px;font-size:clamp(30px,7vw,40px);font-weight:700;line-height:1.1}.wof-empty p{color:#ffffffb8;max-width:46ch;margin:0 auto;font-size:15px;line-height:1.6}.wof-share{margin-top:22px}.wof-cta,.wof-ok{background:#3ff2ff12;border:1px solid #3ff2ff4d;border-radius:18px;flex-direction:column;align-items:stretch;gap:12px;padding:16px;display:flex}@media (min-width:640px){.wof-cta{flex-direction:row;justify-content:space-between;align-items:center}}.wof-cta b,.wof-ok b{font-size:17px;display:block}.wof-cta span,.wof-ok span{color:#ffffffb8;font-size:14px;display:block}.wof-btn{cursor:pointer;background:linear-gradient(90deg,var(--vi),var(--cy));color:var(--ink);border:0;border-radius:999px;padding:12px 22px;font-family:inherit;font-size:16px;font-weight:800;box-shadow:0 0 22px #a071ff73}.wof-btn:disabled{opacity:.55;cursor:default}.wof-link{font:inherit;color:var(--cy);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:6px 4px;font-size:14px;font-weight:700;text-decoration:underline}.wof-form{background:#080a24bf;border:1px solid #a071ff59;border-radius:20px;gap:12px;padding:18px 16px;display:grid}.wof-form h3{font-family:var(--font-karantina),var(--font-heebo),sans-serif;margin:0 0 2px;font-size:30px;font-weight:700}.wof-form label{gap:5px;font-size:14px;font-weight:700;display:grid}.wof-form label em{color:#ffffff8c;font-style:normal;font-weight:400}.wof-form input[type=text],.wof-form input:not([type]){width:100%;font:inherit;color:#fff;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;outline:none;padding:11px 13px;font-size:16px;font-weight:400}.wof-form input:not([type]):focus{border-color:var(--cy);box-shadow:0 0 0 3px #3ff2ff2e}.wof-form input::placeholder{color:#ffffff59}.wof-form small{color:#ffffff80;font-size:12px;font-weight:400}.wof-form .wof-check{cursor:pointer;align-items:flex-start;gap:10px;font-weight:600;display:flex}.wof-check input{width:20px;height:20px;accent-color:var(--vi);flex-shrink:0;margin:1px 0 0}.wof-err{color:#ffb3b3;margin:0;font-size:14px;font-weight:700}.wof-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wof-fine{color:#ffffff80;margin:0;font-size:12px;line-height:1.6}.wof-fine a{color:var(--cy)}.wof-mine{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.wof-mine li{background:#ffffff0d;border-radius:12px;justify-content:space-between;gap:10px;padding:8px 12px;font-size:13px;display:flex}.wof-mine em{font-style:normal;font-weight:800}.wof-mine .s-pending{color:#ffd28a}.wof-mine .s-approved{color:#9ff0bb}.wof-mine .s-rejected{color:#ffffff73}