*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body,#root{width:100%;min-height:100dvh;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;overscroll-behavior:none;-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}input,textarea,select{-webkit-user-select:text;user-select:text;font-size:16px}.media-page{--media-bg: #090a0f;--media-panel: #12141c;--media-panel-2: #191c26;--media-line: rgba(226, 232, 255, .1);--media-ink: #f7f5ff;--media-muted: #9699ad;--media-accent: #f472b6;--media-violet: #a78bfa;min-height:100dvh;color:var(--media-ink);background:radial-gradient(circle at 90% -5%,rgba(167,139,250,.18),transparent 30rem),radial-gradient(circle at -10% 20%,rgba(244,114,182,.12),transparent 24rem),var(--media-bg);font-family:DM Sans,Inter,system-ui,sans-serif}.media-shell{max-width:1120px;margin:0 auto;padding:22px 18px 110px}.media-kicker{color:var(--media-accent);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.media-title{margin:5px 0 4px;font-size:clamp(32px,7vw,52px);line-height:.98;letter-spacing:-.055em}.media-subtitle{margin:0;color:var(--media-muted);font-size:14px;line-height:1.5}.media-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.media-stats{display:flex;gap:8px}.media-stat{min-width:70px;padding:10px 12px;border:1px solid var(--media-line);border-radius:14px;background:#12141cbf}.media-stat strong{display:block;font-size:20px}.media-stat span{color:var(--media-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.media-up-next{margin-top:24px;border:1px solid rgba(244,114,182,.24);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#f472b61f,#a78bfa17)}.media-up-inner{min-height:180px;display:grid;grid-template-columns:126px 1fr;gap:20px;padding:18px}.media-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;background:linear-gradient(145deg,#25283a,#13151e);box-shadow:0 15px 35px #0000004d}.media-cover-placeholder{display:grid;place-items:center;color:#ffffff8c;font-size:34px}.media-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 12px}.media-section-head h2{margin:0;font-size:19px;letter-spacing:-.02em}.media-tabs,.media-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.media-tabs{margin-top:24px;padding:4px;border:1px solid var(--media-line);border-radius:14px;background:#12141cc7}.media-tab,.media-chip{min-height:44px;border:0;border-radius:11px;padding:0 15px;color:var(--media-muted);background:transparent;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.media-tab{flex:1}.media-tab.active{color:var(--media-ink);background:var(--media-panel-2);box-shadow:inset 0 0 0 1px var(--media-line)}.media-chip{min-height:38px;border:1px solid var(--media-line)}.media-chip.active{color:#160b12;background:var(--media-accent);border-color:var(--media-accent)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px}.media-card{min-width:0;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.media-card .media-cover{transition:transform .2s ease,box-shadow .2s ease}.media-card:hover .media-cover{transform:translateY(-3px);box-shadow:0 18px 38px #0000006b}.media-card-title{margin-top:9px;overflow:hidden;color:var(--media-ink);font-size:14px;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.media-card-meta{margin-top:3px;overflow:hidden;color:var(--media-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.media-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--media-line);border-radius:999px;color:var(--media-muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.media-fab{position:fixed;right:20px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:32;min-width:58px;height:58px;padding:0 20px;border:0;border-radius:999px;color:#170b13;background:linear-gradient(135deg,#fb8ac5,#c4a8ff);box-shadow:0 15px 35px #f472b659;font:inherit;font-size:15px;font-weight:850;cursor:pointer}.media-empty{padding:42px 22px;border:1px dashed var(--media-line);border-radius:20px;color:var(--media-muted);text-align:center;background:#12141c73}.media-input,.media-textarea,.media-select{width:100%;box-sizing:border-box;min-height:46px;border:1px solid var(--media-line);border-radius:12px;outline:none;padding:0 13px;color:var(--media-ink);background:var(--media-panel-2);font:inherit}.media-textarea{min-height:96px;padding:12px 13px;resize:vertical}.media-input:focus,.media-textarea:focus,.media-select:focus{border-color:#f472b6a6;box-shadow:0 0 0 3px #f472b61a}.media-primary,.media-secondary,.media-danger{min-height:44px;border-radius:12px;padding:0 15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.media-primary{border:0;color:#170b13;background:var(--media-accent)}.media-secondary{border:1px solid var(--media-line);color:var(--media-ink);background:var(--media-panel-2)}.media-danger{border:1px solid rgba(248,113,113,.25);color:#fda4af;background:#f8717114}.media-sheet{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--media-ink);background:#0d0f16}.media-sheet-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px 12px;border-bottom:1px solid var(--media-line);background:#0d0f16}.media-sheet-body{max-width:760px;margin:0 auto;padding:16px 18px 36px}.media-result{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:104px;padding:10px 0;border-bottom:1px solid var(--media-line)}.media-result img,.media-result-art{width:68px;height:92px;border-radius:10px;object-fit:cover;background:var(--media-panel-2)}.media-result-art{display:grid;place-items:center;font-size:24px}.media-detail-hero{display:grid;grid-template-columns:128px minmax(0,1fr);gap:18px;align-items:end}.media-detail-hero .media-cover{max-height:192px}.media-detail-title{margin:0;font-size:clamp(25px,7vw,38px);line-height:1;letter-spacing:-.04em}.media-detail-copy{color:#c8cad7;font-size:14px;line-height:1.7;white-space:pre-wrap}.media-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.media-rating{display:flex;gap:3px}.media-star{width:44px;height:44px;border:0;color:#55596b;background:transparent;font-size:28px;cursor:pointer}.media-star.on{color:#f9c74f}.media-note{padding:13px 14px;border:1px solid var(--media-line);border-radius:14px;background:var(--media-panel)}.media-note+.media-note{margin-top:8px}.media-note time{display:block;margin-top:6px;color:var(--media-muted);font-size:10px}.media-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-meta-cell{padding:11px 12px;border:1px solid var(--media-line);border-radius:12px;background:var(--media-panel)}.media-meta-cell span{display:block;color:var(--media-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.media-meta-cell strong{display:block;margin-top:4px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1024px){.media-shell{padding:38px 38px 80px}.media-fab{bottom:28px;right:34px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.media-up-next{max-width:760px}}@media(max-width:620px){.media-hero{display:block}.media-stats{margin-top:16px}.media-stat{flex:1;min-width:0}.media-up-inner{grid-template-columns:100px 1fr;gap:14px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-detail-hero{grid-template-columns:100px minmax(0,1fr)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100dvh}.app{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1rem}.container{width:100%;max-width:400px}.logo{text-align:center;font-size:1.75rem;font-weight:700;color:#38bdf8;margin-bottom:2rem}.form{background:#1e293b;padding:1.5rem;border-radius:12px}.form h2{font-size:1.25rem;margin-bottom:1rem;text-align:center}.form label{display:block;font-size:.85rem;color:#94a3b8;margin-bottom:.25rem;margin-top:.75rem}.form input{width:100%;padding:.75rem;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:1rem;outline:none;transition:border-color .2s}.form input:focus{border-color:#38bdf8}button[type=submit],.secondary,.danger{width:100%;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:opacity .2s}button[type=submit]{background:#38bdf8;color:#0f172a}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.secondary{background:#334155;color:#e2e8f0}.danger{background:#ef4444;color:#fff}button:hover:not(:disabled){opacity:.85}.switch{text-align:center;margin-top:1rem;font-size:.9rem;color:#94a3b8}.link-btn{background:none;border:none;color:#38bdf8;cursor:pointer;font-size:.9rem;text-decoration:underline}.error{background:#7f1d1d;color:#fca5a5;padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-size:.9rem}.info{text-align:center;color:#94a3b8;font-size:.9rem;margin-bottom:.5rem}.dashboard{background:#1e293b;padding:2rem 1.5rem;border-radius:12px;text-align:center}.dashboard h2{font-size:1.5rem;margin-bottom:.5rem}.user-email{color:#94a3b8;margin-bottom:1.5rem}@media(max-width:480px){.container{max-width:100%}.form,.dashboard{padding:1.25rem}}