@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@500;600&family=JetBrains+Mono:wght@400;700&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&family=Caveat:wght@400;700&family=Caveat+Brush&display=swap");:root{--bg:#0d0b08;--surf:#161310;--surf2:#1e1a15;--surf3:#26211a;--bdr:#352d22;--bdr2:#4a3f30;--acc:#d4943a;--acc2:#b05a28;--accgl:rgba(212,148,58,.13);--txt:#ede0c8;--txt2:#a08060;--muted:#5a4e3c;--green:#5a9e5a;--mono:"JetBrains Mono",monospace;--disp:"Bebas Neue",sans-serif;--serif:"Crimson Pro",serif;--editor-stave-color:#4a3f30;--editor-stave-color-selected:#d4943a;--editor-note-bg:#d4943a;--editor-note-selected-bg:#f0b84e;--editor-note-text:#0d0b08;--editor-bracket:#a08060;--editor-label:#a08060;--cur-bg:rgba(212,148,58,.08);--col-hl:rgba(212,148,58,.06);--draw-paper:#17120d;--draw-grid-h:rgba(212,148,58,0.10);--draw-grid-v:rgba(212,148,58,0.06);--draw-note-bg:#241c14;--draw-ink:#ede0c8;--draw-ink-muted:#b8a184}:root[data-theme=light]{--bg:#faf8f4;--surf:#ffffff;--surf2:#f2ede4;--surf3:#e8e0d0;--bdr:#d8cdb8;--bdr2:#c0a878;--acc:#b06820;--acc2:#8a4010;--accgl:rgba(176,104,32,.10);--txt:#1a1208;--txt2:#6b4c1e;--muted:#a08050;--green:#2e7a2e;--editor-stave-color:#c0a878;--editor-stave-color-selected:#b06820;--editor-note-bg:#b06820;--editor-note-selected-bg:#d4820a;--editor-note-text:#faf8f4;--editor-bracket:#8a6030;--editor-label:#8a6030;--cur-bg:rgba(176,104,32,.08);--col-hl:rgba(176,104,32,.07);--draw-paper:#faf6ee;--draw-grid-h:rgba(180,160,120,0.09);--draw-grid-v:rgba(180,160,120,0.05);--draw-note-bg:#faf6ee;--draw-ink:#1a1a2e;--draw-ink-muted:#444444}*{box-sizing:border-box;margin:0;padding:0}*,:after,:before{transition:background-color .2s,border-color .2s,color .15s}body,html{height:100%;overflow:hidden}body{background:var(--bg);color:var(--txt);font-family:var(--serif);flex-direction:column}body,header{display:flex}header{align-items:center;gap:.4rem;padding:.25rem .6rem;min-height:36px;flex-shrink:0;flex-wrap:wrap;align-content:center;background:var(--surf);border-bottom:1px solid var(--bdr);z-index:100;overflow:visible}.editor-header{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.45rem .55rem;gap:.45rem .55rem;align-items:center}.editor-account,.editor-header-left,.editor-header-right,.editor-header-tools{display:flex;align-items:center}.editor-header-left{gap:.3rem}.editor-header-tools{gap:.25rem;min-width:0;justify-content:center;overflow:visible}.editor-header-tools::-webkit-scrollbar{display:none}.editor-header-right{gap:.4rem;justify-content:flex-end;min-width:0}.editor-account{gap:.35rem}.logo{font-family:Oswald,sans-serif;font-size:1.1rem;letter-spacing:.03em;color:var(--acc);text-shadow:0 0 16px rgba(212,148,58,.3);white-space:nowrap;font-feature-settings:normal;font-variant-caps:normal}.logo,.logo:active,.logo:hover,.logo:link,.logo:visited{text-decoration:none}.logo em{color:var(--acc2);font-style:normal}.meta{display:flex;gap:.5rem;flex:1 1;align-items:center}.meta input{background:transparent;border:none;border-bottom:1px solid var(--bdr2);color:var(--txt);font-family:var(--serif);outline:none;padding:.2rem .35rem;transition:border-color .2s}.meta input::placeholder{color:var(--muted)}.meta input:focus{border-color:var(--acc)}#iTitle{font-size:.85rem;font-weight:600;width:160px}#iArtist{font-size:.8rem;width:120px}.sp{flex:1 1}.btn{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.38rem .85rem;border:1px solid var(--bdr2);background:var(--surf2);color:var(--txt2);cursor:pointer;transition:all .18s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn,.btn:active,.btn:hover,.btn:link,.btn:visited{text-decoration:none}.btn:hover{color:var(--acc);background:var(--accgl)}.btn-p,.btn:hover{border-color:var(--acc)}.btn-p{background:var(--acc);color:var(--bg);font-weight:700}.btn-p:hover{background:#e0a040;color:var(--bg)}.btn-i{padding:.38rem .6rem;font-size:.8rem}.bgrp{display:flex;gap:.22rem}.vsep{width:1px;height:22px;background:var(--bdr2);margin:0 .15rem}.btn-icon{display:inline-flex;align-items:center;line-height:1;margin-right:.35rem}.btn-label{display:inline}#noteToolbar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.5rem;background:var(--surf);border-top:1px solid var(--bdr2);box-shadow:0 -4px 24px rgba(0,0,0,.4);z-index:500;opacity:0;pointer-events:none;transform:translateY(100%);transition:opacity .18s,transform .18s;white-space:nowrap}#noteToolbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.tbtn{font-family:var(--mono);font-size:.68rem;padding:.28rem .55rem;border:1px solid var(--bdr2);background:var(--surf2);color:var(--txt2);cursor:pointer;transition:all .14s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:2px}.tbtn.active-mark,.tbtn:hover{border-color:var(--acc);color:var(--acc);background:var(--accgl)}.tb-sep{width:1px;height:16px;background:var(--bdr2);margin:0 .1rem;flex-shrink:0}.main{display:flex;flex:1 1;overflow:hidden}.canvas{flex:1 1;overflow-y:auto;overflow-x:auto;padding:.5rem 0 8rem;outline:none;position:relative}.canvas::-webkit-scrollbar{width:5px;height:5px}.canvas::-webkit-scrollbar-thumb{background:var(--bdr2)}#editorZoomContent{min-width:100%;width:-moz-fit-content;width:fit-content;transform-origin:top left}.mobile-key-proxy{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;border:0;padding:0;pointer-events:none}.song-hd{margin-bottom:.8rem;padding:.4rem .8rem .6rem;border-bottom:1px solid var(--bdr)}.song-hd h1{font-family:Oswald,sans-serif;font-size:2rem;letter-spacing:.07em;color:var(--txt);line-height:1}.song-hd p{font-size:.95rem;color:var(--txt2);margin-top:.25rem;font-style:italic}.editable-meta{border:1px dashed transparent;border-radius:4px;padding:.1rem .2rem;min-height:1.2em}.editable-meta:hover{border-color:var(--bdr2)}.editable-meta:focus{outline:none;border-color:var(--acc);background:var(--accgl)}#dMeta:empty:before{content:attr(data-placeholder);color:var(--muted);font-style:italic}.stave-wrap{margin-bottom:.4rem;cursor:crosshair;display:block;padding-left:.5rem}.stave-wrap svg{display:block;overflow:visible}.add-row{display:flex;align-items:center;justify-content:center;gap:.4rem;border:1px dashed var(--bdr2);padding:.4rem;color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.07em;transition:all .18s;margin:.2rem .5rem}.add-row:hover{border-color:var(--acc);color:var(--acc)}.sbar{height:24px;display:flex;align-items:center;gap:1.4rem;padding:0 1.2rem;background:var(--surf);border-top:1px solid var(--bdr);font-family:var(--mono);font-size:.62rem;color:var(--muted);flex-shrink:0;z-index:100}.sbar span{white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;margin-right:.35rem}.toast{position:fixed;bottom:1.8rem;left:50%;transform:translateX(-50%) translateY(16px);background:var(--surf3);border:1px solid var(--acc);color:var(--txt);font-family:var(--mono);font-size:.72rem;padding:.55rem 1.3rem;opacity:0;transition:opacity .28s,transform .28s;z-index:9999;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.export-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:2000}.export-modal{min-width:280px;max-width:90vw;background:var(--surf);border:1px solid var(--bdr2);box-shadow:0 14px 40px rgba(0,0,0,.45);padding:1rem}.export-modal-title{font-family:var(--mono);font-size:.8rem;color:var(--txt);margin-bottom:.8rem;letter-spacing:.06em;text-transform:uppercase}.export-modal-actions{display:flex;gap:.45rem;justify-content:flex-end}.export-style-config{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.75rem}.export-style-label{font-family:var(--mono);font-size:.68rem;color:var(--txt2);text-transform:uppercase;letter-spacing:.06em}.export-style-buttons{display:flex;gap:.4rem}.ad-interstitial-modal{width:min(430px,92vw)}.app-ad-rail{padding:.35rem .55rem 0;background:var(--bg)}.app-ad-rail-bottom{padding:0 .55rem .35rem}.floating-footer-ad{position:fixed;left:0;right:0;bottom:24px;z-index:1200;display:flex;justify-content:center;pointer-events:none}.floating-footer-ad-inner{width:min(840px,calc(100vw - 12px));padding:.2rem;border:1px solid var(--bdr2);background:var(--bg);box-shadow:0 -8px 24px rgba(0,0,0,.32);pointer-events:auto;position:relative}.floating-footer-ad-close{position:absolute;top:4px;right:4px;border:1px solid var(--bdr2);background:var(--surf);color:var(--txt2);font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .35rem;cursor:pointer}.floating-footer-ad-close:hover{border-color:var(--acc);color:var(--acc);background:var(--accgl)}.ad-slot{border:1px dashed var(--bdr2);background:var(--surf2);color:var(--txt2);padding:.55rem .7rem}.ad-slot-compact{padding:.4rem .55rem}.ad-slot-kicker{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ad-slot-title{font-family:var(--disp);font-size:.95rem;letter-spacing:.03em;color:var(--acc);margin-top:.15rem}.ad-slot-copy{margin-top:.2rem;font-size:.72rem;line-height:1.25}.ad-slot-live .ad-slot-host{margin-top:.35rem;min-height:50px}.ad-slot-live .adsbygoogle{width:100%}.settings-backdrop{display:none}.settings-backdrop.show{display:flex}.settings-modal{width:min(420px,92vw)}.settings-body{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.85rem}.settings-label{font-family:var(--mono);font-size:.66rem;color:var(--txt2);letter-spacing:.06em;text-transform:uppercase}.settings-select{padding:.45rem .5rem;font-size:.72rem}.row-text-input,.settings-select{width:100%;border:1px solid var(--bdr2);background:var(--surf2);color:var(--txt)}.row-text-input{padding:.5rem .55rem;margin:.35rem 0 .15rem;font-family:var(--mono);font-size:.75rem}.row-text-input:focus{outline:none;border-color:var(--acc)}.shortcuts-modal{width:min(560px,94vw)}.shortcuts-list{display:grid;grid-gap:.35rem;gap:.35rem;margin:.5rem 0 .2rem}.shortcuts-item{display:grid;grid-template-columns:minmax(130px,190px) 1fr;align-items:center;grid-gap:.55rem;gap:.55rem}.shortcuts-item kbd{border:1px solid var(--bdr2);background:var(--surf2);color:var(--txt);padding:.22rem .4rem;border-radius:4px;font-family:var(--mono);font-size:.68rem}.shortcuts-item span{color:var(--txt2);font-size:.8rem}.editor-engine-controls{position:fixed;top:52px;right:10px;z-index:1150;display:flex;align-items:center;gap:6px}.settings-engine-btn{width:34px;height:34px;border:1px solid var(--bdr2);background:var(--surf2);color:var(--acc);font-size:16px;line-height:1;cursor:pointer}.settings-engine-btn:hover{border-color:var(--acc);color:var(--acc);background:var(--accgl)}@media (max-width:760px){.editor-engine-controls{top:calc(env(safe-area-inset-top, 0px) + 56px);right:8px}.settings-engine-btn{width:32px;height:32px}.app-ad-rail{padding:.25rem .35rem 0}.app-ad-rail-bottom{padding:0 .35rem .25rem}.floating-footer-ad{bottom:22px}.floating-footer-ad-inner{width:calc(100vw - 8px)}}body.view-mode #noteToolbar,body.view-mode .add-row,body.view-mode .edit-only,body.view-mode .sbar{display:none!important}body.view-mode .canvas{cursor:default;padding-bottom:1rem}body.view-mode .stave-wrap svg{cursor:default}body.read-only .editable-meta{pointer-events:none}#viewModeBtn.active{background:var(--acc);color:var(--bg);border-color:var(--acc);font-weight:700}body.draw-mode .canvas{background:var(--draw-paper);background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,var(--draw-grid-h) 28px),repeating-linear-gradient(90deg,transparent,transparent 27px,var(--draw-grid-v) 28px)}body.draw-mode .stave-wrap{background:transparent}#drawModeBtn.active{background:var(--acc);color:var(--bg);border-color:var(--acc);font-weight:700}.meta-select{background:var(--surf2);border:none;border-bottom:1px solid var(--bdr2);color:var(--txt2);font-family:var(--mono);font-size:.68rem;padding:.2rem .3rem;outline:none}.meta-select-tuning{font-weight:700;max-width:180px}@media (max-width:1100px){.meta{flex:1 1 100%;order:2}.sp{display:none}}@media (max-width:760px){header{gap:.25rem;padding:.3rem .45rem}.editor-header{grid-template-columns:auto 1fr auto;gap:.2rem .35rem;padding:.3rem .4rem;align-items:center}.editor-header-left{justify-content:flex-start;min-width:max-content}.editor-header-tools{order:2;width:auto;gap:.2rem;justify-content:center;overflow-x:auto;scrollbar-width:none}.editor-header-tools::-webkit-scrollbar{display:none}.editor-header-tools>.bgrp,.editor-header-tools>.bgrp>.btn,.editor-header-tools>.btn{flex-shrink:0}.editor-header-right{order:3;width:auto;min-width:max-content}.editor-account,.editor-header-right{justify-content:flex-end}.editor-header .vsep,.editor-tools-actions .edit-only{display:none}.editor-header .logo{font-size:.98rem}.editor-header .btn:not(.btn-i){min-width:34px;padding:.34rem .46rem}.editor-header .btn .btn-label{display:none}.editor-header .btn .btn-icon{font-size:.9rem}.editor-account{gap:.25rem}.editor-account .tabs-user-avatar,.editor-account .tabs-user-avatar-fallback{width:22px;height:22px}.editor-account .btn{padding:.3rem .45rem;font-size:.58rem}.account-signout-btn,.account-upgrade-btn{display:none}#iTitle{width:130px}#iArtist{width:100px}.btn{padding:.3rem .6rem;font-size:.62rem}.btn-i{padding:.3rem .45rem;font-size:.72rem}.meta-select{font-size:.62rem}.account-usage,.editor-user-name{display:none}.upgrade-plan-grid{grid-template-columns:1fr}}.tabs-page{min-height:calc(100vh - 36px);background:var(--bg);color:var(--txt);padding:1.2rem}.tabs-header-user{color:var(--txt2);font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.tabs-user-wrap{display:flex;align-items:center;gap:.45rem}.tabs-user-avatar{width:26px;height:26px;border-radius:50%;border:1px solid var(--bdr2);object-fit:cover;background:var(--surf2)}.tabs-user-avatar-fallback{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.65rem;color:var(--txt)}.editor-user-name{color:var(--txt2);font-family:var(--mono);font-size:.7rem;letter-spacing:.02em;text-transform:none;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-badge{border:1px solid var(--bdr2);padding:.2rem .4rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase}.account-badge.basic{color:var(--txt2);background:var(--surf2)}.account-badge.pro{color:var(--bg);background:var(--acc);border-color:var(--acc);font-weight:700}.account-usage{color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.02em}.upgrade-modal{width:min(460px,92vw)}.upgrade-copy{color:var(--txt2);font-size:.85rem;margin-bottom:.85rem}.upgrade-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem;margin-bottom:.9rem}.upgrade-plan-card{border:1px solid var(--bdr2);background:var(--surf2);padding:.55rem .6rem;text-align:left;cursor:pointer;color:inherit}.upgrade-plan-card-pro{border-color:var(--acc);background:var(--accgl)}.upgrade-plan-card-selected{box-shadow:inset 0 0 0 1px var(--acc)}.upgrade-plan-name{font-family:var(--mono);font-size:.7rem;color:var(--txt);text-transform:uppercase;letter-spacing:.05em}.upgrade-plan-price{margin-top:.25rem;color:var(--txt);font-size:.92rem;font-weight:700}.upgrade-discount-badge{display:inline-block;margin-left:.35rem;padding:.08rem .3rem;border:1px solid var(--acc);color:var(--acc);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.upgrade-plan-meta{margin-top:.2rem;color:var(--txt2);font-size:.74rem}.auth-form{width:min(460px,92vw);display:grid;grid-gap:.55rem;gap:.55rem}.auth-input{width:100%;background:var(--surf);border:1px solid var(--bdr2);color:var(--txt);padding:.58rem .65rem;font-family:var(--mono);font-size:.72rem}.auth-input:focus{outline:none;border-color:var(--acc)}.auth-divider{display:flex;align-items:center;gap:.6rem;margin:.2rem 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--bdr2)}.auth-divider span{color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.05em}.btn-google{width:100%;justify-content:center;display:inline-flex;align-items:center;background:#ffffff;color:#202124;border-color:#d2d5da;text-transform:none;letter-spacing:.02em}.btn-google:hover{background:#f8f9fa;color:#202124;border-color:#bcc1c6}.tabs-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.tabs-page h1{font-family:var(--disp);font-size:2rem;letter-spacing:.05em}.tabs-sub{color:var(--txt2);margin-bottom:.85rem}.tabs-error{color:#ff6f6f;margin-bottom:.85rem}.tabs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:.9rem;gap:.9rem}.tab-card{background:var(--surf);border:1px solid var(--bdr);padding:.7rem;display:flex;flex-direction:column;gap:.6rem}.tab-shot{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surf2);border:1px solid var(--bdr2)}.tab-shot-empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--mono);font-size:.7rem}.tab-info h2{font-size:1.05rem;margin-bottom:.2rem}.tab-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tab-title-row h2{margin:0}.tab-info p{color:var(--txt2);margin-bottom:.35rem}.tab-date{font-family:var(--mono);font-size:.65rem}.tab-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.tab-delete-link,.tab-share-link{border:0;background:transparent;color:var(--muted);font-family:var(--mono);font-size:.7rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.tab-share-link{white-space:nowrap}.tab-share-link:hover:not(:disabled){color:var(--acc)}.tab-share-link:disabled{opacity:.65;cursor:default}.tab-delete-link:hover:not(:disabled){color:#ff7a7a}.tab-delete-link:disabled{opacity:.65;cursor:default}.settings-panel{max-width:720px;border:1px solid var(--bdr);background:var(--surf);padding:.8rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.45rem 0;border-bottom:1px solid var(--bdr)}.settings-row:last-child{border-bottom:0}.settings-k{color:var(--muted);font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.settings-v{color:var(--txt);font-size:.86rem}.settings-theme-select{min-width:170px}.settings-plan-pro{color:var(--acc);font-weight:700}.settings-plan-basic{color:var(--txt2)}.settings-block{margin-top:.9rem;border:1px solid var(--bdr);background:var(--surf2)}.settings-block-title{padding:.5rem .6rem;border-bottom:1px solid var(--bdr);font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--txt2)}.settings-actions-inline{justify-content:flex-start;padding:.55rem .6rem;margin-top:0;border-top:1px solid var(--bdr)}.settings-saved-hint{color:var(--green);font-family:var(--mono);font-size:.68rem;letter-spacing:.03em}.settings-actions{margin-top:.8rem;display:flex;justify-content:flex-end}.menu-trigger{min-width:34px;padding:.3rem .45rem}.sidebar-menu{position:fixed;top:0;left:0;bottom:0;width:230px;background:var(--surf);border-right:1px solid var(--bdr2);transform:translateX(-100%);transition:transform .2s ease;z-index:1300;padding:14px 10px}.sidebar-menu.open{transform:translateX(0)}.sidebar-head{font-family:var(--disp);color:var(--acc);letter-spacing:.05em;font-size:1.1rem;margin-bottom:10px}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-link{display:block;border:1px solid var(--bdr2);background:var(--surf2);color:var(--txt2);font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:.45rem .6rem}.sidebar-link:hover{border-color:var(--acc);color:var(--acc);background:var(--accgl)}.sidebar-link-btn{width:100%;text-align:left;cursor:pointer}.sidebar-backdrop{position:fixed;inset:0;z-index:1250;border:0;background:rgba(0,0,0,.35)}.sidebar-contact-modal{width:min(520px,92vw)}.sidebar-contact-form{display:grid;grid-gap:.55rem;gap:.55rem}.sidebar-contact-label{display:grid;grid-gap:.25rem;gap:.25rem}.sidebar-contact-label span{color:var(--muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase}.sidebar-contact-label input,.sidebar-contact-label textarea{border:1px solid var(--bdr2);background:var(--surf2);color:var(--txt);padding:.5rem .55rem;font-family:var(--mono);font-size:.76rem;resize:vertical}.sidebar-contact-status{margin:0;font-size:.78rem;color:var(--txt2)}.sidebar-contact-status.success{color:#58be76}.sidebar-contact-status.error{color:#ff7a7a}.cookie-banner{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(760px,calc(100vw - 16px));background:var(--surf);border:1px solid var(--bdr2);box-shadow:0 12px 30px rgba(0,0,0,.35);padding:.65rem .75rem;z-index:4000;display:flex;align-items:center;gap:.65rem}.cookie-banner-copy{flex:1 1;color:var(--txt2);font-size:.75rem;line-height:1.35}.cookie-banner-btn{flex-shrink:0}@media (max-width:760px){.cookie-banner{align-items:stretch;flex-direction:column}.cookie-banner-btn{width:100%}}