:root{--bloom-bg:#fff;--bloom-surface:#f4f7fb;--bloom-card:#fff;--bloom-text:#182238;--bloom-muted:#4c5b72;--bloom-border:#d8e1ed;--bloom-accent:#0072c6;--bloom-soft:#e8f3ff;--bloom-width:600px;color-scheme:light}
html.dark{--bloom-bg:#13192d;--bloom-surface:#19223b;--bloom-card:#151e34;--bloom-text:#f3f6ff;--bloom-muted:#b7c3dc;--bloom-border:#344562;--bloom-accent:#69bfff;--bloom-soft:#213b5b;color-scheme:dark}
*{box-sizing:border-box}body{background:var(--bloom-bg);color:var(--bloom-text);font-size:15px}button,input{font-family:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--bloom-accent)}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--bloom-accent);outline-offset:4px}
#header,#footer,#logo,.search-form,#text{width:calc(100% - 32px);max-width:var(--bloom-width)}#header{align-items:center;gap:18px;min-height:78px;border-color:var(--bloom-border);flex-wrap:wrap;padding:14px 0}#header>div:first-child{gap:22px;justify-content:flex-start;flex-wrap:wrap}#header a{margin:0;color:var(--bloom-text)}#header>div:first-child>a{display:flex;align-items:center;min-height:44px;font-weight:600}#header .bloom-header-actions{display:flex;align-items:center;gap:18px;margin-inline-start:auto;width:auto}.bloom-theme{white-space:nowrap;font-size:13px}#header #theme{display:inline-flex;align-items:center;min-height:44px;color:var(--bloom-accent)}
#logo{margin:30px auto 26px;background:none}#logo>a{display:inline-block;padding:2px}#logo img{display:block;width:144px;height:70px}
.bloom-skip{position:fixed;top:8px;left:16px;z-index:1000;padding:12px 18px;background:var(--bloom-card);transform:translateY(-200%)}.bloom-skip:focus{transform:translateY(0)}
.bloom-language{position:relative;z-index:120;font-size:14px}.bloom-language summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid var(--bloom-border);border-radius:10px;list-style:none;background:var(--bloom-card);cursor:pointer;font-weight:600}.bloom-language summary::-webkit-details-marker{display:none}.bloom-language svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}.bloom-language .bloom-chevron{width:14px;height:14px}.bloom-language[open] .bloom-chevron{transform:rotate(180deg)}.bloom-language nav{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:248px;max-width:calc(100vw - 32px);max-height:65vh;max-height:65dvh;overflow:auto;padding:6px;border:1px solid var(--bloom-border);border-radius:12px;background:var(--bloom-card);box-shadow:0 12px 32px #0002;overscroll-behavior:contain}
#header .bloom-language nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 12px;border-radius:7px;color:var(--bloom-text);text-decoration:none}#header .bloom-language nav a:hover,#header .bloom-language nav a[aria-current=page]{background:var(--bloom-soft);color:var(--bloom-accent)}
.search-form.bloom-search{margin:0 auto 36px;padding:18px;border:1px solid var(--bloom-border);border-radius:14px;background:var(--bloom-card);color:var(--bloom-text);box-shadow:0 8px 24px #00000005}.dark .search-form.bloom-search{background:#0e1323;border-color:#293752}.bloom-search label{display:block;font-size:15px;font-weight:600;line-height:1.5}.search-form.bloom-search .bloom-search-row{display:flex;gap:12px;margin-top:12px;align-items:stretch}.search-form.bloom-search .input{min-width:0;flex:1;margin:0;position:relative}.bloom-search input[type=text]{width:100%;height:54px;padding-inline:14px 92px;border:1px solid var(--bloom-border);background:var(--bloom-bg);color:var(--bloom-text);border-radius:8px;font-size:16px}.bloom-search input::placeholder{color:var(--bloom-muted);opacity:1}.search-form.bloom-search input[type=submit]{flex:none;margin:0;width:110px;height:54px;border-radius:8px;color:#fff;background:#007aca;font-weight:700;font-size:16px}.search-form.bloom-search input[type=submit]:hover{background:#0066ad}
.bloom-paste{position:absolute;inset-inline-end:5px;top:5px;display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 10px;border:0;border-radius:6px;background:var(--bloom-soft);color:var(--bloom-accent);font-size:13px;font-weight:700}.bloom-paste svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.bloom-paste-status{margin:0;font-size:13px;line-height:1.5;color:var(--bloom-muted)}.bloom-paste-status:not(:empty){margin-top:10px}.suggest-results{color:#182238;text-align:start;max-height:240px;border:1px solid #d8e1ed}.suggest-results li{min-height:40px;display:flex;align-items:center}
#text{margin:0 auto 36px;color:var(--bloom-muted)}#text h1{color:var(--bloom-text);font-size:clamp(28px,4vw,38px);font-weight:750;line-height:1.2;margin:0 0 18px;letter-spacing:-.025em}#text h2{color:var(--bloom-text);font-size:23px;line-height:1.3;letter-spacing:-.018em}#text h3{color:var(--bloom-text);font-size:17px;line-height:1.4}#text p,#text ul,#text ol{color:var(--bloom-muted);font-size:15px;line-height:1.8;text-align:start}#text a,.dark #text a{color:var(--bloom-accent);text-underline-offset:3px}#text .bloom-intro{margin:46px 0 28px}#text .bloom-intro h1{text-align:center}#text .bloom-intro p{font-size:16px;line-height:1.8;margin:0;max-width:none}.bloom-section-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.bloom-section-heading h2{margin:0}.bloom-chart-line{height:1px;flex:1;background:var(--bloom-border)}.bloom-chart{margin:32px 0 40px}.bloom-tracks{border:1px solid var(--bloom-border);border-radius:14px;overflow:hidden;background:var(--bloom-card)}.bloom-track{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--bloom-border)}.bloom-track:last-child{border:0}.bloom-rank{flex:none;width:24px;color:var(--bloom-muted);font-size:12px;font-variant-numeric:tabular-nums}.bloom-art{flex:none;display:block}.bloom-art img{width:48px;height:48px;display:block;object-fit:cover;border-radius:7px}.bloom-track-copy{min-width:0;flex:1}#text .bloom-track h3{font-size:15px;margin:0 0 2px;font-weight:700}#text .bloom-track h3 a{color:var(--bloom-text);text-decoration:none}#text .bloom-track-copy p{margin:0;line-height:1.5;font-size:13px;overflow-wrap:anywhere}.bloom-download{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 12px;border:1px solid var(--bloom-border);border-radius:8px;text-decoration:none;font-size:13px;font-weight:700;background:var(--bloom-soft)}.bloom-download svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.bloom-download:hover{border-color:var(--bloom-accent)}.bloom-tracks>.bloom-muted{padding:18px;margin:0}
.bloom-prose>section{margin:38px 0}.bloom-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--bloom-border);border-radius:14px;overflow:hidden}.bloom-features>div{padding:22px;border-inline-end:1px solid var(--bloom-border);background:var(--bloom-card)}.bloom-features>div:last-child{border:0}.bloom-step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--bloom-accent);background:var(--bloom-soft);font-size:12px;font-weight:700}#text .bloom-features h3{margin:16px 0 8px}#text .bloom-features p{margin:0;font-size:14px;line-height:1.75}.bloom-steps{counter-reset:bloom-step;list-style:none;margin:0!important;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bloom-steps>li{border-top:2px solid var(--bloom-accent);padding-top:16px;margin:0}.bloom-steps>li:before{counter-increment:bloom-step;content:counter(bloom-step,decimal-leading-zero);color:var(--bloom-accent);font-size:12px;font-weight:700}#text .bloom-steps h3{margin:10px 0 6px}#text .bloom-steps p{margin:0;font-size:14px}.bloom-note{padding:22px;border-inline-start:3px solid var(--bloom-accent);background:var(--bloom-surface);border-radius:0 10px 10px 0}#text .bloom-note h2{font-size:20px;margin:0}#text .bloom-note p{margin-top:10px}
.bloom-faq details{padding:0;border-bottom:1px solid var(--bloom-border)}.bloom-faq summary{position:relative;padding:18px 34px 18px 0;color:var(--bloom-text);cursor:pointer;list-style:none;font-size:15px;font-weight:600;line-height:1.5}.bloom-faq summary::-webkit-details-marker{display:none}.bloom-faq summary:after{position:absolute;inset-inline-end:8px;content:'+';font-size:21px;top:14px;color:var(--bloom-accent)}.bloom-faq details[open] summary:after{content:'−'}#text .bloom-faq details p{margin:0 0 18px}.bloom-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:32px 0}#text .bloom-tools>a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border:1px solid var(--bloom-border);border-radius:8px;min-height:48px;text-decoration:none;color:var(--bloom-text);font-size:13px;font-weight:600}.bloom-tools a:hover{background:var(--bloom-soft)}.bloom-tools span{font-size:17px;color:var(--bloom-accent)}.bloom-dual{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bloom-dual>div,.bloom-tile{padding:22px;border:1px solid var(--bloom-border);border-radius:12px;background:var(--bloom-card)}.bloom-audio-line{height:50px;background:repeating-linear-gradient(90deg,transparent 0,transparent 8px,var(--bloom-accent) 8px,var(--bloom-accent) 11px);clip-path:polygon(0 42%,5% 35%,10% 47%,15% 15%,20% 32%,25% 5%,30% 30%,35% 20%,40% 38%,45% 15%,50% 0,55% 23%,60% 35%,65% 25%,70% 44%,75% 30%,80% 5%,85% 25%,90% 40%,95% 32%,100% 43%,100% 57%,95% 68%,90% 60%,85% 75%,80% 95%,75% 70%,70% 56%,65% 75%,60% 65%,55% 77%,50% 100%,45% 85%,40% 62%,35% 80%,30% 70%,25% 95%,20% 68%,15% 85%,10% 53%,5% 65%,0 58%);opacity:.7}.bloom-query-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.bloom-query-chips button{padding:10px 14px;min-height:44px;border:1px solid var(--bloom-border);border-radius:24px;background:var(--bloom-soft);color:var(--bloom-accent)}.bloom-frame-pair{display:flex;gap:20px;align-items:center;justify-content:center;padding:24px}.bloom-frame{border:2px solid var(--bloom-accent);border-radius:8px;background:var(--bloom-soft);width:55%;aspect-ratio:16/9;display:grid;place-items:center;font-size:13px}.bloom-frame.portrait{width:20%;aspect-ratio:9/16}.bloom-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bloom-flow>div{padding:18px 12px;border-bottom:3px solid var(--bloom-accent);background:var(--bloom-surface);font-size:14px;color:var(--bloom-text);font-weight:600}.bloom-flow span{display:block;font-size:12px;color:var(--bloom-accent);margin-bottom:10px}
.bloom-blog{width:calc(100% - 32px);max-width:var(--bloom-width);margin:0 auto 38px;color:var(--bloom-muted)}.bloom-blog h1,.bloom-blog h2,.bloom-blog h3{color:var(--bloom-text)}.bloom-blog p{line-height:1.8}.bloom-blog-head{margin:36px 0 26px}.bloom-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--bloom-accent)}.bloom-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bloom-blog-card{min-width:0;border:1px solid var(--bloom-border);border-radius:12px;overflow:hidden;background:var(--bloom-card)}.bloom-blog-card-link{display:block;height:100%;text-decoration:none;color:var(--bloom-text)!important}.bloom-blog-card-link:hover h2,.bloom-blog-card-link:hover h3{text-decoration:underline;text-underline-offset:4px}.bloom-blog-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--bloom-surface)}.bloom-blog-card-copy{padding:16px}.bloom-blog-card h2,.bloom-blog-card h3{font-size:16px!important;line-height:1.45!important;margin:0!important;letter-spacing:0!important}.bloom-blog-meta{font-size:11px;color:var(--bloom-muted);margin:0 0 8px}.bloom-blog-excerpt{font-size:13px!important;line-height:1.7!important;margin:10px 0!important}.bloom-blog-read{display:block;font-size:12px;font-weight:700;color:var(--bloom-accent);margin-top:14px}.bloom-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:30px 0}.bloom-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--bloom-border);border-radius:7px;text-decoration:none}.bloom-page-link[aria-current=page]{background:var(--bloom-soft);color:var(--bloom-text)}.bloom-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;margin:22px 0}.bloom-blog-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.bloom-blog-article-meta{font-size:12px;margin:18px 0}.bloom-blog-article .bloom-prose{line-height:1.85;overflow-wrap:anywhere}.bloom-blog-article h1{font-size:clamp(26px,4vw,36px);line-height:1.25}.bloom-blog-article h2{margin-top:32px}.bloom-blog-article ul,.bloom-blog-article ol{color:var(--bloom-muted);line-height:1.8;padding-inline-start:22px}.bloom-blog-article ul{list-style:disc}.bloom-blog-article li{margin-bottom:8px}.bloom-blog-article li a{padding:0;color:var(--bloom-accent);text-decoration:underline}.bloom-blog-article table{display:block;max-width:100%;overflow:auto}.bloom-blog-latest,.bloom-blog-related{margin:40px 0}.bloom-blog-latest>header,.bloom-blog-related>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.bloom-blog-latest h2,.bloom-blog-related h2{margin:0}.bloom-link{font-size:13px;font-weight:600}
#footer{display:flex;flex-wrap:wrap;gap:12px 20px;border-color:var(--bloom-border);padding:22px 0 10px}#footer a,.dark #footer a{color:var(--bloom-muted);font-size:12px;line-height:24px;margin:0;min-height:32px}.bloom-copyright{text-align:center;font-size:12px;color:var(--bloom-muted);margin:0 auto 26px}
.bloom-start-grid,.bloom-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bloom-feature{border:1px solid var(--bloom-border);border-radius:12px;padding:20px;background:var(--bloom-card)}#text .bloom-feature h3{margin:0 0 10px}#text .bloom-feature p{font-size:14px;margin:0}.bloom-start-grid .bloom-feature{border-top:3px solid var(--bloom-accent)}.bloom-howto-screens{display:grid;gap:16px;margin:0 0 24px;padding:0;border:0;background:none}.bloom-howto-screens img{display:block;box-sizing:border-box;width:100%;height:auto;border:1px solid var(--bloom-border);border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(24,52,89,.05)}
@media(max-width:700px){.bloom-start-grid,.bloom-feature-grid{grid-template-columns:1fr}}
[dir=rtl] .bloom-faq summary{padding:18px 0 18px 34px}[dir=rtl] .bloom-note{border-radius:10px 0 0 10px}
.related-songs{width:calc(100% - 32px);max-width:var(--bloom-width);margin:40px auto;color:var(--bloom-muted)}.related-songs h2{color:var(--bloom-text);font-size:24px}.related-songs p{line-height:1.7}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-grid[hidden],.related-more[hidden]{display:none}.related-card{border:1px solid var(--bloom-border);border-radius:12px;overflow:hidden;background:var(--bloom-card);min-width:0}.related-artwork{display:block}.related-artwork img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.related-info{padding:14px}.related-info h3{font-size:15px;line-height:1.5;margin:0 0 12px}.related-info h3 a{color:var(--bloom-text);text-decoration:none}.related-meta{display:block;font-size:12px}.related-action{display:inline-flex;min-height:44px;align-items:center;font-size:13px;font-weight:700}.related-more{display:inline-flex;align-items:center;min-height:44px;margin-top:18px}.related-status{font-size:13px}.bloom-prose dl{display:grid;grid-template-columns:120px 1fr;border:1px solid var(--bloom-border);border-radius:12px;padding:18px;gap:12px}.bloom-prose dd{margin:0;font-size:14px;line-height:1.75}.bloom-prose dt{font-size:14px;line-height:1.75;color:var(--bloom-text)}.bloom-tile+.bloom-tile{margin-top:12px}.bloom-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
@media(max-width:700px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bloom-prose dl{grid-template-columns:1fr;gap:6px}.bloom-prose dd{margin-bottom:12px}}
.bloom-blog-article-meta{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:440px){.related-grid{grid-template-columns:1fr}.bloom-section-head{align-items:flex-start}}
@media(max-width:700px){#header{flex-wrap:nowrap;gap:12px;font-size:13px}#header>div:first-child{gap:14px}#header .bloom-header-actions{gap:12px}.bloom-language summary{padding:8px}.bloom-language summary>svg:first-child{display:none}.bloom-theme{font-size:12px}.bloom-features{grid-template-columns:1fr}.bloom-features>div{border-inline-end:0;border-bottom:1px solid var(--bloom-border);padding:20px}.bloom-step-number{float:inline-start;margin-inline-end:14px}#text .bloom-features h3{margin-top:0}.bloom-features p{clear:both}.bloom-steps{grid-template-columns:1fr;gap:24px}.bloom-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bloom-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.bloom-dual{grid-template-columns:1fr}.bloom-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){#header{justify-content:space-between;flex-wrap:wrap;width:calc(100% - 32px);border-bottom:1px solid var(--bloom-border);padding:12px 0}#header div,#header>div:first-child{width:auto;border:0;padding:0;text-align:start}.dark #header div{border:0}#header div:first-of-type a:nth-child(3){display:flex}#header .bloom-header-actions{width:auto}.bloom-theme{white-space:normal}.bloom-language summary{max-width:170px}.bloom-language summary span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#text{width:calc(100% - 32px)}#text .bloom-intro{margin-top:30px}.bloom-track{gap:10px;padding:12px}.bloom-rank{width:19px}.bloom-download{padding:10px}.bloom-download svg{display:none}.bloom-blog-card-copy{padding:13px}}
@media(max-width:440px){#header>div:first-child{gap:12px}.bloom-theme{font-size:11px}.bloom-language{font-size:12px}.bloom-language summary{gap:5px;max-width:145px}.bloom-language summary span{max-width:88px}#header .bloom-header-actions{gap:10px}.search-form.bloom-search{padding:14px}.search-form.bloom-search .bloom-search-row{gap:8px}.search-form.bloom-search input[type=submit]{width:84px;font-size:14px}.bloom-paste span{display:none}.bloom-search input[type=text]{padding-inline-end:52px;font-size:16px}.bloom-track{gap:8px;padding:12px 10px}.bloom-rank{display:none}.bloom-art img{width:42px;height:42px}.bloom-download{font-size:12px;padding:8px}.bloom-blog-grid{grid-template-columns:1fr}.bloom-tools a{font-size:12px!important}.bloom-blog-latest>header{align-items:flex-start}.bloom-blog-latest h2{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.search-form i{animation:none!important}}