:root{--bg:#f6efe3;--card:#fffaf0;--ink:#1b2a22;--g:#0f4d3a;--g2:#0a3527;--s:#f2a31b;--r:#c8432b;--line:#e3d6bd;--mut:#6b6a58}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}.odc{font-family:Georgia,Times New Roman,serif;color:var(--ink);max-width:760px;margin:0 auto;background:var(--bg);min-height:100vh;box-shadow:0 0 0 1px var(--line)}.odc button,.odc input{font-family:system-ui,sans-serif}.odc a{cursor:pointer}.demo{background:var(--ink);color:#f6efe3;font:600 12px/1.4 system-ui,sans-serif;text-align:center;padding:7px 10px;letter-spacing:.02em}.top{background:radial-gradient(120% 140% at 15% 0,#1a7a5a,var(--g2));color:#fff;padding:22px 18px 18px;text-align:center;border-bottom:4px solid var(--s)}.brand{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.eq{display:flex;align-items:flex-end;gap:3px;height:38px}.eq i{width:6px;border-radius:2px;background:var(--s)}.eq i:nth-child(1){height:40%}.eq i:nth-child(2){height:80%}.eq i:nth-child(3){height:100%}.eq i:nth-child(4){height:65%}.eq i:nth-child(5){height:45%}.bn{font-size:clamp(28px,8vw,44px);font-weight:700;letter-spacing:-.01em}.bn b{color:var(--s)}.bn small{font-size:.4em;color:#cfe6dc;margin-left:2px;font-weight:400}.top p{margin:6px 0 0;font:500 13px system-ui,sans-serif;color:#cfe6dc}.menu{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.odc .menu button{min-height:64px;padding:8px 6px;border:2px solid var(--g);border-radius:10px;background:var(--card);color:var(--g2);font:700 14px/1.2 system-ui,sans-serif;cursor:pointer}@media (max-width:420px){.menu{gap:6px;padding:8px}.menu button{font-size:12.5px}}.search{display:flex;gap:8px;margin:0 10px 12px;padding:10px;border-radius:12px;background:var(--s);justify-content:center}.search input{flex:1;min-width:0;max-width:340px;min-height:44px;padding:0 12px;border:0;border-radius:8px;font-size:16px;background:#fff}.odc .search button{min-height:44px;padding:0 16px;border:0;border-radius:8px;background:var(--g2);color:#fff;font-weight:700;cursor:pointer}main{padding:0 10px 14px}.pills{display:grid;gap:8px;margin-bottom:12px;text-align:center}.pills a{display:block;padding:10px 14px;border-radius:99px;color:#fff;font:700 clamp(14px,3.6vw,18px) system-ui,sans-serif}.p1{background:var(--r)}.strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px;scroll-snap-type:x mandatory}.strip button{flex:none;border:0;padding:0;background:none;scroll-snap-align:start;cursor:pointer}.thumb{--h:20;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border-radius:10px;background:linear-gradient(145deg,hsl(var(--h),70%,52%),hsl(calc(var(--h) + 40),65%,28%));color:#fff;flex:none;font-family:system-ui,sans-serif}.thumb b{font-size:20px;line-height:1}.thumb i{font-style:normal;font-size:9px;letter-spacing:.14em;opacity:.85;margin-top:3px}.thumb.big{width:140px;height:140px;border-radius:14px}.thumb.big b{font-size:46px}.thumb.big i{font-size:11px}.block{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}.block h2{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:10px 12px;background:var(--g2);color:#fff;font:700 17px system-ui,sans-serif}.odc .block h2 button{border:0;border-radius:99px;background:var(--s);color:var(--g2);font-weight:800;font-size:13px;padding:0 14px;min-height:34px;cursor:pointer}.block h2.wrap{align-items:flex-start}.share{background:#1fa855!important;color:#fff!important}.rows,.rel{list-style:none;margin:0;padding:6px;display:grid;gap:6px}.rows li button{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;cursor:pointer;color:inherit}.rows li:nth-child(odd) button{background:#f7f1e4}.rows li button:hover{border-color:var(--g)}.rt{min-width:0;display:flex;flex-direction:column}.rt strong{font:700 16px/1.25 system-ui,sans-serif;color:var(--g2);overflow-wrap:anywhere}.rt em{color:var(--r);font:italic 14px system-ui,sans-serif}.rt small{color:#1f3b8a;font:italic 13px system-ui,sans-serif}.rt small.tot{color:#1a7a35;font-style:normal;font-weight:700;font-size:14px}.folder{flex:none;width:60px;height:60px;border-radius:10px;background:var(--g2);position:relative}.folder:after{content:"";position:absolute;left:14px;top:20px;width:32px;height:24px;border-radius:3px 3px 4px 4px;background:var(--s)}.empty{padding:20px;text-align:center;color:var(--mut)}.crumb{padding:6px 4px 10px;font:14px system-ui,sans-serif;color:var(--mut)}.crumb a{color:var(--g);font-weight:700}.cover{display:grid;place-items:center;padding:14px}.cover .thumb.big{width:min(70vw,260px);height:min(70vw,260px)}.cover .thumb.big b{font-size:80px}.info{width:calc(100% - 12px);margin:0 6px 8px;border-collapse:separate;border-spacing:0 6px;font-family:system-ui,sans-serif}.info th,.info td{padding:12px;background:#f0e8d6;text-align:left;vertical-align:top}.info th{width:34%;font-weight:500;border-radius:8px 0 0 8px}.info td{font-weight:700;border-radius:0 8px 8px 0}.info .cat{color:var(--g)}.info .add{color:#8a3a7a}.dlwrap{display:grid;gap:8px;padding:6px 6px 14px;text-align:center}.odc .dlbtn{min-height:52px;border:0;border-radius:10px;background:linear-gradient(var(--s),#e08a0c);color:#2a1a00;font:800 18px system-ui,sans-serif;cursor:pointer}.alt{padding:10px;border-radius:10px;background:var(--g);color:#fff;font:700 14px system-ui,sans-serif}.rel li button{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;font:700 15px system-ui,sans-serif;color:var(--g2);cursor:pointer;overflow-wrap:anywhere}.rel small{display:block;font-weight:400;color:var(--mut);margin-top:2px}.tags p,.pad{margin:0;padding:12px;font:13px/1.6 system-ui,sans-serif;color:var(--mut)}footer{background:var(--g2);color:#e8f1ec;text-align:center;padding:16px 10px;font:14px/1.9 system-ui,sans-serif}footer a{color:#fff;font-weight:600;white-space:nowrap}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:50;max-width:calc(100% - 28px);padding:12px 18px;border-radius:10px;background:var(--ink);color:#fff;font:600 14px system-ui,sans-serif;box-shadow:0 8px 30px #0000004d}:root{--bg:#f7f1e6;--card:#fffdf8;--g:#0f4d3a;--g2:#0a3527;--s:#f2a31b;--line:#e6dcc6}html,body,#root{background:#ece3d2}.odc{background:var(--bg);box-shadow:0 0 0 1px var(--line),0 12px 40px #0a35271f;font-family:Georgia,Times New Roman,serif}.demo{background:#1b2a22;font-weight:500}.top{background:linear-gradient(180deg,#0f4d3a,#0a3527);border-bottom:4px solid var(--s);padding:26px 18px 22px}.eq{display:none}.bn{font-weight:700;letter-spacing:.01em}.menu{gap:8px;padding:12px 10px}.odc .menu button{border:1px solid var(--g);border-bottom-width:3px;border-radius:8px;background:#fff;color:var(--g2);font-weight:700;box-shadow:0 1px 2px #0000000f}.menu button:hover{background:var(--g);color:#fff}.search{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 3px #0000000f}.search input{border:1px solid #d8ccb3;background:#fffdf8}.odc .search button{background:var(--g);color:#fff;border-radius:8px}.pills a{border-radius:8px;box-shadow:0 1px 3px #0000001f;font-weight:700}.p1{background:#c8432b}.p2{background:var(--g)}.p3{background:#5a3e8f}.block{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.block>h2{margin:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--g);color:#fff;font:700 17px system-ui,sans-serif;border-bottom:3px solid var(--s)}.odc .block>h2 button{background:var(--s);color:#2a1a00;border:0;border-radius:6px;padding:5px 12px;font:800 13px system-ui,sans-serif;cursor:pointer}.rows{list-style:none;margin:0;padding:10px;display:grid;gap:8px}.rows li button{border-radius:8px;border:1px solid var(--line);background:#fff;box-shadow:none}.rows li:nth-child(odd) button{background:#fbf6ea}.rows li button:hover{border-color:var(--g);background:#f1f7f3}.rt strong{color:var(--g2)}.thumb{border-radius:8px;box-shadow:0 1px 3px #00000040}.strip .thumb{border-radius:8px}.odc .dlbtn{border-radius:8px;box-shadow:0 2px 6px #e08a0c66}footer{background:var(--g2)}.strip .thumb.big{width:96px;height:96px;border-radius:10px}.strip .thumb.big b{font-size:32px}.strip{gap:10px;padding:2px 2px 10px}@media (max-width:480px){.menu{grid-template-columns:repeat(2,1fr)}.odc .menu button{min-height:54px;font-size:14px}.strip .thumb.big{width:84px;height:84px}}.logo{flex:none;width:52px;height:52px;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#0b2a20 0,#0b2a20 2px,#12382b 2px,#12382b 4px);border:2px solid var(--s);display:grid;place-items:center;box-shadow:0 2px 8px #00000059}.logo u{width:20px;height:20px;border-radius:50%;background:var(--s);box-shadow:inset 0 0 0 5px var(--s),0 0 0 3px #0b2a20;position:relative}.logo u:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#0a3527}.bn{font-family:Georgia,serif;font-weight:800;letter-spacing:.01em}.bn b{background:var(--s);color:var(--g2);padding:0 6px;border-radius:6px;margin:0 2px;font-style:normal}.top p{letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}.thumb{position:relative;overflow:hidden}.thumb .disc{display:grid;place-items:center;width:76%;height:76%;border-radius:50%;background:repeating-radial-gradient(circle,#0000008c 0,#0000008c 1.5px,#00000059 1.5px,#00000059 3px);text-decoration:none;box-shadow:0 2px 6px #00000059}.thumb .disc b{display:grid;place-items:center;width:44%;height:44%;border-radius:50%;background:hsl(var(--h),80%,60%);color:#1b1208;font-size:max(11px,.28em);font-weight:800}.thumb.big .disc b{font-size:20px}.cover .thumb.big .disc b{font-size:34px}.thumb i{position:absolute;left:0;right:0;bottom:3px;margin:0;text-align:center;font-size:8px}.thumb.big i{font-size:10px;bottom:6px}.thumb{width:64px;height:64px}.rows li button{padding:8px 10px;gap:14px;min-height:80px}.rt{flex:1;gap:3px}.rt strong{font-size:16px;font-weight:800}.rt em{font:700 11.5px system-ui,sans-serif;font-style:normal;align-self:flex-start;background:#fbe9c8;color:#8a4b00;padding:2px 8px;border-radius:99px}.rt small{color:#8a8a7a;font:12.5px system-ui,sans-serif;font-style:normal}.rt small.tot{color:#1a7a35}.go{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--g);color:#fff;font:700 22px/1 system-ui,sans-serif;padding-bottom:3px}.rows li button:hover .go{background:var(--s);color:var(--g2)}.cover{padding:18px 14px 8px}.cover .thumb.big{width:min(68vw,250px);height:min(68vw,250px);border-radius:16px;box-shadow:0 8px 22px #0a35274d}.odc .dlbtn{min-height:58px;font-size:19px}.alt{padding:12px}@media (max-width:480px){.strip .thumb.big{width:92px;height:92px}}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.chips a{padding:8px 14px;border-radius:99px;background:var(--g);color:#fff;font:700 14px system-ui,sans-serif;border:1px solid var(--g2)}.chips a:hover{background:var(--s);color:var(--g2)}.block .strip{padding:12px;margin:0;overflow-x:auto}.adm-note{margin:0;padding:12px 14px;font:14px/1.5 system-ui,sans-serif;background:#fff6dd;border-bottom:1px solid var(--line)}.adm-msg{margin:0;padding:10px 14px;font:600 14px system-ui,sans-serif;background:#e6f3ec;color:var(--g2)}.adm-body{padding:12px 14px;display:grid;gap:10px}.adm input:not([type=checkbox]),.adm select{min-height:44px;padding:0 10px;border:1px solid #d8ccb3;border-radius:8px;font-size:16px;background:#fffdf8;min-width:0;width:100%;box-sizing:border-box}.adm input:disabled{background:#eee;color:#777}.adm button{min-height:40px;padding:0 14px;border:0;border-radius:8px;background:var(--g);color:#fff;font:700 14px system-ui,sans-serif;cursor:pointer}.adm button.danger{background:#fff;color:var(--r);border:1px solid var(--r)}.adm h2 button{background:var(--s)}.adm-add{display:flex;gap:8px}.adm-add input{flex:1}.adm-list{list-style:none;margin:0;padding:10px 14px;display:grid;gap:8px}.adm-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fbf6ea}.adm-list li input{flex:1 1 100%}.adm-list li small{flex:1;font:13px system-ui,sans-serif;color:var(--mut)}.adm-form label,.adm-sw span{display:grid;gap:4px;font:600 14px system-ui,sans-serif}.adm-sw{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.adm-sw span{width:100%}.adm-sw button{width:36px;min-height:36px;padding:0;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.adm-sw button.on{box-shadow:0 0 0 3px var(--g2)}.adm-go{min-height:46px!important;background:var(--g2)!important}.adm-songs li{flex-wrap:nowrap}.adm-t{flex:1;min-width:0;display:grid}.adm-t strong{font:700 14px system-ui,sans-serif;overflow-wrap:anywhere}.adm-t small{flex:none}.adm-dot{width:22px;height:22px;border-radius:50%;flex:none}.adm-reset{background:#fff!important;color:var(--g2)!important;border:1px solid var(--g)!important}.thumb.photo img{width:100%;height:100%;object-fit:cover;display:block}.player{width:100%;margin-bottom:8px}a.dla{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.dlwrap .dlbtn+.dlbtn{margin-top:8px}.adm-prev{display:flex;align-items:center;gap:10px}.adm-prev img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.adm-hint{font:13px/1.4 system-ui,sans-serif;color:var(--mut)}.adm input[type=file]{padding:8px 10px;height:auto}img.adm-dot{object-fit:cover;border-radius:6px}a.dla{display:flex;align-items:center;justify-content:center;min-height:48px;line-height:1.2}.adm input[type=file]::file-selector-button{margin-right:10px;padding:8px 14px;border:0;border-radius:8px;background:var(--g);color:#fff;font:700 14px system-ui,sans-serif;cursor:pointer}.selnote{margin:0 0 8px;padding:8px 10px;border-radius:8px;background:#fff6dd;font:13px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}.dlbtn.pv{display:block;width:100%}.adm-err{margin:0;padding:8px 10px;border-radius:8px;background:#fdeae6;color:#a12c17;font:600 13px/1.4 system-ui,sans-serif}.player{width:100%;margin:8px 0;border-radius:10px}a.dlbtn{display:inline-block;text-align:center;text-decoration:none}