:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface-hover: #252525;--surface-focused: #2e2e2e;--border: #2a2a2a;--border-idle: transparent;--border-hover: #444;--border-focused: #ffffff;--text: #ffffff;--text-muted: #a0a0a0;--accent: #4285F4;--accent-dark: #3367d6;--danger: #ff4444;--radius: 10px;--transition: .12s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:22px;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;line-height:1.4;overflow-x:hidden;background:var(--bg)}button{font-family:inherit;cursor:pointer}img{display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;padding:40px}.status-text{font-size:1.4rem;color:var(--text-muted);text-align:center}.status-text--error{color:var(--danger)}.spinner{flex-shrink:0;border-radius:50%;border-style:solid;border-color:var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}.spinner--medium{width:52px;height:52px;border-width:5px}.spinner--small{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.btn{padding:14px 32px;border:none;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:filter var(--transition)}.btn:hover{filter:brightness(1.15)}.btn:active{filter:brightness(.9)}.btn-primary{background:var(--accent);color:#fff}.password-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f0f 70%)}.password-screen__card{display:flex;flex-direction:column;align-items:center;gap:28px;max-width:520px;width:100%;text-align:center}.password-screen__logo{width:80px;height:80px;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.password-screen__card--shake{animation:shake .55s ease}.password-screen__title{font-size:3rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.password-screen__subtitle{font-size:1.3rem;color:var(--text-muted);margin-top:-16px}.password-screen__form{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.password-screen__input{width:100%;max-width:420px;padding:20px 24px;font-size:1.5rem;font-family:inherit;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);outline:none;text-align:center;letter-spacing:3px;transition:border-color var(--transition),box-shadow var(--transition)}.password-screen__input::placeholder{letter-spacing:0;color:#555}.password-screen__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4285f426}.password-screen__btn{width:100%;max-width:420px;padding:20px 32px;font-size:1.4rem;font-weight:700;font-family:inherit;background:var(--accent);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:filter var(--transition),opacity var(--transition),background var(--transition)}.password-screen__btn:hover:not(:disabled){filter:brightness(1.08);background:#5a95f5}.password-screen__btn:disabled{opacity:.35;cursor:default}.password-screen__error{font-size:1.2rem;color:var(--danger);margin-top:-8px;opacity:.95}.browser{display:flex;flex-direction:column;height:100vh;overflow:hidden}.browser__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 48px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.browser__brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.browser__logo{width:32px;height:32px;flex-shrink:0}.browser__app-name{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--text);white-space:nowrap}.browser__header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.browser__content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.browser__content::-webkit-scrollbar{display:none}.browser__footer{padding:12px 48px;font-size:1rem;color:var(--text-muted);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;text-align:center;letter-spacing:.03em}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:1.3rem;flex:1;min-width:0}.breadcrumb__segment{display:flex;align-items:center;gap:2px}.breadcrumb__sep{color:#444;padding:0 4px;-webkit-user-select:none;user-select:none}.breadcrumb__item{background:none;border:none;color:var(--text-muted);font-size:inherit;padding:6px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:color var(--transition),background var(--transition)}.breadcrumb__item:hover:not(:disabled){color:var(--accent);background:#4285f41a}.breadcrumb__item--active{color:var(--text);font-weight:600;cursor:default}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:32px 48px 48px;align-content:start}.file-card{display:flex;flex-direction:column;background:var(--surface);border-radius:14px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;outline:none}.file-card--focused{background:var(--surface-focused);border-color:#fff;transform:scale(1.06);box-shadow:0 0 0 4px #ffffff2e,0 0 40px #4fc3f740,0 12px 40px #0009;z-index:2;position:relative}.file-card__thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:#0d0d0d;overflow:hidden;display:flex;align-items:center;justify-content:center}.file-card__img{width:100%;height:100%;object-fit:cover}.file-card__icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.file-card__icon .file-row__folder-icon{color:var(--accent)}.file-card__icon .file-row__video-icon{color:#ff6b6b}.file-card__play-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.file-card--focused .file-card__play-badge{opacity:1}.file-card__duration{position:absolute;bottom:8px;right:10px;background:#000000b8;color:#fff;font-size:.85rem;font-weight:600;padding:3px 8px;border-radius:5px;letter-spacing:.03em;pointer-events:none}.file-card__name{padding:14px 16px;font-size:1.1rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.player{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-user-select:none;user-select:none}.player__video{width:100%;height:100%;object-fit:contain}.player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#0000008c}.player__overlay--error{background:#000c}.player__error-msg{font-size:1.4rem;color:var(--danger);text-align:center;max-width:600px;padding:0 40px}.player__controls{position:absolute;bottom:0;left:0;right:0;padding:0 50px 36px;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.player__controls>*{pointer-events:auto}.player__title{font-size:1.3rem;color:var(--text-muted);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__seek-track{position:relative;height:16px;background:#fff3;border-radius:8px;margin-bottom:20px;cursor:pointer}.player__seek-track:hover{background:#ffffff4d}.player__seek-fill{position:absolute;left:0;top:0;height:100%;background:var(--accent);border-radius:8px;pointer-events:none}.player__seek-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.player__bar{display:flex;align-items:center;gap:20px}.player__btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:10px;font-size:1.3rem;cursor:pointer;transition:background var(--transition),border-color var(--transition);min-width:64px;min-height:64px;display:inline-flex;align-items:center;justify-content:center}.player__btn:hover{background:#ffffff47;border-color:#ffffff80}.player__btn:active{background:#fff6}.player__btn--back{padding:0 26px;font-size:1.2rem}.player__btn--play{width:64px;height:64px;border-radius:50%;font-size:1.5rem}.player__time{font-size:1.1rem;color:var(--text-muted);white-space:nowrap;min-width:120px}.player__hint{margin-left:auto;font-size:.9rem;color:var(--text-muted);white-space:nowrap}@media(max-width:900px){.file-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.browser__header{padding:12px 20px}.browser__footer{padding:8px 20px}}@media(max-width:600px){.file-grid{grid-template-columns:1fr;gap:12px;padding:16px}html{font-size:16px}}.file-list{display:flex;flex-direction:column;gap:10px;padding:24px 48px 48px}.file-row{display:flex;align-items:center;gap:24px;min-height:96px;padding:12px 20px;background:var(--surface);border-radius:8px;border:3px solid transparent;border-bottom:1px solid #1e1e1e;cursor:pointer;outline:none;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.file-row--focused,.file-row:hover{background:var(--surface-hover);border-radius:8px;box-shadow:inset 4px 0 #fff}.file-row__folder-icon{color:var(--accent)}.file-row__video-icon{color:#ff6b6b}.file-row__thumb{flex-shrink:0;width:168px;aspect-ratio:16 / 9;background:#0d0d0d;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.file-row__img{width:100%;height:100%;object-fit:cover}.file-row__icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.file-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.file-row__name{font-size:1.3rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.file-row__meta{font-size:1rem;color:var(--text-muted)}.file-row__arrow{flex-shrink:0;font-size:1.5rem;color:var(--accent);padding:0 12px;opacity:0;transition:opacity .12s ease}.file-row--focused .file-row__arrow,.file-row:hover .file-row__arrow{opacity:1}.browser__back-btn{flex-shrink:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);padding:10px 18px;border-radius:8px;font-size:.95rem;font-family:inherit;cursor:pointer;transition:background var(--transition)}.browser__back-btn:active{background:#ffffff38}.file-grid.file-grid--phone{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.file-grid--phone .file-card__name{font-size:.9rem;padding:10px 12px}.player__back-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;font-size:1.27rem;font-weight:600;padding:26px 56px;border-radius:16px;border:1px solid rgba(255,255,255,.15);pointer-events:none;white-space:nowrap;z-index:25;animation:back-toast-fade 2s ease forwards}@keyframes back-toast-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.93)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.97)}}.player__seek-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000c7;color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:.02em;padding:22px 48px;border-radius:18px;pointer-events:none;white-space:nowrap;animation:seek-hint-fade .9s ease forwards;z-index:20}@keyframes seek-hint-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.94)}}.player__phone-back{position:absolute;top:16px;left:16px;z-index:10;background:#000000b8;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;font-size:1rem;font-family:inherit;cursor:pointer;transition:background var(--transition)}.player__phone-back:active{background:#000000e6}