.bc-page{--bc-coral: #f08a6c;--bc-coral-soft: #fbe0d6;--bc-sky: #8cc0de;--bc-sky-soft: #dcecf5;--bc-sun: #f5c451;--bc-sun-soft: #fcefc9;--bc-leaf: #7fb88e;--bc-wood: #d9a877;--bc-wood-dark: #c08a55;max-width:1160px;margin:0 auto;padding:40px 24px 80px;color:var(--text);overflow-x:clip}.bc-page h1,.bc-page h2{font-family:Fraunces,Georgia,serif;letter-spacing:-.02em}.bc-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:44px}.bc-badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:var(--bc-sun-soft);color:#6b4a12;font-size:13px;font-weight:700}.bc-hero h1{margin:18px 0 16px;font-size:clamp(40px,5.6vw,68px);line-height:1.02;font-weight:650}.bc-hero h1 em{font-style:italic;color:var(--bc-coral);position:relative;white-space:nowrap}.bc-hero h1 em:after{content:"";position:absolute;left:2%;right:2%;bottom:-.04em;height:.14em;border-radius:99px;background:var(--bc-sun);opacity:.7;z-index:-1}.bc-subtitle{max-width:470px;font-size:18px;line-height:1.6;color:var(--text-muted)}.bc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.bc-confetti{position:absolute;border-radius:50%;z-index:-1;pointer-events:none}.bc-confetti-a{width:120px;height:120px;background:var(--bc-sky-soft);top:-20px;left:-50px}.bc-confetti-b{width:70px;height:70px;background:var(--bc-coral-soft);bottom:10px;left:42%}.bc-confetti-c{width:26px;height:26px;background:var(--bc-sun);top:30px;right:6%}.bc-fan{position:relative;height:380px;border-radius:34px;background:linear-gradient(135deg,var(--bc-wood),var(--bc-wood-dark));box-shadow:inset 0 0 0 10px #fff2,var(--shadow-2);overflow:hidden}.bc-fan:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(100deg,#ffffff10 0 2px,transparent 2px 22px)}.bc-fan-card{position:absolute;width:min(42%,220px);aspect-ratio:1;background:#fff;border-radius:6px;padding:0;box-shadow:0 12px 24px -10px #3a220c99;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1.2)}.bc-fan-0{left:7%;top:9%;transform:rotate(-12deg)}.bc-fan-1{left:50%;top:7%;transform:rotate(8deg)}.bc-fan-2{left:29%;top:27%;transform:rotate(-3deg);z-index:2}.bc-fan-3{left:5%;top:50%;transform:rotate(10deg)}.bc-fan-4{left:53%;top:47%;transform:rotate(-9deg);z-index:3}.bc-fan:hover .bc-fan-2{transform:rotate(0) translateY(-8px) scale(1.03)}.bc-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border:2px solid transparent;border-radius:999px;cursor:pointer;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.bc-button:hover:not(:disabled){transform:translateY(-2px)}.bc-button:active:not(:disabled){transform:translateY(1px)}.bc-button:disabled{opacity:.6;cursor:progress}.bc-primary{background:var(--ink-900);color:#fff;box-shadow:0 5px #000}.bc-primary:hover:not(:disabled){box-shadow:0 7px #000}.bc-ghost{background:var(--surface-raised);color:var(--text);border-color:var(--text)}.bc-big{min-height:58px;padding:14px 28px;font-size:16px}.bc-shuffle{width:100%;background:var(--bc-coral);color:#2b130b;box-shadow:0 5px #c9603f;font-size:16px;min-height:56px}.bc-shuffle:hover:not(:disabled){box-shadow:0 7px #c9603f}.bc-dice{animation:bc-roll .6s ease}@keyframes bc-roll{0%{transform:rotate(-200deg) scale(.6)}to{transform:none}}.bc-round{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--text);background:var(--surface-raised);color:var(--text);cursor:pointer;flex:0 0 auto;transition:transform .15s ease}.bc-round:hover{transform:scale(1.08)}.bc-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;border:0;background:none;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:var(--bc-coral);text-decoration-thickness:2px;text-underline-offset:5px}.bc-link:disabled{opacity:.6}.bc-maker{display:grid;grid-template-columns:360px minmax(0,1fr);gap:0;border-radius:32px;overflow:hidden;background:var(--surface-raised);border:2px solid var(--line);box-shadow:var(--shadow-2);scroll-margin-top:20px}.bc-settings{padding:30px 28px;background:var(--bc-coral-soft)}.bc-section-head{display:flex;align-items:center;gap:12px}.bc-section-head h2{font-size:26px;font-weight:650;line-height:1.2}.bc-step{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:0 0 auto;font:800 18px DM Sans,sans-serif;color:#2b130b}.bc-step-coral{background:var(--bc-coral)}.bc-step-sky{background:var(--bc-sky)}.bc-fields{border:0;display:grid;gap:22px;min-width:0;margin-top:22px}.bc-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bc-theme{display:grid;gap:4px;justify-items:center;padding:10px 8px 12px;border-radius:20px;border:3px solid transparent;background:#fffaf3;cursor:pointer;color:#2b2b2b;box-shadow:0 3px #e8c3b3;transition:transform .15s ease,border-color .15s ease}.bc-theme:hover{transform:translateY(-2px)}.bc-theme[aria-checked=true]{border-color:var(--ink-900);box-shadow:0 4px 0 var(--ink-900)}.bc-theme-art{position:relative;width:100%;aspect-ratio:1.1;margin-bottom:4px}.bc-theme-art>span{position:absolute;width:62%;aspect-ratio:1;border-radius:4px;overflow:hidden;box-shadow:0 3px 8px -3px #0006;background:#fff}.bc-theme-art>span:nth-child(1){left:2%;top:4%;transform:rotate(-10deg)}.bc-theme-art>span:nth-child(2){right:2%;top:0;transform:rotate(9deg)}.bc-theme-art>span:nth-child(3){left:20%;top:26%;transform:rotate(-2deg)}.bc-theme-label{font-size:15px;font-weight:800}.bc-theme-note{font-size:11px;line-height:1.35;color:#6c5a50;text-align:center}.bc-field{display:grid;gap:10px}.bc-field-label{font-size:14px;font-weight:800}.bc-choice{display:flex;flex-wrap:wrap;gap:8px}.bc-pill{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 16px;border-radius:999px;border:2px solid #e4cdbd;background:#fffaf3;color:#2b2b2b;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.bc-pill:hover{border-color:var(--ink-900)}.bc-pill[aria-checked=true]{background:var(--ink-900);border-color:var(--ink-900);color:#fff}.bc-busy-icon{width:18px;height:18px;fill:currentColor}.bc-field-note{font-size:12px;line-height:1.55;color:#7a6458}.bc-fields:disabled .bc-theme,.bc-fields:disabled .bc-pill{opacity:.6;cursor:progress}.bc-preview{min-width:0;padding:30px 32px 24px}.bc-board{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;padding:34px 20px;border-radius:26px;background:linear-gradient(135deg,var(--bc-wood),var(--bc-wood-dark))}.bc-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(100deg,#ffffff10 0 2px,transparent 2px 22px);pointer-events:none}.bc-card-stage{display:block;padding:0;border:0;cursor:pointer;position:relative;width:min(100%,330px);aspect-ratio:1;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 18px 30px -14px #3a220ccc;transform:rotate(-1.5deg);animation:bc-deal .35s cubic-bezier(.2,.8,.2,1.2)}@keyframes bc-deal{0%{transform:rotate(-6deg) translateY(10px) scale(.95);opacity:.4}}.bc-stage-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;display:grid;place-items:center;padding-left:6px;border-radius:50%;background:var(--bc-coral);color:#2b130b;border:4px solid #fff;box-shadow:0 10px 24px -8px #000a;transition:transform .2s ease;animation:bc-pulse 2.4s ease-in-out infinite}.bc-card-stage:hover .bc-stage-play{transform:scale(1.1)}@keyframes bc-pulse{0%,to{box-shadow:0 10px 24px -8px #000a,0 0 #f08a6c88}50%{box-shadow:0 10px 24px -8px #000a,0 0 0 14px #f08a6c00}}.bc-fan{cursor:pointer}.bc-play-cta{min-height:44px;padding:10px 20px;font-size:14px}.bc-side{position:relative;z-index:1;background:#fffaf3;border-color:#fffaf3;color:var(--ink-900);box-shadow:0 4px #0000002e}.bc-art{display:block;width:100%;height:auto;aspect-ratio:1}.bc-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 14px;flex-wrap:wrap}.bc-name-tag{padding:7px 16px;border-radius:999px;background:var(--bc-sun);color:#3b2a06;font-size:15px;font-weight:800}.bc-count{font-size:13px;font-weight:700;color:var(--text-muted);margin-right:auto}.bc-preview .bc-screen-note{margin:16px 0 0;padding-top:14px;border-top:2px dashed var(--line);font-size:12px}.bc-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.bc-thumbnails button{aspect-ratio:1;min-height:44px;border:3px solid transparent;padding:0;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;box-shadow:0 2px 6px -2px #0004;transition:transform .15s ease}.bc-thumbnails button:nth-child(odd){transform:rotate(-2deg)}.bc-thumbnails button:nth-child(2n){transform:rotate(2deg)}.bc-thumbnails button:hover{transform:rotate(0) scale(1.08)}.bc-thumbnails button[aria-pressed=true]{border-color:var(--bc-coral);transform:rotate(0) scale(1.06);box-shadow:0 0 0 3px var(--bc-coral-soft)}.bc-player-options{border-top:2px dashed var(--line);padding-top:16px;margin-top:22px}.bc-player-options summary{font-size:14px;font-weight:700;cursor:pointer;min-height:28px}.bc-screen-note{font-size:13px;line-height:1.6;color:var(--text-muted);margin:8px 0 16px}.bc-page a{color:inherit;text-underline-offset:3px}.bc-play-controls{display:flex;align-items:center;justify-content:center;gap:12px}.bc-play{min-width:160px;background:var(--ink-900);color:#fff}.bc-timing{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:18px}.bc-timing label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.bc-page select,.bc-share-link input{min-height:44px;padding:8px 12px;border:2px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px}.bc-check input{width:18px;height:18px;accent-color:var(--ink-900)}.bc-download{margin-top:28px;padding:32px;border-radius:32px;background:var(--bc-sky-soft);color:#1e2a30}.bc-download-head{display:grid;gap:10px}.bc-download-head p{max-width:640px;font-size:15px;line-height:1.6;color:#44555e}.bc-download .bc-pill{border-color:#b9d4e3}.bc-download .bc-pill[aria-checked=true]{border-color:var(--ink-900)}.bc-export-options{display:flex;flex-wrap:wrap;gap:22px 36px;margin:24px 0}.bc-download-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.bc-download .bc-link{color:#1e2a30}.bc-download .bc-ghost{background:#fff;border-color:#1e2a30;color:#1e2a30}.bc-status{font-size:14px;font-weight:600;margin-top:14px}.bc-status:empty{display:none}.bc-error{font-size:14px;color:var(--danger);margin-top:12px}.bc-share-link{display:grid;gap:6px;margin-top:14px;font-size:13px;font-weight:700}.bc-tips{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 0;padding:0}.bc-tips li{display:grid;gap:4px;padding:18px;border-radius:20px;background:#fff}.bc-tips li svg{color:var(--bc-coral);margin-bottom:4px}.bc-tips strong{font-size:15px}.bc-tips span{font-size:13px;line-height:1.5;color:#5a6a72}.bc-sibling{display:flex;gap:20px;align-items:center;padding:28px;margin:36px 0;background:var(--bc-sun-soft);border-radius:28px;color:#2d2410}.bc-sibling-icon{width:60px;height:60px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--bc-sun)}.bc-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a6a1d}.bc-sibling h2{font-size:24px;margin:4px 0}.bc-sibling p:not(.bc-kicker){font-size:14px;line-height:1.6}.bc-page .bc-sibling a{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:999px;background:var(--ink-900);color:#fff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.bc-faq{max-width:760px;margin:0 auto}.bc-faq h2{font-size:28px;margin-bottom:4px}.bc-updated{font-size:12px;color:var(--text-muted);margin-bottom:10px}.bc-faq details{border-bottom:2px dashed var(--line);padding:14px 0}.bc-faq summary{cursor:pointer;font-size:16px;font-weight:700;padding:5px 0}.bc-faq details p{font-size:14px;line-height:1.7;color:var(--text-muted);padding:10px 0 0}.bc-dialog{margin:0;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;padding:0;border:0;color:#2b1a0c;background:radial-gradient(120% 90% at 50% 45%,#e2b689,#b9824d);overflow:hidden}.bc-dialog:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(100deg,#ffffff12 0 2px,transparent 2px 26px);pointer-events:none}.bc-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.bc-dialog::backdrop{background:#b9824d}.bc-dialog>*{position:relative}.bc-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px 0}.bc-dialog-top h2{font:800 15px DM Sans,sans-serif}.bc-dialog-top p{font-size:13px;margin-top:2px;opacity:.8}.bc-dialog .bc-round{border-color:#fff8ef;background:#fff8ef;color:#2b1a0c;box-shadow:0 4px #0000002e}.bc-dialog-stage{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,40px);padding:16px;min-height:0;touch-action:pan-y}.bc-dialog-card{position:relative;height:min(100%,calc(100vw - 150px));aspect-ratio:1;margin:0;padding:clamp(8px,1.4vmin,14px);background:#fff;border-radius:10px;box-shadow:0 2px #0000001a,0 30px 50px -18px #3a1f08cc,0 10px 20px -10px #3a1f0880;transform:rotate(-1deg);animation:bc-deal .4s cubic-bezier(.2,.8,.2,1.15)}.bc-dialog-card .bc-art{width:100%;height:100%;border-radius:3px}.bc-dialog-card .bc-name-tag{position:absolute;left:50%;bottom:-16px;transform:translate(-50%) rotate(1deg);white-space:nowrap;box-shadow:0 4px 10px -4px #0006}.bc-dialog-bar{display:grid;justify-items:center;gap:12px;padding:18px 22px 16px}.bc-progress{width:min(420px,80vw);height:6px;border-radius:99px;background:#fff5;overflow:hidden}.bc-progress span{display:block;height:100%;width:100%;border-radius:inherit;background:#fff8ef;transform-origin:left;animation:bc-progress linear forwards}@keyframes bc-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bc-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:92vw}.bc-dots button{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.bc-dots button:after{content:"";width:8px;height:8px;border-radius:99px;background:#fff8ef88;transition:width .2s ease,background .2s ease}.bc-dots button[aria-current]:after{width:20px;background:#fff8ef}.bc-dialog-actions{display:flex;align-items:center;gap:14px}.bc-dialog .bc-play{min-width:140px;background:#2b1a0c;color:#fff8ef;box-shadow:0 4px #0005}.bc-dialog-speed input{width:18px;height:18px;accent-color:#2b1a0c}.bc-dialog-speed{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.bc-dialog .bc-dialog-speed select{min-height:40px;border-color:#fff8ef;background:#fff8ef;color:#2b1a0c}.bc-dialog-note{font-size:11px;opacity:.75;text-align:center}@media (max-width: 600px){.bc-dialog-stage{flex-wrap:wrap;gap:14px;align-content:center}.bc-dialog-card{order:-1;height:auto;width:min(100%,calc(100dvh - 330px));flex:0 0 auto}.bc-dialog-top{padding:12px 14px 0}.bc-dialog-stage .bc-side{margin-top:22px}.bc-dialog-bar{padding:12px 14px;gap:10px}}@media (max-height: 560px){.bc-dots,.bc-dialog-note{display:none}}.bc-page :is(button,select,input,summary,a):focus-visible{outline:3px solid var(--sky);outline-offset:3px}@media (prefers-reduced-motion: reduce){.bc-page *,.bc-page *:before{animation:none!important;transition:none!important}}@media (max-width: 900px){.bc-hero{grid-template-columns:1fr;gap:28px}.bc-fan{height:300px;max-width:520px;width:100%;margin:0 auto}.bc-maker{grid-template-columns:1fr}.bc-preview{order:-1}}@media (max-width: 600px){.bc-page{padding:24px 16px 48px}.bc-hero{text-align:center}.bc-hero h1{font-size:40px}.bc-subtitle{font-size:16px;margin:0 auto}.bc-hero-actions{justify-content:center}.bc-hero-actions .bc-button{width:100%}.bc-fan{height:240px;border-radius:24px}.bc-maker{border-radius:24px}.bc-settings{padding:22px 16px}.bc-preview{padding:16px}.bc-board{padding:22px 8px;gap:8px;border-radius:20px}.bc-side{width:40px;height:40px}.bc-play-cta{width:100%;order:3}.bc-thumbnails{gap:7px;grid-template-columns:repeat(4,minmax(0,1fr))}.bc-theme-note{display:none}.bc-themes{gap:8px}.bc-download{padding:22px 16px;border-radius:24px}.bc-download-actions .bc-button{width:100%}.bc-tips{grid-template-columns:1fr}.bc-sibling{flex-wrap:wrap;padding:22px}.bc-page .bc-sibling a{margin-left:0}}
