/* Native media editor. DESIGN_VARIANCE:4 MOTION_INTENSITY:2 VISUAL_DENSITY:7.
   Layers: selection canvas 1, notice 2. Radius: controls 5px, media 3px. */
:root{color-scheme:light dark;--bg:#f0f2f1;--panel:#fafbfa;--surface:#e8ecea;--text:#242d29;--muted:#5a6760;--line:#d6dcd8;--accent:#226c52;--accent-text:#f6faf7;--accent-soft:#e2eee7;--warning:#775428;--focus:#226c52;--viewer:#171b1b;--wave:#537a68;--wave-bg:#eef2ef;--playhead:#a65334;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;font-size:13px}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1e1d;--panel:#212624;--surface:#2b322f;--text:#e3e9e5;--muted:#a4b0a8;--line:#39423c;--accent:#9ac7af;--accent-text:#18271e;--accent-soft:#2e4135;--warning:#dfbd83;--focus:#a8d7bc;--wave:#8db69e;--wave-bg:#252d28;--playhead:#dfab86}}
:root[data-theme=dark]{--bg:#1a1e1d;--panel:#212624;--surface:#2b322f;--text:#e3e9e5;--muted:#a4b0a8;--line:#39423c;--accent:#9ac7af;--accent-text:#18271e;--accent-soft:#2e4135;--warning:#dfbd83;--focus:#a8d7bc;--wave:#8db69e;--wave-bg:#252d28;--playhead:#dfab86}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button{white-space:nowrap;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:not(:disabled):active,.file-button:active{transform:translateY(1px)}a{color:var(--accent)}button,.file-button{border:1px solid transparent;border-radius:5px;padding:8px 11px;line-height:1.35;color:var(--text);background:var(--surface);text-decoration:none}button:not(:disabled):hover{background:var(--accent-soft)}.primary,.file-button{background:var(--accent);color:var(--accent-text);font-weight:600}.primary:not(:disabled):hover,.file-button:hover{background:var(--accent);filter:brightness(.94)}.quiet{background:transparent;border-color:var(--line)}.text-button{background:transparent;color:var(--muted);padding:5px 6px;border:0;font-size:12px}.wide{width:100%}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
input,textarea,select{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:8px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;margin:0;flex-shrink:0}input[type=number]{font-variant-numeric:tabular-nums;width:100%}h1,h2,h3,h4,p{margin:0}h1{font-size:23px;font-weight:600;letter-spacing:-.5px}h2{font-size:13px;font-weight:600}h3{font-size:13px;font-weight:600;margin:0 0 12px}p{line-height:1.7}small,.helper,.muted{color:var(--muted);font-size:12px;line-height:1.7}.helper{margin:9px 0 12px}
.app-header{height:52px;display:flex;align-items:center;padding:0 20px;gap:22px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-size:18px;font-weight:740;letter-spacing:-.8px;color:var(--text);text-decoration:none}.product-name{padding-left:20px;border-left:1px solid var(--line);font-size:13px}.header-end{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.app-shell{display:grid;grid-template-columns:186px minmax(0,1fr);height:calc(100dvh - 52px);min-height:580px}.library{border-right:1px solid var(--line);background:var(--panel);padding:18px 12px;display:flex;flex-direction:column;min-height:0}.library>.primary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}.library-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 2px 10px;color:var(--muted)}.library-heading h2{font-size:11px}.project-list{overflow:auto;flex:1;min-height:0}.project-item{display:block;width:100%;text-align:left;border-radius:5px;background:transparent;border:1px solid transparent;margin:3px 0;padding:11px 10px}.project-item[aria-current=true]{background:var(--accent-soft);border-color:var(--line)}.project-item strong{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.library-footer{font-size:10px;line-height:1.8;color:var(--muted);padding:14px 7px 0;border-top:1px solid var(--line);margin-top:15px}
main{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.project-header{height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);gap:12px;background:var(--panel)}.project-title{display:flex;flex-direction:column;min-width:0;gap:2px}.project-title input{border:1px solid transparent;background:transparent;padding:2px 0;font-size:15px;font-weight:600;width:260px;max-width:100%;text-overflow:ellipsis}.project-title input:hover{border-bottom-color:var(--line)}#project-meta{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.project-actions{display:flex;align-items:center;gap:12px}.status-label{font-size:11px;color:var(--muted)}.status-label.review{color:var(--warning)}
.pipeline{display:grid;grid-template-columns:1fr 14px 1fr 14px 1fr 14px 1fr 14px 1fr;align-items:center;gap:7px;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}.pipeline button{display:flex;align-items:flex-start;flex-direction:column;text-align:left;gap:5px;padding:9px 10px;background:transparent;border-color:var(--line);min-width:0}.pipeline button[aria-current=step]{background:var(--accent-soft);border-color:var(--accent)}.node-name{font-size:12px;font-weight:600}.node-detail{font-size:10px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis}.connector{color:var(--muted);font-size:13px;text-align:center}#notice{position:relative;z-index:2;padding:9px 20px;font-size:12px;line-height:1.6;border-bottom:1px solid var(--line);background:var(--accent-soft);flex-shrink:0}
.import-view{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:35px}.import-content{text-align:center;width:min(470px,100%)}.film-mark{font-size:26px;color:var(--muted);width:62px;height:62px;margin:0 auto 20px;border:1px dashed var(--line);display:grid;place-items:center;border-radius:5px}.import-content>p{margin:12px 0}.import-content>.file-button{display:inline-block;margin-top:13px;padding:10px 24px;cursor:pointer}.import-content #upload{display:block;margin:15px auto 8px}.import-content .import-help{font-size:11px;color:var(--muted);margin-top:25px}.import-content video{max-width:100%;max-height:190px;margin:14px auto;border-radius:3px;background:var(--viewer)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 308px;flex:1;min-height:0}.editor{display:flex;flex-direction:column;min-width:0;min-height:0}.viewer-heading{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px;flex-shrink:0}.viewer-tabs{display:flex;gap:12px;align-self:stretch}.viewer-tabs button{border-radius:0;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:0 4px;font-size:12px}.viewer-tabs .selected{border-bottom-color:var(--accent);color:var(--text)}#viewer-caption{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.source-view{flex:1;min-height:140px;display:flex;padding:0 18px;align-items:center;justify-content:center;overflow:hidden}.player-wrap{position:relative;background:var(--viewer);width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px}.player-wrap video{width:100%;height:100%;object-fit:contain;display:block;max-height:100%;min-height:0}.source-loading{text-align:center;color:#bcc8c0;padding:30px;width:100%;font-size:12px}.source-loading .loading-line{display:block;width:120px;margin:0 auto 20px;background:#3b4940}.loading-line{height:3px;background:var(--accent);opacity:.55;border-radius:3px;width:50%}.teaching-view{flex:1;min-height:140px;overflow:auto;padding:15px 25px;background:var(--surface);margin:0 18px;border-radius:3px;text-align:center}.teaching-view figure{margin:0 auto 22px;max-width:680px}.teaching-view img{max-width:100%;display:block;margin:auto}.teaching-view figcaption{font-size:11px;color:var(--muted);margin-top:9px}.empty-message{margin:35px auto;max-width:320px;color:var(--muted);font-size:12px;line-height:1.8}
.player-tools{min-height:48px;padding:9px 18px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0;font-size:11px}.player-tools label{display:flex;align-items:center;gap:6px}.player-tools select{font-size:11px;padding:4px 5px}#beat-readout{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}#beat-readout b{font-size:18px;min-width:20px;font-variant-numeric:tabular-nums;font-weight:550;color:var(--text)}.timeline-panel{border-top:1px solid var(--line);padding:11px 18px 10px;flex-shrink:0;background:var(--panel)}.timeline-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:10px;margin-bottom:8px;font-variant-numeric:tabular-nums}#range-readout{color:var(--accent)}#waveform{display:block;width:100%;height:88px;background:var(--wave-bg);cursor:crosshair;border-radius:3px;touch-action:pan-y}.timeline-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:7px;gap:10px}.timeline-segments{display:flex;gap:4px;margin-top:5px;overflow:auto}.timeline-segments button{font-size:10px;padding:3px 8px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line)}
.inspector{border-left:1px solid var(--line);min-height:0;display:flex;flex-direction:column;background:var(--panel)}.inspector-heading{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0}.inspector-heading span{font-size:10px;color:var(--muted)}.inspector-body{overflow:auto;flex:1;min-height:0;padding:19px 18px}.node-panel h3:not(:first-child){margin-top:25px}.properties{display:grid;grid-template-columns:80px 1fr;gap:10px 8px;margin:15px 0 22px;font-size:12px}.properties dt{color:var(--muted)}.properties dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#music-info{font-size:12px;line-height:1.8}#music-info strong{font-size:24px;font-weight:550;font-variant-numeric:tabular-nums;display:block}.music-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0}.music-facts span{display:block;color:var(--muted);font-size:10px}.music-facts b{font-size:15px;font-weight:550}.beat-list{display:flex;flex-wrap:wrap;gap:5px;padding-top:9px;max-height:220px;overflow:auto}.beat-list button,.boundary{font-size:10px;padding:5px 6px;background:var(--surface)}.beat-list .downbeat{color:var(--accent);background:var(--accent-soft)}.boundary{display:block;margin:6px 0;width:100%;text-align:left;white-space:normal}.boundary.scene{color:var(--muted)}
details{margin:16px 0;font-size:12px}summary{cursor:pointer;font-size:11px;font-weight:550;padding:4px 0}.range-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 9px}.range-fields label,.target-label{font-size:11px;display:block;line-height:1.8}.range-fields input{margin-top:4px}.small-tools{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.small-tools button{font-size:10px;padding:6px 8px}#segment-list{font-size:11px;line-height:2.1;margin:12px 0;color:var(--accent);font-variant-numeric:tabular-nums}.panel-section+.panel-section{border-top:1px solid var(--line);margin-top:21px;padding-top:20px}textarea{display:block;width:100%;resize:vertical;margin-top:6px;line-height:1.6}.consent{display:flex;gap:8px;align-items:flex-start;margin:20px 0 14px;font-size:11px;line-height:1.8}.consent input{margin-top:3px}#locked-segments{display:flex;flex-direction:column;gap:7px}#locked-segments button{font-size:11px;text-align:left}#locked-target{margin:20px 0 10px;font-size:12px;line-height:1.8}.processing-state{padding-top:20px;border-top:1px solid var(--line);margin-top:22px}.processing-state h3{margin-top:14px;margin-bottom:5px}.processing-state .helper{font-size:11px}
.lesson-page{margin-bottom:24px}.lesson-page h3{font-size:11px;color:var(--muted);font-weight:500;margin-bottom:15px}.action-grid{display:flex;flex-direction:column;gap:15px}.action-card{padding-bottom:17px;border-bottom:1px solid var(--line)}.action-card .evidence-button{display:block;width:100%;padding:0;border:1px solid transparent;border-radius:3px;background:var(--viewer);overflow:hidden}.evidence-button img{display:block;width:100%;height:145px;object-fit:contain}.action-card.active .evidence-button{border-color:var(--accent)}.action-card h4{font-size:12px;margin:10px 0 7px;font-weight:600}.action-card .quiet{font-size:10px;padding:5px 7px}.action-card ul{padding-left:15px;font-size:11px;line-height:1.8;margin:10px 0 5px}.uncertain{font-size:10px;line-height:1.8;color:var(--warning);margin-top:8px}.review-page{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.review-page h3{margin-bottom:10px}.review-page ul{padding-left:15px}.review-page li{font-size:11px;line-height:1.8;margin:9px 0;color:var(--warning)}.review-page a{display:inline-block;font-size:11px;margin-top:12px}
.statusbar{height:26px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:10px;color:var(--muted);padding:0 18px;gap:10px;flex-shrink:0}.statusbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#target-canvas{position:absolute;inset:0;width:100%;height:100%;background:transparent;cursor:crosshair;touch-action:none;z-index:1}[hidden]{display:none!important}
@media(max-width:1100px){.app-shell{grid-template-columns:155px minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 276px}.pipeline{gap:4px;padding:12px 14px}.pipeline button{padding:8px}.project-header{padding:0 16px}.player-tools{gap:9px}.project-title input{width:210px}.inspector-body{padding:16px 14px}}
@media(max-width:767px){.app-header{padding:0 14px;gap:12px}.product-name{padding-left:12px;font-size:12px}.header-end{gap:5px}#service-state{display:none}.app-shell{height:auto;min-height:calc(100dvh - 52px);display:block}.library{border-right:0;border-bottom:1px solid var(--line);padding:10px 14px;display:grid;grid-template-columns:auto 1fr;gap:10px}.library>.primary{font-size:11px;gap:20px}.library-heading,.library-footer{display:none}.project-list{display:flex;overflow:auto;gap:5px}.project-item{width:150px;flex-shrink:0;padding:7px 9px;margin:0}.project-item strong{font-size:10px}.project-item span{font-size:9px;margin-top:3px}.project-header{padding:0 14px;height:61px}.project-title input{font-size:13px;width:190px}.project-actions{gap:6px}.project-actions button{padding:6px 8px;font-size:11px}.status-label{font-size:10px}.pipeline{padding:10px 14px;gap:3px;grid-template-columns:1fr 7px 1fr 7px 1fr 7px 1fr 7px 1fr}.pipeline button{padding:8px 5px;align-items:center;gap:3px}.node-name{font-size:11px}.node-detail{font-size:9px;max-width:54px}.connector{font-size:10px}.workspace{display:block}.viewer-heading{padding:0 14px}.source-view{padding:0 14px;height:300px;min-height:0}.player-tools{padding:9px 14px;gap:10px;font-size:10px}.player-tools #beat-readout{font-size:9px;gap:5px}.player-tools #beat-readout b{font-size:15px}.timeline-panel{padding:10px 14px}.timeline-heading{font-size:9px}.timeline-footer{font-size:9px}.inspector{border-left:0;border-top:1px solid var(--line);min-height:260px}.inspector-body{overflow:visible;padding:18px}.inspector-heading{padding:0 18px}.import-view{padding:40px 20px;min-height:440px}.import-content h1{font-size:21px}.teaching-view{margin:0 14px;max-height:540px;min-height:300px}.properties{max-width:400px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.evidence-button img{height:140px}.action-card h4{font-size:11px}.statusbar{padding:0 14px;font-size:9px}.review-page{max-width:580px}}
@media(max-width:430px){.project-title input{width:155px}.project-actions .status-label{max-width:62px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-view{height:260px}.player-tools{gap:8px}.player-tools select{max-width:75px}#beat-readout span{display:none}.action-grid{grid-template-columns:1fr}.evidence-button img{height:210px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
/* Editor v2. Layer 3 is the mobile pinned player; native dialog is the top layer. */
.node-detail,.timeline-heading,.timeline-footer{font-size:12px}.workspace{grid-template-columns:minmax(0,1fr) 320px}
.timeline-toolbar{display:flex;align-items:center;gap:8px;margin:7px 0 10px;font-size:11px;flex-wrap:wrap}
.timeline-toolbar label{display:flex;align-items:center;gap:5px}.timeline-toolbar button{font-size:12px}
.timeline-toolbar #zoom-label{font-variant-numeric:tabular-nums;min-width:28px;text-align:center}
.timeline-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:0 7px 7px;background:var(--wave-bg);border-radius:3px}
.timeline-surface{position:relative;min-width:100%;width:100%;touch-action:pan-y}
#timeline-surface #waveform{height:112px;border-radius:0;touch-action:none}
#range-handles{position:absolute;inset:0;pointer-events:none}
.range-handle{position:absolute;top:20px;bottom:30px;width:26px;transform:translateX(-13px);padding:0;border-radius:3px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);pointer-events:auto;touch-action:none;cursor:ew-resize}
.range-handle:first-child{transform:none}.range-handle:last-child{transform:translateX(-26px)}
.range-handle span{position:absolute;top:17px;left:0;right:0;text-align:center;font-size:10px}
.range-handle:not(:disabled):active{transform:translateX(-13px)}.range-handle:first-child:active{transform:none}.range-handle:last-child:active{transform:translateX(-26px)}
.active-action-label{font-size:12px;line-height:1.6;margin-top:8px;color:var(--text);min-height:20px}
.action-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line);border-left:2px solid transparent}
.action-card.active{border-left-color:var(--accent);padding-left:8px;background:var(--accent-soft)}
.action-card .evidence-button{height:70px}.action-card .evidence-button img{height:70px;width:100%;object-fit:cover}
.action-summary{display:flex;align-items:flex-start;flex-direction:column;gap:4px;min-width:0}
.action-title{text-align:left;white-space:normal;line-height:1.5;font-size:12px;font-weight:600;padding:0;background:transparent;border:0}
.action-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.action-summary .text-button{padding:2px 0;color:var(--accent);font-size:11px}
.action-details{grid-column:1/-1;display:none}.action-card.active .action-details{display:block}
.action-details ul{font-size:12px;margin:0 0 6px}.action-grid{gap:0}
.teaching-view.compare-view{padding:0 14px;background:transparent;overflow:hidden;min-height:200px;display:flex;flex-direction:column;margin:0}
.compare-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:43px;padding-bottom:9px}
.compare-toolbar button,.compare-toolbar select{font-size:11px;padding:6px 8px}
#compare-action-label{font-size:12px;line-height:1.5;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}
.compare-pair figure{margin:0;max-width:none;min-width:0;min-height:0;display:flex;flex-direction:column}
.compare-pair figcaption{display:flex;align-items:center;gap:8px;min-height:38px;font-size:11px;margin:0;color:var(--muted)}
.compare-pair figcaption strong{font-size:12px;font-weight:600;color:var(--text)}
.compare-pair figcaption button{font-size:10px;margin-left:auto}
.compare-media{background:var(--surface);border:1px solid var(--line);border-radius:3px;overflow:auto;flex:1;min-height:140px;display:flex;align-items:flex-start;justify-content:flex-start}
.compare-media img{width:100%;height:100%;object-fit:contain;max-width:none;margin:0}
.compare-media[data-zoom]:not([data-zoom=fit]) img{object-fit:initial;max-height:none}
.compare-pair .helper{font-size:10px;line-height:1.5;margin:6px 0}
.editor[data-view=compare] .player-tools,.editor[data-view=compare] .timeline-toolbar,.editor[data-view=compare] .timeline-scroll,.editor[data-view=compare] .timeline-segments,.editor[data-view=compare] .timeline-footer{display:none}
.editor[data-view=compare] .timeline-panel{margin-top:10px}
#account-dialog{max-width:430px;width:calc(100% - 36px);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:22px}
#account-dialog::backdrop{background:rgb(20 29 24 / .45)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.dialog-heading h2{font-size:18px}#account-description{font-size:13px;line-height:1.8;margin-bottom:18px}
#account-message{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0}
#google-signin{min-height:40px}#account-dialog .helper{margin-top:20px;font-size:11px}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 290px}.compare-toolbar{flex-wrap:wrap}#compare-action-label{min-width:120px}.compare-pair{gap:8px}.compare-pair figcaption{flex-wrap:wrap;gap:4px}}
@media(max-width:767px){
 .workspace{display:block}.editor{display:contents}.viewer-heading{background:var(--bg)}
 .source-view{position:sticky;top:0;z-index:3;height:220px;padding:0;background:var(--viewer);border-bottom:1px solid var(--line)}
 .source-view .player-wrap{border-radius:0}
 .teaching-view.compare-view{margin:0;min-height:480px;max-height:none;padding:0 12px}
 .compare-pair{min-height:380px}.compare-media{height:320px;flex:none;min-height:0}
 .compare-toolbar{padding-top:8px}.compare-pair figcaption{min-height:54px;align-content:center;font-size:10px}
 .compare-pair figcaption strong{font-size:11px}.compare-pair figcaption button{padding:2px}
 .action-grid{display:flex}.action-card{grid-template-columns:72px minmax(0,1fr)}
 .timeline-heading,.timeline-footer{font-size:11px}.timeline-toolbar{gap:6px;font-size:11px}
 .node-detail{font-size:10px;max-width:65px}
 .editor[data-view=compare] .timeline-panel{margin-top:6px}
}
#account-button{max-width:160px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:767px){#account-button{max-width:108px;font-size:11px;padding:7px}}
 .privacy-link{position:fixed;bottom:5px;left:14px;font-size:11px;color:var(--muted);z-index:5}@media(max-width:700px){.privacy-link{position:static;display:block;padding:8px 16px}}