:root{--bg:#08111f;--surface:#111f34;--surface2:#16263e;--text:#f7f9fc;--muted:#aebbd0;--primary:#7c6cf2;--secondary:#35d0ba;--warm:#f2b86b;--line:rgba(255,255,255,.1);--max:1180px;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(124,108,242,.2),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,select{font:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,17,31,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:72px;display:flex;align-items:center;gap:24px}.brand{font-weight:850;font-size:1.28rem;letter-spacing:-.03em}.brand span{background:linear-gradient(90deg,var(--primary),var(--secondary));background-clip:text;color:transparent}.nav{display:flex;gap:22px;margin-left:auto;color:var(--muted);font-size:.94rem}.nav a:hover,.nav a[aria-current="page"]{color:var(--text)}.lang-select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:8px 10px}.menu-button{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 11px}.hero{padding:74px 0 46px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:64px;align-items:center}.eyebrow{color:var(--secondary);font-weight:750;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.hero h1{font-size:clamp(3rem,6.3vw,5.1rem);line-height:1.02;letter-spacing:-.06em;margin:.22em 0 .24em}.hero p{font-size:1.08rem;color:var(--muted);max-width:650px;line-height:1.85}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 18px;font-weight:750;border:1px solid var(--line)}.btn-primary{background:linear-gradient(90deg,var(--primary),#5d8df7);border:0}.btn-secondary{background:rgba(255,255,255,.04)}.hero-visual{min-height:390px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(124,108,242,.18),rgba(53,208,186,.08));padding:28px;display:grid;place-items:center;overflow:hidden}.wave{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;height:170px}.wave i{display:block;width:8px;border-radius:99px;background:linear-gradient(var(--primary),var(--secondary));height:var(--h);animation:pulse 2.8s ease-in-out infinite;animation-delay:var(--d)}@keyframes pulse{50%{transform:scaleY(.6);opacity:.65}}.visual-tags{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.tag{border:1px solid var(--line);background:rgba(8,17,31,.55);padding:7px 11px;border-radius:99px;color:var(--muted);font-size:.86rem}.language-line{text-align:center;color:var(--muted);padding:18px 0 46px}.section{padding:70px 0}.section.alt{background:rgba(255,255,255,.025);border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:0}.section-intro{color:var(--muted);max-width:680px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,rgba(22,38,62,.92),rgba(17,31,52,.82));border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:190px;transition:.2s transform,.2s border-color}.card:hover{transform:translateY(-3px);border-color:rgba(124,108,242,.6)}.card .icon{font-size:1.7rem}.card h3{font-size:1.2rem;margin:12px 0 6px}.card p{color:var(--muted);margin:0}.card-link{display:inline-block;margin-top:18px;color:var(--secondary);font-weight:700}.trust{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trust-box{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.03)}.site-footer{padding:45px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.small{font-size:.88rem}.placeholder-note{border:1px dashed rgba(242,184,107,.55);background:rgba(242,184,107,.07);color:#f7d49f;border-radius:14px;padding:12px 15px;margin-top:22px}.tools-page{padding:60px 0 90px}.tools-page h1{font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.05em}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
@media(max-width:900px){.nav{display:none}.menu-button{display:block}.header-inner.menu-open{height:auto;flex-wrap:wrap;padding:14px 0}.header-inner.menu-open .nav{display:flex;order:4;width:100%;flex-direction:column;padding:12px 0}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:300px}.grid,.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid,.tool-grid,.trust{grid-template-columns:1fr}.hero{padding-top:56px}.hero h1{font-size:3.15rem}.site-header .lang-select{max-width:110px}.section{padding:54px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.wave i{animation:none}.card{transition:none}}

/* Language-aware hero typography */
.hero h1 .hero-line{display:block}
html[lang="zh-CN"] .hero h1{font-size:clamp(3.2rem,5vw,4.45rem);line-height:1.1;letter-spacing:-.04em;max-width:8.5em}html[lang="ja"] .hero h1,html[lang="ko"] .hero h1{font-size:clamp(2.85rem,4.8vw,4.35rem);line-height:1.12;letter-spacing:-.035em;max-width:11em;text-wrap:balance}
html[lang="th"] .hero h1{font-size:clamp(2.7rem,5.2vw,4.45rem);line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
html[lang="es"] .hero h1{font-size:clamp(2.9rem,6vw,5rem);line-height:1.02;text-wrap:balance}
@media(max-width:900px){html[lang="zh-CN"] .hero h1,html[lang="ja"] .hero h1,html[lang="ko"] .hero h1,html[lang="th"] .hero h1{max-width:12em}}
@media(max-width:620px){html[lang="zh-CN"] .hero h1{font-size:clamp(2.75rem,14vw,4rem);line-height:1.08}html[lang="ja"] .hero h1,html[lang="ko"] .hero h1{font-size:clamp(2.45rem,12vw,3.7rem)}html[lang="th"] .hero h1{font-size:clamp(2.3rem,11vw,3.45rem)}}

/* Foundation v5 refinements */
.hero-copy{min-width:0}.hero .actions{margin-top:24px}.hero .placeholder-note{display:none}.hero-visual{box-shadow:0 24px 70px rgba(0,0,0,.22)}.language-line{font-size:.96rem}.section-head h2{line-height:1.16}.card{display:block}.card-link{letter-spacing:.01em}@media(max-width:1050px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:40px}html[lang="zh-CN"] .hero h1{font-size:clamp(3rem,5.2vw,4rem)}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:280px;max-width:680px}.hero-copy{max-width:760px}}


/* Build 02 — unified tool page */
.tool-shell{padding:52px 0 88px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.88rem;margin-bottom:20px}.breadcrumbs a:hover{color:var(--text)}.tool-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.48fr);gap:30px;align-items:end;margin-bottom:30px}.tool-hero>*{min-width:0}.tool-hero h1{font-size:clamp(2.45rem,5.5vw,4.65rem);line-height:1.04;letter-spacing:-.055em;margin:.12em 0 .2em}.tool-hero p{color:var(--muted);font-size:1.05rem;max-width:760px;margin:0}.tool-badges{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.tool-badge{border:1px solid var(--line);border-radius:99px;padding:7px 11px;color:var(--muted);background:rgba(255,255,255,.03);font-size:.82rem}.calculator-panel{background:linear-gradient(145deg,rgba(22,38,62,.96),rgba(17,31,52,.9));border:1px solid var(--line);border-radius:28px;padding:clamp(20px,4vw,34px);box-shadow:0 22px 70px rgba(0,0,0,.22)}.calculator-toolbar{display:grid;grid-template-columns:minmax(0,270px) 1fr;gap:24px;align-items:end;margin-bottom:26px}.field label{display:block;color:var(--muted);font-weight:700;font-size:.9rem;margin-bottom:8px}.number-wrap{display:flex;align-items:center;background:#08111f;border:1px solid rgba(255,255,255,.16);border-radius:15px;overflow:hidden}.number-wrap input{width:100%;border:0;background:transparent;color:var(--text);padding:13px 14px;font:800 1.35rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;outline:0}.number-wrap span{padding:0 14px;color:var(--secondary);font-weight:800}.quick-bpms{display:flex;gap:8px;flex-wrap:wrap}.quick-bpms button,.copy-btn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:11px;padding:9px 12px;cursor:pointer}.quick-bpms button:hover,.copy-btn:hover{border-color:rgba(124,108,242,.65)}.delay-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.delay-table{width:100%;border-collapse:collapse;min-width:720px}.delay-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:rgba(8,17,31,.7)}.delay-table th,.delay-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line)}.delay-table tbody tr:last-child td{border-bottom:0}.delay-table tbody tr:hover{background:rgba(124,108,242,.06)}.note-name{font-weight:750}.delay-value{font:800 1.06rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--secondary)}.delay-type{font-size:.78rem;padding:5px 8px;border-radius:99px;background:rgba(124,108,242,.12);color:#c9c2ff;display:inline-flex}.tool-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:24px}.tool-content-grid.tool-content-grid--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.content-card{border:1px solid var(--line);border-radius:22px;padding:25px;background:rgba(255,255,255,.025)}.content-card h2,.content-card h3{margin-top:0;line-height:1.25}.content-card p,.content-card li{color:var(--muted)}.steps{counter-reset:step;list-style:none;padding:0;margin:0}.steps li{counter-increment:step;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin:13px 0}.steps li:before{content:counter(step);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(124,108,242,.16);color:#d7d1ff;font-weight:800}.formula-box{margin-top:16px;padding:15px;border-radius:14px;background:#08111f;border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8e2f2}.related-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.related-mini{border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(255,255,255,.025)}.related-mini strong{display:block;margin-bottom:4px}.related-mini span{color:var(--muted);font-size:.88rem}.status-line{min-height:24px;margin-top:12px;color:var(--secondary);font-size:.88rem}.privacy-note{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.88rem;margin-top:18px}.privacy-note strong{color:var(--text)}
@media(max-width:900px){.tool-hero,.tool-content-grid,.tool-content-grid.tool-content-grid--split,.tool-content-grid.tool-content-grid--equal{grid-template-columns:1fr}.tool-badges{justify-content:flex-start}.calculator-toolbar{grid-template-columns:1fr}.related-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.tool-shell{padding-top:38px}.tool-hero h1{font-size:clamp(2.45rem,13vw,3.5rem)}.calculator-panel{border-radius:20px}.related-row{grid-template-columns:1fr}.tool-badges{display:none}}

/* Build 02 Delay Calculator responsive refinements */
.two-line-title span{display:block}
html[lang="zh-CN"] .tool-hero h1{font-size:clamp(2.7rem,4.8vw,4.15rem);max-width:12em;word-break:keep-all}
@media(max-width:620px){
  html[lang="zh-CN"] .tool-hero h1{font-size:clamp(2.35rem,11vw,3.1rem);line-height:1.08}
  .delay-table-wrap{overflow:visible;border:0;border-radius:0}
  .delay-table{display:block;min-width:0;width:100%}
  .delay-table thead{display:none}
  .delay-table tbody{display:grid;gap:14px}
  .delay-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"note type" "ms hz" "action action";gap:10px 12px;background:rgba(8,17,31,.55);border:1px solid var(--line);border-radius:18px;padding:16px}
  .delay-table tbody tr:hover{background:rgba(8,17,31,.55)}
  .delay-table td{display:block;padding:0;border:0!important;min-width:0}
  .delay-table td::before{content:attr(data-label);display:block;margin-bottom:5px;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:750;line-height:1.35;overflow-wrap:anywhere}
  .delay-table td:nth-child(1){grid-area:note;align-self:start}
  .delay-table td:nth-child(2){grid-area:type;text-align:right;align-self:start}
  .delay-table td:nth-child(3){grid-area:ms}
  .delay-table td:nth-child(4){grid-area:hz}
  .delay-table td:nth-child(3),.delay-table td:nth-child(4){background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)!important;border-radius:12px;padding:10px 11px!important;font-size:1rem;white-space:nowrap;line-height:1.35}
  .delay-table td:nth-child(3)::before,.delay-table td:nth-child(4)::before{margin-bottom:4px}
  .delay-table td:nth-child(5){grid-area:action;padding-top:2px}
  .delay-table td:nth-child(5)::before{display:none}
  .delay-table .note-name{font-size:1.08rem;line-height:1.35}
  .delay-table .delay-type{max-width:100%;white-space:normal;text-align:center;justify-content:center}
  .delay-table .delay-value{font-size:1.05rem}
  .delay-table .copy-btn{width:100%;min-height:48px;padding:11px 14px}
  .calculator-panel{padding:18px 14px}
  .quick-bpms{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .quick-bpms button{width:100%}
}

/* Build 02 — Chord Transposer */
.transposer-panel{background:linear-gradient(145deg,#132640,#101d32);border:1px solid rgba(150,174,212,.22);border-radius:28px;padding:clamp(20px,4vw,34px);box-shadow:0 24px 70px rgba(1,8,22,.28)}
.transpose-controls,.transposer-settings,.editor-head,.transposer-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.transpose-actions{display:flex;gap:10px;flex-wrap:wrap}.shift-status{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700}.shift-status strong{display:grid;place-items:center;min-width:58px;height:46px;border-radius:14px;background:#0b1728;color:var(--accent-2);font-size:1.2rem;border:1px solid rgba(150,174,212,.2)}
.transposer-settings{margin:22px 0}.transposer-settings fieldset{display:flex;gap:14px;align-items:center;border:0;padding:0;margin:0;color:var(--muted)}.transposer-settings legend{font-weight:800;color:var(--text);margin-bottom:8px}.transposer-settings label{display:inline-flex;gap:8px;align-items:center;background:#0c192c;padding:10px 13px;border-radius:12px;border:1px solid rgba(150,174,212,.18)}
.capo-card{min-width:260px;background:#0c192c;border:1px solid rgba(150,174,212,.18);border-radius:16px;padding:13px 16px;display:grid;gap:5px}.capo-card span{color:var(--muted);font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.capo-card strong{color:var(--text)}
.transposer-editors{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-card{background:#0a1627;border:1px solid rgba(150,174,212,.2);border-radius:20px;overflow:hidden}.editor-head{padding:14px 16px;border-bottom:1px solid rgba(150,174,212,.16)}.editor-head label{font-weight:800}.editor-head span{color:var(--accent-2);font-size:.9rem}.text-action{background:transparent;border:0;color:var(--muted);font-weight:800;cursor:pointer}.text-action:hover{color:var(--text)}
.editor-card textarea{display:block;width:100%;min-height:340px;resize:vertical;border:0;outline:0;background:transparent;color:var(--text);padding:18px;font:600 1rem/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;box-sizing:border-box;white-space:pre;overflow:auto}.editor-card textarea::placeholder{color:#71819c}.transposer-footer-actions{justify-content:flex-end;margin-top:18px}.transposer-footer-actions .btn{min-width:170px}
@media(max-width:760px){.transposer-panel{padding:16px;border-radius:22px}.transpose-controls{align-items:stretch}.transpose-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.transpose-actions [data-reset]{grid-column:1/-1}.shift-status{width:100%;justify-content:space-between}.transposer-settings{align-items:stretch}.transposer-settings fieldset{width:100%;display:grid;grid-template-columns:1fr 1fr}.transposer-settings legend{grid-column:1/-1}.capo-card{min-width:0;width:100%;box-sizing:border-box}.transposer-editors{grid-template-columns:1fr}.editor-card textarea{min-height:270px;font-size:.94rem}.transposer-footer-actions{display:grid;grid-template-columns:1fr}.transposer-footer-actions .btn{width:100%;min-width:0}.two-line-title span{max-width:100%}}
@media print{.site-header,.breadcrumbs,.tool-hero,.transpose-controls,.transposer-settings,.editor-card:first-child,.transposer-footer-actions,.privacy-note,.tool-content-grid,.section,.site-footer{display:none!important}.transposer-panel{border:0;box-shadow:none;background:#fff;color:#111;padding:0}.transposer-editors{display:block}.editor-card{border:0;background:#fff}.editor-head{display:none}.editor-card textarea{color:#111;min-height:auto;overflow:visible;white-space:pre-wrap}}

/* Build 02 Chord Transposer v2 — contrast and quick chord entry */
.transposer-panel{background:#112039;border-color:rgba(174,194,226,.24)}
.transpose-actions .btn,.transposer-footer-actions .btn,.quick-builder-actions .btn{color:#f7f9fc!important;text-shadow:none}
.transpose-actions .btn-primary,.transposer-footer-actions .btn-primary,.quick-builder-actions .btn-primary{background:linear-gradient(90deg,#7868ef,#568df5);box-shadow:0 8px 22px rgba(92,116,242,.2)}
.transpose-actions .btn-secondary,.transposer-footer-actions .btn-secondary,.quick-builder-actions .btn-secondary{background:#182942;border-color:rgba(174,194,226,.22)}
.transpose-actions .btn:hover,.transposer-footer-actions .btn:hover,.quick-builder-actions .btn:hover{border-color:rgba(124,108,242,.72);filter:brightness(1.08)}
.editor-card,.capo-card,.transposer-settings label,.quick-chord-builder{background:#0d1a2d}
.editor-card{border-color:rgba(174,194,226,.2)}
.editor-card textarea{background:#0d1a2d;color:#f7f9fc}
.editor-card textarea::placeholder{color:#8d9bb2}
.quick-chord-builder{margin:22px 0 18px;border:1px solid rgba(174,194,226,.2);border-radius:18px;padding:17px}
.quick-builder-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.quick-builder-head strong{font-size:1rem}.quick-builder-head [data-chord-preview]{font:800 1.08rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--secondary);background:#13243b;border:1px solid rgba(174,194,226,.18);padding:9px 12px;border-radius:11px}
.quick-builder-grid{display:grid;gap:15px}.quick-group{display:grid;gap:8px}.quick-label{color:var(--muted);font-size:.82rem;font-weight:800}
.quick-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-buttons button{border:1px solid rgba(174,194,226,.2);background:#172840;color:#eaf0fa;border-radius:10px;padding:9px 11px;cursor:pointer;font-weight:750;min-height:42px}
.quick-buttons button:hover,.quick-buttons button.is-active{background:rgba(124,108,242,.22);border-color:rgba(124,108,242,.72);color:#fff}
.note-buttons button{min-width:58px}.quality-buttons button{min-width:64px}
.quick-builder-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.quick-builder-actions .btn{padding:10px 14px}
@media(max-width:760px){
 .transpose-actions .btn{font-size:1rem;padding:12px 10px}.quick-chord-builder{padding:14px}.quick-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.quick-buttons button{min-width:0;width:100%;padding:9px 5px;font-size:.9rem}.quality-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-builder-actions{display:grid;grid-template-columns:1fr 1fr}.quick-builder-actions [data-insert-chord]{grid-column:1/-1}.editor-card textarea{background:#0d1a2d}}

/* Build 02 Chord Transposer v3 — compact quick input sheet */
.quick-chord-launch{display:flex;justify-content:flex-start;margin:18px 0 14px}
.quick-chord-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#f7f9fc!important;background:#182942!important;border-color:rgba(174,194,226,.26)!important}
.quick-chord-toggle span{font-size:1.15rem;color:var(--secondary)}
.quick-chord-backdrop{position:fixed;inset:0;background:rgba(1,7,18,.68);backdrop-filter:blur(3px);z-index:120}
.quick-chord-builder{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:121;width:min(760px,calc(100vw - 32px));max-height:min(78vh,720px);overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.48);margin:0!important}
.quick-chord-builder.is-open{display:block}
.quick-builder-head{position:sticky;top:-17px;z-index:2;background:#0d1a2d;padding-top:3px}
.quick-builder-close{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid rgba(174,194,226,.2);background:#172840;color:#f7f9fc;font-size:1.35rem;cursor:pointer;flex:0 0 auto}
body.quick-sheet-open{overflow:hidden}
@media(max-width:760px){
 .quick-chord-launch{position:sticky;top:76px;z-index:18;margin:12px 0;background:#112039;padding:8px 0}
 .quick-chord-toggle{width:100%;justify-content:center}
 .quick-chord-builder{left:0;right:0;bottom:0;top:auto;transform:none;width:100%;max-height:72dvh;border-radius:22px 22px 0 0;padding:14px 14px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box}
 .quick-builder-head{top:-14px;padding:4px 0 10px}
 .quick-builder-grid{gap:12px}
 .quick-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}
 .quality-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
 .quick-builder-actions{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));background:#0d1a2d;padding:10px 0 calc(10px + env(safe-area-inset-bottom));margin-top:12px}
 .editor-card textarea{min-height:320px}
}

.editor-input-help{margin:.55rem 1.25rem 0;color:var(--text-muted,#aebbd0);font-size:.95rem;line-height:1.55}
@media(max-width:720px){.editor-input-help{margin:.5rem 1rem 0;font-size:.9rem}}

/* Build 02 — Lo-Fi Pomodoro for musicians */
.pomodoro-panel{background:#112039;border:1px solid rgba(174,194,226,.24);border-radius:28px;padding:clamp(18px,4vw,32px);box-shadow:0 24px 70px rgba(1,8,22,.28)}
.pomodoro-setup{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:16px}.pomodoro-setup .field{display:grid;gap:8px}.pomodoro-setup label,.section-kicker{font-weight:800;color:var(--text)}.pomodoro-setup input,.pomodoro-setup select,.time-settings input{width:100%;box-sizing:border-box;background:#0d1a2d;border:1px solid rgba(174,194,226,.22);color:var(--text);border-radius:13px;padding:13px 14px;font:inherit;outline:0}.pomodoro-setup input:focus,.pomodoro-setup select:focus,.time-settings input:focus{border-color:var(--primary)}
.preset-section{margin:22px 0 18px}.pomodoro-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:10px}.pomodoro-presets button{min-height:48px;border:1px solid rgba(174,194,226,.2);background:#172840;color:#eaf0fa;border-radius:12px;padding:9px 10px;font-weight:800;cursor:pointer}.pomodoro-presets button:hover,.pomodoro-presets button.is-active{background:rgba(124,108,242,.23);border-color:rgba(124,108,242,.72);color:#fff}
.pomodoro-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}.timer-card,.pomodoro-settings{background:#0d1a2d;border:1px solid rgba(174,194,226,.2);border-radius:22px;padding:20px}.timer-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.mode-badge,.round-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;font-weight:800;font-size:.86rem}.mode-badge{color:#c8c0ff;background:rgba(124,108,242,.18)}.round-badge{color:var(--secondary);background:rgba(53,208,186,.12)}.pomodoro-time{text-align:center;font-size:clamp(4.4rem,11vw,7.6rem);font-weight:900;letter-spacing:-.07em;line-height:1;font-variant-numeric:tabular-nums;margin:28px 0 12px}.timer-goal{text-align:center;color:var(--muted);min-height:1.6em;overflow-wrap:anywhere}.timer-progress{height:8px;background:#172840;border-radius:99px;overflow:hidden;margin:22px 0}.timer-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .25s}.timer-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}.timer-controls .btn{width:100%;min-width:0}.today-counter{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid rgba(174,194,226,.14);color:var(--muted)}.today-counter strong{font-size:1.3rem;color:var(--secondary)}
.settings-toggle{display:none;width:100%;border:0;background:transparent;color:var(--text);font-weight:850;text-align:left;font-size:1rem;padding:0}.settings-toggle span{float:right}.settings-body{display:grid;gap:18px}.time-settings{display:grid;grid-template-columns:1fr 1fr;gap:11px}.time-settings label{display:grid;gap:7px;color:var(--muted);font-size:.84rem;font-weight:800}.time-settings label span{display:flex;align-items:center;gap:7px;color:var(--muted)}.time-settings input{max-width:88px;padding:10px 9px;color:var(--text)}.toggle-list{display:grid;gap:9px;padding-top:4px}.toggle-list label{display:flex;align-items:center;gap:10px;background:#13233a;border:1px solid rgba(174,194,226,.15);border-radius:12px;padding:11px 12px;color:#dce5f4;font-weight:700}.toggle-list input{width:18px;height:18px;accent-color:var(--primary)}
.session-complete{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:18px;background:rgba(53,208,186,.09);border:1px solid rgba(53,208,186,.28);border-radius:18px}.session-complete strong{font-size:1.05rem;color:var(--secondary)}.session-complete p{margin:.35rem 0 0;color:var(--muted)}.complete-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.complete-actions .btn{padding:10px 13px}
@media(max-width:820px){.pomodoro-main{grid-template-columns:1fr}.pomodoro-setup{grid-template-columns:1fr}.pomodoro-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.pomodoro-presets button:last-child{grid-column:1/-1}.settings-toggle{display:block}.settings-body{display:none;margin-top:16px}.pomodoro-settings.is-open .settings-body{display:grid}.session-complete{align-items:stretch;flex-direction:column}.complete-actions{display:grid;grid-template-columns:1fr 1fr}.complete-actions .btn{width:100%;box-sizing:border-box}}
@media(max-width:520px){.pomodoro-panel{padding:15px;border-radius:22px}.timer-card,.pomodoro-settings{padding:16px}.pomodoro-time{font-size:clamp(4.2rem,23vw,6.2rem);margin:24px 0 10px}.timer-controls{grid-template-columns:1fr 1fr}.timer-controls [data-start]{grid-column:1/-1}.time-settings{grid-template-columns:1fr 1fr}.pomodoro-presets{grid-template-columns:1fr 1fr}.complete-actions{grid-template-columns:1fr}}

/* Build 02 Pomodoro v2 — button contrast and multilingual readability */
.pomodoro-panel .btn,
.pomodoro-panel button,
.pomodoro-panel summary,
.pomodoro-panel .settings-toggle{
  color:#f7f9fc;
  -webkit-text-fill-color:#f7f9fc;
  text-shadow:none;
}
.pomodoro-panel .btn-primary,
.pomodoro-panel [data-start],
.pomodoro-panel [data-next]{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:linear-gradient(90deg,#7868ef,#568df5);
  border-color:transparent;
  box-shadow:0 8px 24px rgba(86,141,245,.18);
}
.pomodoro-panel .btn-secondary,
.pomodoro-panel [data-reset],
.pomodoro-panel [data-skip],
.pomodoro-panel [data-save-note],
.pomodoro-panel .complete-actions a.btn{
  color:#f7f9fc !important;
  -webkit-text-fill-color:#f7f9fc !important;
  background:#1b304b;
  border-color:rgba(174,194,226,.3);
}
.pomodoro-panel .btn:hover,
.pomodoro-panel button:hover,
.pomodoro-panel summary:hover{
  filter:brightness(1.08);
  border-color:rgba(124,108,242,.72);
}
.pomodoro-panel .btn:focus-visible,
.pomodoro-panel button:focus-visible,
.pomodoro-panel summary:focus-visible{
  outline:3px solid rgba(93,141,247,.9);
  outline-offset:3px;
}
.pomodoro-panel .btn:disabled,
.pomodoro-panel button:disabled{
  color:#aebbd0 !important;
  -webkit-text-fill-color:#aebbd0 !important;
  opacity:.62;
  cursor:not-allowed;
}
.pomodoro-panel .session-complete .complete-actions .btn{
  min-height:48px;
  font-weight:850;
  line-height:1.25;
}
@media(max-width:520px){
  .pomodoro-panel .timer-controls .btn,
  .pomodoro-panel .complete-actions .btn{
    font-size:1rem;
    min-height:52px;
  }
}

/* Build 02 — high-standard Metronome */
.metronome-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:18px;background:#112039;border:1px solid rgba(174,194,226,.24);border-radius:28px;padding:clamp(16px,3vw,28px);box-shadow:0 24px 70px rgba(1,8,22,.28)}
.metro-stage,.metro-settings{background:#0d1a2d;border:1px solid rgba(174,194,226,.2);border-radius:22px;padding:clamp(16px,3vw,24px)}.metro-stage{display:flex;flex-direction:column;align-items:center}.beat-orbit{width:min(290px,76vw);aspect-ratio:1;display:grid;place-items:center;position:relative;margin:4px 0 12px}.beat-light{width:44%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#172840;border:3px solid rgba(174,194,226,.2);font-size:clamp(2.4rem,7vw,4.2rem);font-weight:900;transition:transform .05s,background .05s,box-shadow .05s}.beat-light.is-hit{transform:scale(1.07);background:rgba(53,208,186,.25);border-color:var(--secondary);box-shadow:0 0 40px rgba(53,208,186,.35)}.beat-light.is-accent{background:rgba(124,108,242,.35);border-color:#8f82ff;box-shadow:0 0 44px rgba(124,108,242,.38)}.beat-dots{position:absolute;inset:0}.beat-dots i{position:absolute;width:13px;height:13px;border-radius:50%;background:#263c59;border:1px solid rgba(174,194,226,.22);transform:translate(-50%,-50%)}.beat-dots i.is-active{background:var(--secondary);box-shadow:0 0 14px rgba(53,208,186,.55)}
.tempo-display{display:grid;grid-template-columns:auto minmax(150px,240px) auto;align-items:end;gap:10px;width:100%;justify-content:center}.tempo-display>button{min-width:64px;min-height:50px;border:1px solid rgba(174,194,226,.24);border-radius:13px;background:#182a43;color:#fff;font-weight:850;cursor:pointer}.tempo-display label{display:grid;grid-template-columns:1fr auto;align-items:end;background:#091527;border:1px solid rgba(174,194,226,.22);border-radius:17px;padding:10px 14px}.tempo-display label span{grid-column:1/-1;color:var(--muted);font-weight:800;font-size:.82rem}.tempo-display input{width:100%;min-width:0;border:0;background:transparent;color:#fff;font-size:clamp(2.8rem,8vw,4.6rem);font-weight:900;letter-spacing:-.07em;outline:0}.tempo-display strong{color:var(--secondary);padding-bottom:10px}.metro-slider{width:100%;margin:18px 0;accent-color:var(--primary)}.metro-main-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;width:100%}.metro-main-actions .btn{min-height:54px;color:#fff!important}.metro-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:17px}.metro-status span{display:grid;text-align:center;background:#13243b;border:1px solid rgba(174,194,226,.15);padding:9px 5px;border-radius:12px}.metro-status small{color:var(--muted);font-weight:750}.metro-status strong{font-variant-numeric:tabular-nums}
.metro-settings{display:grid;align-content:start;gap:17px}.setting-block h2{font-size:.95rem;margin:0 0 8px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.segmented button{min-height:45px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px;border:1px solid rgba(174,194,226,.2);border-radius:11px;background:#172840;color:#eef3fb;font-weight:800;cursor:pointer}.segmented button.is-active{background:rgba(124,108,242,.28);border-color:#8f82ff;color:#fff}.subdiv-grid{grid-template-columns:repeat(2,1fr)}.toggle-stack{display:grid;gap:8px}.toggle-stack label,.speed-builder label{display:flex;align-items:center;gap:9px;background:#13243b;border:1px solid rgba(174,194,226,.15);border-radius:12px;padding:10px 11px;color:#e8eef8;font-weight:700}.toggle-stack input,.speed-builder input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.setting-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.range-setting,.select-setting{display:grid;gap:7px;color:var(--muted);font-weight:800;font-size:.86rem}.range-setting input{width:100%;accent-color:var(--primary)}.select-setting select,.speed-builder select,.speed-builder input[type=number]{background:#13243b;border:1px solid rgba(174,194,226,.2);border-radius:10px;color:#fff;padding:9px}.speed-builder{border:1px solid rgba(174,194,226,.17);border-radius:14px;background:#101f34}.speed-builder summary{cursor:pointer;padding:12px 13px;font-weight:850;color:#fff}.speed-builder>div{display:grid;gap:10px;padding:0 12px 12px}.speed-builder label{display:grid;grid-template-columns:minmax(0,1fr) 96px 74px;align-items:center;column-gap:12px;min-height:62px;margin:0;padding:12px 14px}.speed-builder label:first-child{grid-template-columns:24px minmax(0,1fr);justify-content:start}.speed-builder label:first-child span{text-align:left}.speed-builder input[type=number],.speed-builder select{width:96px;min-width:96px;text-align:center}.speed-builder label:not(:first-child){text-align:left}.speed-builder label:not(:first-child)>:last-child{text-align:right}.preset-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}.preset-actions .btn{min-height:54px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8px;color:#fff!important;background:#1a2d47;white-space:nowrap}.metro-message{min-height:1.6em;margin:0;color:var(--secondary);font-weight:750}.metro-save-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:14px}.metro-save-row>.btn{color:#fff!important}.metro-save-row .privacy-note{margin:0}
@media(max-width:900px){.metronome-panel{grid-template-columns:1fr}.metro-settings{grid-template-columns:1fr 1fr}.metro-settings .toggle-stack,.metro-settings .setting-row,.metro-settings .speed-builder,.metro-settings .preset-actions,.metro-settings .metro-message{grid-column:1/-1}}
@media(max-width:620px){.speed-builder label{grid-template-columns:minmax(0,1fr) 82px 58px;column-gap:8px;padding:11px 12px}.speed-builder label:first-child{grid-template-columns:24px minmax(0,1fr)}.speed-builder input[type=number],.speed-builder select{width:82px;min-width:82px}}
@media(max-width:620px){.metronome-panel{padding:12px;border-radius:22px}.metro-stage,.metro-settings{padding:14px}.beat-orbit{width:min(240px,70vw)}.tempo-display{grid-template-columns:58px minmax(0,1fr) 58px}.tempo-display>button{min-width:0;padding:4px}.tempo-display input{font-size:clamp(2.8rem,16vw,4.1rem)}.metro-status{grid-template-columns:1fr 1fr}.metro-settings{grid-template-columns:1fr}.metro-settings>*{grid-column:1!important}.segmented{grid-template-columns:repeat(4,1fr)}.subdiv-grid{grid-template-columns:1fr 1fr}.setting-row{grid-template-columns:1fr}.preset-actions{grid-template-columns:1fr 1fr}.preset-actions [data-clear-preset]{grid-column:1/-1}.metro-save-row{grid-template-columns:1fr}.metro-save-row>.btn{width:100%}}

/* Ambient mixer */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ambient-panel{background:#112039;border:1px solid rgba(174,194,226,.24);border-radius:28px;padding:clamp(16px,3vw,28px);box-shadow:0 24px 70px rgba(1,8,22,.28)}.ambient-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center}.ambient-toolbar h2{margin:0}.ambient-toolbar p{margin:3px 0 0;color:var(--muted)}.ambient-main-actions{display:flex;gap:9px}.ambient-main-actions .btn{color:#fff!important;min-width:138px}.ambient-control-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(170px,.65fr) minmax(150px,.45fr);gap:12px;margin:20px 0}.ambient-control-row>*{background:#0d1a2d;border:1px solid rgba(174,194,226,.18);border-radius:14px;padding:12px}.ambient-timer-status{display:grid;align-content:center;gap:4px}.ambient-timer-status span{color:var(--muted);font-size:.84rem;font-weight:800}.ambient-timer-status strong{font-variant-numeric:tabular-nums}.ambient-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.ambient-presets>span{font-weight:850;margin-right:4px}.ambient-presets button{border:1px solid rgba(174,194,226,.2);background:#172840;color:#eef3fb;border-radius:999px;padding:8px 12px;font-weight:750;cursor:pointer}.ambient-presets button:hover{border-color:#8f82ff}.ambient-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ambient-card{background:#0d1a2d;border:1px solid rgba(174,194,226,.18);border-radius:18px;padding:13px;transition:.18s}.ambient-card.is-active{border-color:var(--secondary);box-shadow:0 0 0 1px rgba(53,208,186,.2),0 10px 28px rgba(1,8,22,.22)}.ambient-toggle{width:100%;border:0;background:transparent;color:#eef3fb;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:left;padding:0 0 11px;cursor:pointer}.ambient-icon{font-size:1.55rem}.ambient-toggle strong{font-size:.9rem;line-height:1.25}.ambient-state{font-size:.72rem;color:var(--muted);text-transform:uppercase}.ambient-card.is-active .ambient-state{color:var(--secondary)}.ambient-card input[type=range]{width:100%;accent-color:var(--secondary)}.ambient-save-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.ambient-save-actions .btn{color:#fff!important;min-height:50px;text-align:center}.ambient-message{min-height:1.6em;margin:10px 0 0;color:var(--secondary);font-weight:750}.ambient-card audio{display:none}@media(max-width:900px){.ambient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ambient-control-row{grid-template-columns:1fr 1fr}.ambient-timer-status{grid-column:1/-1}.ambient-toolbar{align-items:flex-start}}@media(max-width:560px){.ambient-panel{padding:13px;border-radius:22px}.ambient-toolbar{display:grid}.ambient-main-actions{display:grid;grid-template-columns:1fr 1fr}.ambient-main-actions .btn{min-width:0}.ambient-control-row{grid-template-columns:1fr}.ambient-timer-status{grid-column:auto}.ambient-presets{display:grid;grid-template-columns:1fr 1fr}.ambient-presets>span{grid-column:1/-1}.ambient-presets button{border-radius:12px}.ambient-grid{gap:9px}.ambient-card{padding:11px}.ambient-toggle{grid-template-columns:auto 1fr}.ambient-state{grid-column:2}.ambient-save-actions{grid-template-columns:1fr 1fr}.ambient-save-actions [data-clear]{grid-column:1/-1}}

/* Practice tracker */
.practice-dashboard{display:grid;gap:18px}.practice-form-card,.practice-history-card{background:#112039;border:1px solid rgba(174,194,226,.24);border-radius:26px;padding:clamp(16px,3vw,26px)}.practice-form-card h2,.practice-history-card h2{margin-top:0}.practice-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.practice-form-grid label{display:grid;gap:7px}.practice-form-grid label span{color:var(--muted);font-weight:800;font-size:.86rem}.practice-form-grid input,.practice-form-grid select,.practice-form-grid textarea{width:100%;box-sizing:border-box;background:#0d1a2d;border:1px solid rgba(174,194,226,.2);color:#fff;border-radius:12px;padding:11px 12px;font:inherit;outline:0}.practice-form-grid textarea{resize:vertical}.practice-form-grid input:focus,.practice-form-grid select:focus,.practice-form-grid textarea:focus{border-color:var(--primary)}.practice-wide{grid-column:span 2}.practice-form-actions{display:flex;gap:10px;margin-top:15px}.practice-form-actions .btn{color:#fff!important}.practice-message{min-height:1.6em;margin:10px 0 0;color:var(--secondary);font-weight:750}.practice-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.practice-summary article{background:#0d1a2d;border:1px solid rgba(174,194,226,.18);border-radius:18px;padding:16px}.practice-summary span{display:block;color:var(--muted);font-size:.82rem;font-weight:800}.practice-summary strong{display:block;font-size:1.4rem;margin-top:4px}.practice-history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.practice-history-head h2{margin-bottom:4px}.practice-history-head p{margin:0;color:var(--muted);font-size:.86rem}.practice-history-head>div:last-child{display:flex;gap:8px}.practice-history-head .btn{color:#fff!important;background:#1a2d47}.practice-history-head .danger-soft{color:#ffd2d2!important}.danger-soft{border-color:rgba(239,68,68,.35)!important}.practice-history{display:grid;gap:10px;margin-top:18px}.practice-empty{padding:26px;text-align:center;color:var(--muted);border:1px dashed rgba(174,194,226,.2);border-radius:16px}.practice-entry{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(90px,.55fr)) auto;gap:10px;align-items:center;background:#0d1a2d;border:1px solid rgba(174,194,226,.15);border-radius:16px;padding:13px}.practice-entry-main strong{display:block}.practice-entry-main span,.practice-entry-stat small{display:block;color:var(--muted);font-size:.78rem}.practice-entry-stat strong{font-variant-numeric:tabular-nums}.practice-entry-actions{display:flex;gap:7px}.practice-entry-actions button{border:1px solid rgba(174,194,226,.2);background:#172840;color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}.practice-entry-actions button:last-child{color:#ffb4b4}@media(max-width:900px){.practice-form-grid{grid-template-columns:1fr 1fr}.practice-summary{grid-template-columns:1fr 1fr}.practice-entry{grid-template-columns:1fr 1fr 1fr}.practice-entry-main{grid-column:1/-1}.practice-entry-actions{grid-column:1/-1}.practice-history-head{display:grid}.practice-history-head>div:last-child{flex-wrap:wrap}}@media(max-width:560px){.practice-form-card,.practice-history-card{padding:14px;border-radius:22px}.practice-form-grid{grid-template-columns:1fr}.practice-wide{grid-column:auto}.practice-form-actions{display:grid;grid-template-columns:1fr 1fr}.practice-summary{grid-template-columns:1fr 1fr}.practice-history-head>div:last-child{display:grid;grid-template-columns:1fr}.practice-entry{grid-template-columns:1fr 1fr}.practice-entry-main{grid-column:1/-1}.practice-entry-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.practice-entry-actions button{min-height:44px}}

@media(max-width:520px){html[lang="zh-CN"] .tool-hero h1{word-break:normal;overflow-wrap:anywhere}}


/* LoveMusiz brand system, accessible controls and Atlas footer */
.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.brand::before{content:"";display:block;width:30px;height:30px;flex:0 0 30px;background:url("../images/logo-mark.svg") center/contain no-repeat}
.site-footer{padding:72px 0;background:linear-gradient(108deg,#07101f 0%,#091226 64%,#171231 100%);color:#d8deed;border-top:1px solid rgba(174,194,226,.14)}
.footer-atlas-grid{display:grid;grid-template-columns:minmax(300px,1.8fr) minmax(145px,.72fr) minmax(175px,.82fr) minmax(260px,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.footer-brand-block .brand{font-size:1.5rem}
.footer-brand-block .brand::before{width:46px;height:46px;flex-basis:46px}
.footer-brand-block p{max-width:480px;margin:28px 0 0;color:#c5cde0;font-size:1rem;line-height:1.85}
.footer-column,.footer-atlas-block{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.footer-column h2,.footer-atlas-block h2{margin:0 0 11px;color:#fff;font-size:.76rem;line-height:1.3;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.footer-column a{color:#f4f6fb;font-size:.95rem;line-height:1.45;font-weight:700}
.footer-column a:hover{color:var(--secondary)}
.footer-atlas-block p{margin:0;color:#f1f3f8;font-size:.96rem;line-height:1.8}
.footer-atlas-badge{margin-top:6px;padding:13px 18px;border:1px solid rgba(142,105,238,.76);border-radius:999px;background:rgba(74,35,137,.42);color:#fff;font-size:.88rem;line-height:1.4;font-weight:800}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:54px;padding-top:26px;border-top:1px solid rgba(174,194,226,.18);color:#f1f3f8;font-size:.9rem;line-height:1.5}.footer-bottom [data-footer-note]{text-align:right;color:#d8deed}
.btn{color:var(--text);-webkit-text-fill-color:var(--text);cursor:pointer}
.btn-primary{color:#fff;-webkit-text-fill-color:#fff}
.btn-secondary{color:var(--text);-webkit-text-fill-color:var(--text)}
.workspace-actions .btn{color:#f7f9fc!important;-webkit-text-fill-color:#f7f9fc!important;text-shadow:none}
.workspace-actions .btn-primary{color:#fff!important;-webkit-text-fill-color:#fff!important}
.workspace-actions select{color:#f7f9fc!important;-webkit-text-fill-color:#f7f9fc!important}
@media(max-width:1020px){.footer-atlas-grid{grid-template-columns:minmax(280px,1.25fr) 1fr;gap:42px 54px}}
@media(max-width:620px){.footer-bottom{align-items:flex-start;flex-direction:column;margin-top:40px;padding-top:22px}.footer-bottom [data-footer-note]{text-align:left}.header-inner{gap:10px}.header-inner>.brand{font-size:1.08rem;gap:6px}.header-inner>.brand::before{width:23px;height:23px;flex-basis:23px}.site-header .lang-select{max-width:92px;padding-inline:8px}.site-footer{padding:50px 0}.footer-atlas-grid{grid-template-columns:1fr;gap:34px}.footer-brand-block p{max-width:none;margin-top:20px}.footer-column h2,.footer-atlas-block h2{font-size:.8rem}.footer-atlas-badge{width:100%;box-sizing:border-box;text-align:center}}