:root{--maroon-deep: #3E0F18;--maroon: #5C1A26;--gold: #C9962C;--gold-bright: #E0B450;--ivory: #F6EFE2;--sandal: #4B6355;--ink: #2A1712;--thread: #D8B24A;--danger: #A23B2E;--radius: 14px;--font-display: "Fraunces", serif;--font-kannada: "Noto Serif Kannada", serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body,#root{height:100%}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--font-body);background-image:radial-gradient(circle at 10% 0%,rgba(92,26,38,.05),transparent 40%),radial-gradient(circle at 90% 10%,rgba(201,150,44,.08),transparent 40%)}button{font-family:inherit;cursor:pointer;border:none;background:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--sandal);outline-offset:2px}input{font-family:inherit}.app-shell{max-width:980px;margin:0 auto;padding:28px 20px 120px}.app-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;gap:12px;flex-wrap:wrap}.app-title{font-family:var(--font-kannada);font-weight:700;font-size:34px;color:var(--maroon-deep);margin:0;display:flex;align-items:baseline;gap:10px}.app-title small{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--sandal);letter-spacing:.12em;text-transform:uppercase}.settings-btn{color:var(--maroon);font-weight:600;font-size:14px;padding:8px 14px;border:1.5px solid var(--maroon);border-radius:999px;background:transparent;transition:background .15s,color .15s}.settings-btn:hover{background:var(--maroon);color:var(--ivory)}.search-row{display:flex;gap:8px;margin-bottom:10px}.search-row input[type=text]{flex:1;padding:13px 16px;border:2px solid var(--maroon);border-radius:var(--radius);font-size:16px;background:#fff;color:var(--ink)}.search-row button.go{background:var(--maroon);color:var(--ivory);padding:0 22px;border-radius:var(--radius);font-weight:600;font-size:15px}.search-row button.go:disabled{opacity:.5;cursor:not-allowed}.search-options{display:flex;align-items:center;gap:18px;margin-bottom:20px;font-size:14px;color:var(--maroon-deep);flex-wrap:wrap}.toggle-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--gold);background:#c9962c14;font-weight:500;-webkit-user-select:none;user-select:none}.toggle-pill input{accent-color:var(--maroon)}.mode-toggle{display:inline-flex;border:1.5px solid var(--maroon);border-radius:999px;overflow:hidden}.mode-toggle button{padding:6px 16px;font-size:13px;font-weight:600;color:var(--maroon)}.mode-toggle button.active{background:var(--maroon);color:var(--ivory)}.section-label{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sandal);margin:26px 0 10px}.results-list{display:flex;flex-direction:column;gap:8px}.result-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(92,26,38,.12);border-radius:var(--radius);padding:8px;transition:border-color .15s}.result-card:hover{border-color:var(--gold)}.result-card img{width:56px;height:56px;object-fit:cover;border-radius:10px;flex-shrink:0}.result-meta{flex:1;min-width:0}.result-meta .title{font-weight:600;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta .channel{font-size:12.5px;color:#7a6a63;margin-top:2px}.kn-badge{display:inline-block;font-family:var(--font-kannada);font-size:11px;background:var(--sandal);color:#fff;padding:1px 7px;border-radius:999px;margin-right:6px;vertical-align:middle}.result-actions{display:flex;gap:6px;flex-shrink:0}.icon-btn{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--maroon);background:#5c1a260f;font-size:16px}.icon-btn:hover{background:var(--maroon);color:var(--ivory)}.icon-btn.gold{color:var(--gold-bright)}.garland-wrap{position:relative;padding:18px 6px 6px;overflow-x:auto}.garland-thread{position:absolute;left:6px;right:6px;top:44px;height:2px;background:repeating-linear-gradient(90deg,var(--thread) 0 6px,transparent 6px 10px);z-index:0}.garland-beads{position:relative;z-index:1;display:flex;gap:22px;padding-bottom:4px}.bead{flex-shrink:0;width:64px;text-align:center;cursor:grab}.bead.drag-over img{border-color:var(--sandal);transform:scale(1.08)}.bead img{transition:transform .12s,border-color .12s}.bead img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);background:#fff}.bead.now-playing img{border-color:var(--maroon);animation:bead-pulse 1.8s ease-in-out infinite}@keyframes bead-pulse{0%,to{box-shadow:0 0 #5c1a2659}50%{box-shadow:0 0 0 6px #5c1a2600}}.bead .bead-label{display:block;font-size:10.5px;margin-top:4px;color:var(--maroon-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bead .remove{font-size:10px;color:var(--danger);background:none;margin-top:1px}.empty-note{font-size:13.5px;color:#8a7a72;padding:10px 2px}.player-bar{position:fixed;bottom:0;left:0;right:0;background:var(--maroon-deep);color:var(--ivory);padding:6px 20px 10px;box-shadow:0 -6px 24px #00000040;z-index:10}.seek-row{display:flex;align-items:center;gap:8px;padding:4px 0 2px}.seek-row .time{font-size:10.5px;color:var(--gold-bright);width:34px;flex-shrink:0;text-align:center}.seek-slider,.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:#f6efe240;outline:none}.seek-slider{flex:1}.seek-slider::-webkit-slider-thumb,.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--gold-bright);cursor:pointer;border:none}.seek-slider::-moz-range-thumb,.volume-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--gold-bright);cursor:pointer;border:none}.seek-slider:disabled{opacity:.35}.player-bar-main{display:flex;align-items:center;gap:16px}.player-bar .now{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.player-bar .now img{width:42px;height:42px;border-radius:8px;object-fit:cover}.player-bar .now .txt{min-width:0}.player-bar .now .txt .t{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.player-bar .now .txt .s{font-size:11.5px;color:var(--gold-bright)}.player-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.player-controls button{color:var(--ivory);font-size:20px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center}.player-controls button:hover{background:#ffffff1f}.player-controls button.play-main{background:var(--gold);color:var(--maroon-deep);font-size:20px}.player-controls button.play-main:hover{background:var(--gold-bright)}.volume-row{display:flex;align-items:center;gap:8px;width:130px;flex-shrink:0}.vol-icon{font-size:14px}.volume-slider{width:90px}.video-frame-wrap{position:fixed;bottom:68px;right:20px;width:300px;z-index:9;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px #0000004d;border:2px solid var(--gold)}.video-frame-wrap.hidden-audio{width:0;height:0;overflow:hidden;border:none;box-shadow:none}.upload-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.upload-btn{border:1.5px dashed var(--maroon);color:var(--maroon);padding:9px 16px;border-radius:var(--radius);font-size:13.5px;font-weight:600}.upload-btn:hover{background:#5c1a260f}.storage-hint{font-size:12.5px;color:#8a7a72}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a17128c;display:flex;align-items:center;justify-content:center;z-index:20;padding:20px}.modal-card{background:var(--ivory);border-radius:18px;max-width:460px;width:100%;padding:26px;box-shadow:0 20px 50px #0000004d}.modal-card h2{font-family:var(--font-display);color:var(--maroon-deep);margin-top:0;font-size:21px}.modal-card ol{font-size:13.5px;line-height:1.6;padding-left:20px;color:var(--ink)}.modal-card input[type=text],.modal-card input[type=password]{width:100%;padding:11px 14px;border-radius:10px;border:1.5px solid var(--maroon);font-size:14px;margin:10px 0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button.save{background:var(--maroon);color:var(--ivory);padding:9px 20px;border-radius:999px;font-weight:600}.modal-actions button.cancel{color:var(--maroon);padding:9px 14px}.status-line{font-size:13px;color:var(--danger);margin:6px 0 14px}@media (max-width: 640px){.app-shell{padding:18px 14px 150px}.app-header{gap:8px}.app-title{font-size:26px}.app-title small{display:block;font-size:11px;margin-top:2px}.search-row{flex-wrap:wrap}.search-row input[type=text]{flex-basis:100%}.search-row button.go{flex:1;padding:12px}.search-options{gap:10px}.video-frame-wrap{left:12px;right:12px;width:auto;bottom:132px}.video-frame-wrap iframe{width:100%!important}.player-bar{padding:6px 12px 10px}.player-bar-main{flex-wrap:wrap;gap:10px}.player-bar .now{flex-basis:100%;order:1}.player-bar .now .txt .t{max-width:100%}.player-controls{order:3;margin:0 auto}.volume-row{order:2;width:auto;flex:1}.volume-slider{flex:1;width:auto}.bead{width:56px}.bead img{width:48px;height:48px}.modal-card{padding:20px}}@media (max-width: 380px){.app-title{font-size:22px}.player-controls button{width:34px;height:34px;font-size:17px}}