:root{font-family:Tahoma,Arial,sans-serif;color:#17233a;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0;min-height:44px;border-radius:13px;font-weight:700}button:focus-visible,input:focus-visible{outline:3px solid #58a6ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.shell{width:min(100%,720px);margin:auto;padding:20px 16px 44px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 24px}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:1.75rem}h2{font-size:1.1rem;margin-bottom:14px}.eyebrow{color:#64748b;font-size:.82rem;margin-bottom:4px}.availability{background:#e9eef6;color:#475569;padding:8px 11px;border-radius:999px;font-size:.8rem;white-space:nowrap}.availability.online{background:#dcfce7;color:#166534}.section,.job-card,.hero{background:#fff;box-shadow:0 3px 16px #1523430d;border:1px solid #e5eaf2;border-radius:20px;padding:18px;margin-bottom:16px}.device-list{display:grid;gap:10px}.usb-card{background:#f8fafc;border:1px solid #e4eaf3;border-radius:15px;overflow:hidden}.usb-card.selected{border-color:#5d83bd;background:#f6f9ff}.usb-main{width:100%;background:transparent;display:flex;text-align:right;align-items:center;gap:10px;padding:12px;color:inherit}.usb-copy{display:grid;gap:3px;flex:1}.usb-copy small,.file-name small,small{color:#64748b;font-size:.8rem}.status-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8}.status-dot.connected{background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.storage{padding:0 14px 10px}.storage-label{display:flex;justify-content:space-between;color:#475569;font-size:.84rem}.meter{height:8px;background:#e7edf5;border-radius:99px;overflow:hidden;margin:9px 0}.meter span{display:block;height:100%;background:linear-gradient(90deg,#36669e,#2aab97);border-radius:inherit}.storage p{margin:0;color:#22735f;font-size:.85rem}.text-button{min-height:38px;background:transparent;color:#2c639f;margin:0 10px 8px;padding:0 8px}.search label{display:block;font-weight:800;margin-bottom:10px}.search-box{display:flex;gap:8px}.search input,.modal input{width:100%;min-height:48px;border:1px solid #cbd5e1;border-radius:13px;padding:0 13px;color:#17233a;background:#fff}.search button,.modal button{background:#1f5e9f;color:#fff;padding:0 18px}.search small{display:block;margin-top:9px;line-height:1.45}.job-card{display:grid;gap:5px}.job-card strong{color:#1d4f86}.job-card .meter{margin:5px 0}.results{display:grid;gap:10px;margin-top:16px}.result-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid #e6edf5;align-items:center}.result-card img{width:76px;height:52px;object-fit:cover;border-radius:9px}.result-card div{min-width:0}.result-card strong,.result-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card small{margin-top:3px}.result-card button{grid-column:2;justify-self:start;min-height:38px;background:#eaf1fb;color:#1f5e9f;padding:0 12px}.section-title{display:flex;justify-content:space-between;align-items:baseline}.muted{color:#64748b}.file-list{display:grid;gap:2px}.file-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;border-bottom:1px solid #edf1f6;min-height:62px}.file-row:last-child{border:0}.play-button{width:34px;min-height:34px;border-radius:50%;color:#fff;background:#246ca9;font-size:.7rem}.file-name{text-align:right;min-width:0;min-height:48px;background:transparent;color:inherit;display:grid;align-content:center;gap:2px}.file-name strong,.file-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{background:transparent;color:#475569;font-size:1.35rem;width:40px}.file-actions{position:relative}.menu{position:absolute;z-index:2;top:39px;left:0;width:120px;background:#fff;border-radius:12px;padding:5px;box-shadow:0 8px 22px #14213d2b}.menu button{width:100%;min-height:37px;background:transparent;text-align:right;padding:0 8px;color:#334155}.menu .danger{color:#b91c1c}.player{grid-column:1 / -1;display:grid;gap:6px;padding:6px 0 12px;color:#64748b;font-size:.8rem}.player audio{width:100%}.empty{color:#64748b;margin:8px 0}.hero{text-align:center;padding:42px 20px}.hero span{font-size:2.5rem}.hero h2{margin-top:14px}.hero p{color:#64748b;margin-bottom:0}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#0f1f37a8;display:grid;align-items:end}.modal{background:#fff;border-radius:24px 24px 0 0;padding:22px;box-shadow:0 -4px 30px #11182733}.modal h2{font-size:1.25rem}.modal label{display:grid;gap:8px;font-weight:700}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{flex:1}.modal button.secondary{color:#1e4e85;background:#eaf1fb}.modal button.danger-button{background:#be2626}.notice{color:#8a4b00;background:#fff7df;padding:10px;border-radius:10px;font-size:.9rem}.header-actions{display:flex;align-items:center;gap:4px}.settings{position:relative}.settings-menu{left:0;top:42px}.login-shell{width:min(100%,440px)}.login-card{background:#fff;border:1px solid #e5eaf2;border-radius:20px;padding:22px;box-shadow:0 3px 16px #1523430d}.login-card p{color:#64748b}.login-form{display:grid;gap:13px;margin-top:20px}.login-form label{display:grid;gap:7px;color:#334155;font-weight:700;font-size:.9rem}.login-form input{min-height:48px;border:1px solid #cbd5e1;border-radius:13px;padding:0 13px;direction:ltr}.login-form button{color:#fff;background:#1f5e9f}.login-error{color:#b91c1c!important;background:#fee2e2;border-radius:10px;padding:9px;margin:0!important}@media(min-width:650px){.shell{padding-top:36px}.modal-backdrop{align-items:center}.modal{border-radius:22px;width:min(460px,calc(100% - 32px));margin:auto}}