.page-back { margin-bottom:16px; }
[data-phone-back-icon] { display:none; }
.install-hint { display:flex; align-items:start; gap:16px; max-width:600px; margin:20px 0; padding:16px; border:1px solid var(--line-strong); border-radius:14px; background:var(--surface); color:var(--text-2); }
.install-hint strong { font-size:15px; color:var(--text); }
.install-hint p { margin:6px 0 0; font-size:13px; line-height:1.5; }
.install-hint .icon-button { flex:none; }
.offline-banner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin:0 0 16px; padding:12px; border:1px solid var(--line-strong); border-radius:14px; background:var(--raised); color:var(--text); font-size:13px; }
.password-toggle { width:fit-content; justify-self:end; margin-top:-8px; }
.login-panel input:not([type=hidden]),.login-card input:not([type=hidden]) { min-width:44px; min-height:44px; }
.directory-tools input,.catalog-tools input { min-width:44px; min-height:44px; }
.empty-art { display:block; margin:0 auto 16px; width:88px; height:88px; color:var(--text-3); }
.empty-art .icon,.icon.empty-art { width:88px; height:88px; stroke-width:1.3; }
.skeleton-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; width:100%; }
.boot-skeleton { max-width:1100px; width:calc(100% - 48px); margin:40px auto; }
.boot-skeleton .brand-mark { margin:0 auto 24px; }
.offline-page { max-width:560px; margin:15dvh auto; padding:24px; text-align:center; }
.offline-page h1 { font-size:32px; }
.offline-page p { color:var(--text-2); }
@media(max-width:760px){.phone-back-brand .brand-mark{display:none;}.phone-back-brand [data-phone-back-icon]{display:inline-flex;}.page-back,.watch-back{display:none;}.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.install-hint{margin:16px 0;}.offline-page{margin:10dvh auto;}.password-toggle{margin-top:0;}}

.share-duration-options label,.share-duration-options span { min-width:44px; min-height:44px; }