/* Frequency presentation only. The shell owns --app-height / --app-top. */
#drive-frequency{display:none}
#panel[data-mode=frequency] #drive-frequency{display:block}
#panel[data-mode=frequency] :is(#tools,#route-summary,#load,#search-feedback,#search-area,#community-return,#drive-signin,.sheet-handle,.privacy,#advanced,#geo-credit,#status,.search-credit,.drive-install){display:none!important}
#panel[data-mode=frequency],#panel[data-mode=frequency][data-state=expanded]{inset:0;margin:auto;width:100%;height:100%;max-height:100%;max-width:760px;border:0;border-radius:0;background:var(--bl-canvas,#101114);padding:12px max(18px,env(safe-area-inset-right)) 18px max(18px,env(safe-area-inset-left))}
#panel[data-mode=frequency] #panel-content{display:block;overflow-y:auto;overscroll-behavior:contain;scroll-padding:12px}
#panel[data-mode=frequency] .panel-heading{margin:0 0 4px;justify-content:flex-end}
#panel[data-mode=frequency] .panel-heading>div,#panel[data-mode=frequency] #panel-title{display:none}
#drive-frequency h2{font-size:clamp(25px,5vw,32px);margin:0 0 8px;letter-spacing:-.03em}
#drive-frequency>p{margin:8px 0 18px}
#drive-frequency .frequency-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:20px 0 8px}
#drive-frequency .frequency-toolbar>div{display:flex;gap:2px;border-bottom:1px solid var(--bl-line,#34383d)}
#drive-frequency .frequency-toolbar button{width:auto;min-height:44px;padding:9px 10px;font-size:13px}
#drive-frequency .frequency-toolbar [aria-pressed]{background:transparent;border:0;border-radius:0;color:var(--bl-muted,#afb6be)}
#drive-frequency .frequency-toolbar [aria-pressed=true]{color:var(--bl-text,#f0eeea);box-shadow:inset 0 -2px #c72d47}
html #frequency-compose{background:#272126;color:#f6e7eb;border:1px solid #70414b;border-radius:10px;white-space:nowrap;flex:none;width:auto;min-width:0;font-weight:550}
#drive-frequency .frequency-feed-tools{display:flex;align-items:center;justify-content:space-between;gap:8px}
#frequency-context{font-size:11px;overflow-wrap:anywhere;margin:8px 0}
#frequency-refresh{background:transparent;border:0;color:var(--bl-muted,#afb6be);min-height:44px;font-size:12px;padding:8px}
#frequency-status{font-size:12px;line-height:1.5;margin:8px 0}
#frequency-status:empty{display:none}
.frequency-home{margin:22px 0;padding:16px 0;border-top:1px solid var(--bl-line,#34383d);border-bottom:1px solid var(--bl-line,#34383d)}
.frequency-home .section-heading{gap:8px;margin:0 0 4px}
.frequency-home .section-heading h2{font-size:15px;letter-spacing:.08em!important}
.frequency-home .section-heading button{background:transparent;border:0;font-size:12px;white-space:nowrap;padding:8px;min-height:44px}
.frequency-home>p{font-size:12px;margin:0 0 8px}
.frequency-item{padding:16px 0;border-bottom:1px solid var(--bl-line,#34383d);position:relative;min-width:0}
.frequency-identity{display:flex;align-items:center;gap:7px;font-size:13px;flex-wrap:wrap}
.frequency-identity a,.frequency-identity strong{color:var(--bl-text,#eee);overflow-wrap:anywhere;font-weight:550;text-decoration:none}
.frequency-identity img,.frequency-avatar{border-radius:50%;width:30px;height:30px;object-fit:cover;flex:none}
.frequency-avatar{display:grid;place-items:center;background:var(--bl-raised,#22272c);color:#aeb4bc;font-size:11px}
.frequency-identity time{margin-left:auto;color:var(--bl-muted,#aeb4bc);font-size:11px}
.frequency-verified{color:white;background:#b7213b;border-radius:50%;width:16px;height:16px;display:inline-grid;place-items:center;font-size:11px}
.frequency-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;font-size:15px;color:var(--bl-text,#eee)!important;margin:12px 0 6px}
.frequency-home .frequency-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;margin:6px 0}
.frequency-home .frequency-item{padding:10px 0}.frequency-home .frequency-item:last-child{border:0}
#drive-frequency .frequency-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 0}
#drive-frequency .frequency-actions>button{width:auto;background:transparent;border-color:transparent;font-size:12px;padding:8px;min-height:44px;color:var(--bl-muted,#afb6be)}
#drive-frequency .frequency-actions [aria-pressed=true]{color:#ef647b}
.frequency-item .hint{font-size:11px;margin:6px 0}
.frequency-item-options{margin-left:auto;position:relative}
#drive-frequency .frequency-item-options>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:23px;color:var(--bl-muted,#afb6be);cursor:pointer}
.frequency-item-options>summary::-webkit-details-marker{display:none}
#drive-frequency .frequency-item-options>summary::before,#drive-frequency .frequency-item-options>summary::after{content:none!important}
.frequency-overflow{position:absolute;right:0;bottom:100%;z-index:3;background:var(--bl-raised,#22272c);box-shadow:0 8px 28px #0008;border:1px solid var(--bl-line,#34383d);border-radius:12px;min-width:160px;max-width:min(300px,75vw);padding:6px}
#drive-frequency .frequency-overflow button{display:block;width:100%;text-align:left;background:transparent;border:0;min-height:44px;padding:10px;font-size:13px}
.frequency-overflow form{padding:8px}.frequency-overflow label{font-size:12px}.frequency-overflow textarea{width:100%;font:inherit;font-size:16px;min-height:90px}.frequency-overflow p{font-size:12px}
.frequency-replies{margin:8px 0 0 12px;border-left:1px solid var(--bl-line,#34383d);padding-left:12px}
#drive-frequency .frequency-replies>button{width:auto;background:transparent;border:0;font-size:13px;min-height:44px}
#frequency-area,#frequency-signin{padding:14px;background:var(--bl-raised,#202428);border-radius:12px;margin:12px 0}
#frequency-area label{display:block;font-size:12px;margin:8px 0}
#frequency-area input,#frequency-area select{display:block;width:100%;font-size:16px;min-width:0;margin-top:6px}
#frequency-area .hint{font-size:11px;line-height:1.5}
.frequency-empty{padding:18px 0;line-height:1.6;font-size:14px}
#drive-frequency .frequency-footer{margin:16px 0;padding:0;font-size:11px;line-height:1.6}
.frequency-home [hidden],#drive-frequency [hidden],#frequency-composer [hidden]{display:none!important}
/* A native modal is independent of the scrolling sheet. Only its body scrolls;
   actions stay in a separate grid row inside the measured Safari viewport. */
html[data-frequency-composing=true] .drive-nav,html[data-frequency-composing=true] .drive-header{display:none!important}
#frequency-composer{position:fixed;inset:auto;top:var(--app-top,0px);left:0;right:0;margin:0 auto;width:min(100%,640px);height:var(--app-height,100dvh);max-width:100%;max-height:var(--app-height,100dvh);border:0;border-radius:0;padding:0;background:var(--bl-canvas,#101114);color:var(--bl-text,#f0eeea);overflow:hidden;box-shadow:0 0 40px #0007}
#frequency-composer::backdrop{background:#080a0ded}
#frequency-composer #frequency-editor{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;margin:0;padding:0}
#frequency-composer .frequency-compose-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--bl-line,#34383d)}
#frequency-composer h2{margin:0;font-size:20px;font-weight:550;letter-spacing:-.025em}
#frequency-remaining{font-size:12px;color:var(--bl-muted,#afb6be);white-space:nowrap}
#frequency-composer .frequency-compose-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left));scroll-padding:12px}
#frequency-text{display:block;width:100%;min-height:6em;resize:none;border:0;border-radius:8px;background:var(--bl-field,#181d22);color:var(--bl-text,#f0eeea);padding:12px;font:inherit;font-size:16px;line-height:1.5}
#frequency-text:focus-visible{outline:2px solid #a8b2bc;outline-offset:2px}
#frequency-share-area{display:block;font-size:12px;line-height:1.5;margin:12px 0}#frequency-share-area input{width:auto;margin-right:8px}
#frequency-composer .hint,#frequency-compose-status{font-size:12px;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}
#frequency-compose-status:empty{display:none}
#frequency-composer .frequency-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:var(--bl-canvas,#101114);border-top:1px solid var(--bl-line,#34383d)}
#frequency-composer button{width:auto;min-height:44px;padding:10px 18px;font-size:14px}
#frequency-cancel{background:transparent;border-color:transparent;color:var(--bl-text,#f0eeea)}
html #frequency-submit{background:#eeeae5;color:#15191d;border:1px solid #eeeae5;font-weight:650}
html #frequency-submit:disabled{background:#252a30;color:#aab0b7;border-color:#363d44}
@media(max-width:360px){#panel[data-mode=frequency]{padding:10px 12px}.frequency-toolbar{gap:6px}.frequency-replies{margin-left:4px;padding-left:8px}}
@media(prefers-reduced-motion:reduce){#drive-frequency *,#frequency-composer *{scroll-behavior:auto;transition:none}}