:root{--tarang-background: #FFFBE9;--tarang-surface: #E3CAA5;--tarang-text: #2B211A;--tarang-accent: #CEAB93;--tarang-accent-hover: #AD8B73;--tarang-border: #E3CAA5;--tarang-button-text: #2B211A;color-scheme:light}.dark{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--tarang-background);color:var(--tarang-text);transition:background .18s ease,color .18s ease}img,video{max-width:100%;display:block}a{color:inherit}a:hover{color:var(--tarang-accent-hover)}button,input{font-family:inherit}.bg-background{background:var(--tarang-background)}.bg-background-soft{background:color-mix(in srgb,var(--tarang-background) 80%,var(--tarang-surface) 20%)}.bg-surface{background:var(--tarang-surface)}.bg-surface-soft{background:color-mix(in srgb,var(--tarang-surface) 70%,var(--tarang-background) 30%)}.bg-accent{background:var(--tarang-accent)}.bg-accent-hover{background:var(--tarang-accent-hover)}.text-text{color:var(--tarang-text)}.text-soft{color:color-mix(in srgb,var(--tarang-text) 70%,var(--tarang-background) 30%)}.text-accent{color:var(--tarang-accent)}.border-border{border-color:var(--tarang-border)}.border-soft{border-color:color-mix(in srgb,var(--tarang-border) 65%,var(--tarang-background) 35%)}.shadow-panel{box-shadow:0 12px 30px -20px #2b211a73}.transition-theme{transition:background .18s ease,color .18s ease,border-color .18s ease}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;border-bottom:1px solid var(--tarang-border);background:var(--tarang-background)}.brand{display:flex;flex-direction:column;gap:.25rem}.brand-title{font-size:1.5rem;font-weight:700;margin:0}.brand-subtitle{margin:0;font-size:.95rem}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--tarang-border) 85%,var(--tarang-background) 15%);background:var(--tarang-surface);color:var(--tarang-text);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.theme-toggle:hover{background:color-mix(in srgb,var(--tarang-surface) 65%,var(--tarang-background) 35%)}.theme-toggle[aria-pressed=true]{background:var(--tarang-accent);color:var(--tarang-button-text)}.main-content{flex:1;display:flex;justify-content:center;padding:2rem 1rem 4rem}.content-width{width:min(960px,100%);display:grid;gap:1.5rem}.panel{padding:1.5rem;border-radius:18px;border:1px solid var(--tarang-border);background:var(--tarang-surface)}.player-card{display:grid;gap:1.25rem}.button-primary{border:none;border-radius:12px;padding:.75rem 1.5rem;background:var(--tarang-accent);color:var(--tarang-button-text);font-weight:600;cursor:pointer;transition:background .16s ease,transform .16s ease}.button-primary:hover{background:var(--tarang-accent-hover);transform:translateY(-1px)}.button-primary:focus-visible{outline:3px solid color-mix(in srgb,var(--tarang-accent) 45%,transparent);outline-offset:3px}.field-group{display:grid;gap:.75rem}.label{font-weight:600}.url-input{width:100%;padding:.75rem 1rem;font-size:1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--tarang-border) 80%,var(--tarang-background) 20%);background:var(--tarang-background);color:var(--tarang-text);transition:border-color .16s ease,background .16s ease}.url-input:hover{border-color:color-mix(in srgb,var(--tarang-accent) 40%,var(--tarang-border) 60%)}.url-input:focus{outline:none;border-color:var(--tarang-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tarang-accent) 35%,transparent)}.media-frame{width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--tarang-border);background:var(--tarang-background)}.media-element{width:100%;display:block;background:#000}.divider{height:1px;background:color-mix(in srgb,var(--tarang-border) 80%,transparent)}.history-list{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.history-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem 1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--tarang-border) 75%,var(--tarang-background) 25%);background:color-mix(in srgb,var(--tarang-surface) 50%,var(--tarang-background) 50%);transition:border-color .16s ease,background .16s ease}.history-item button{border-radius:10px;border:none;padding:.4rem .8rem;background:var(--tarang-accent);color:var(--tarang-button-text);cursor:pointer;transition:background .16s ease}.history-item button:hover{background:var(--tarang-accent-hover)}.error-text{color:#b3261e;font-weight:600}.hint{font-size:.85rem;color:color-mix(in srgb,var(--tarang-text) 65%,var(--tarang-background) 35%)}@media (max-width: 720px){.app-header{flex-direction:column;align-items:flex-start;gap:.75rem}.content-width{gap:1rem}}