/* Nahfunke Beta 4 · Herbstglühen */
:root{--b4-peach:#ffca9c;--b4-pink:#ffb1d6;--b4-blue:#accfff;--b4-line:#b482aa60;--b4-panel:#463044;--b4-muted:#e5ccdb;--b4-text:#fff3e8}
.b4-surface{color:var(--b4-text);background:radial-gradient(ellipse at 87% 0,#80525c44,transparent 48%),radial-gradient(ellipse at 2% 35%,#47496933,transparent 45%)}
.b4-surface a,.b4-surface button,.b4-surface input,.b4-surface select{transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}
.b4-surface button:focus-visible,.b4-surface a:focus-visible,.b4-surface input:focus-visible,.b4-surface select:focus-visible{outline:3px solid var(--b4-blue);outline-offset:4px}
.b4-surface .header{border-color:var(--b4-line);box-shadow:0 12px 55px #170d2225;background:#352638ec}.b4-surface .brand-word{color:#ffe4cb;font-size:1.4rem}.b4-surface .brand-mark{box-shadow:0 0 23px #f797af35;animation:b4-logo 6s ease-in-out infinite}.b4-surface .header-main{min-height:74px;padding:14px 20px}.b4-surface .header nav{gap:17px}.b4-surface .quickbar{padding:10px 20px}.b4-surface .preview-bar{font-size:12px}.b4-surface .beta3-data-entry{margin:26px 0 0;padding:18px 24px}.b4-surface .beta3-data-entry .eyebrow{font-size:12px}.b4-surface .beta3-summary{max-width:800px}.b4-surface .beta3-data-entry strong{font-size:20px}
.b4-home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:24px;min-height:440px;margin-top:24px;padding:34px 38px;border-radius:30px;border:1px solid var(--b4-line);background:radial-gradient(ellipse at 87% 24%,#f5976440,transparent 46%),linear-gradient(130deg,#4b3044b5,#302738);overflow:hidden;isolation:isolate}.b4-home-hero:after{content:'';position:absolute;right:-130px;bottom:-240px;width:630px;height:530px;border:1px solid #eabbd72b;border-radius:50%;transform:rotate(-30deg);z-index:-1}.b4-home-hero h1{font-size:clamp(2.7rem,4.5vw,4.7rem);line-height:1.06;letter-spacing:-.055em;margin:13px 0 15px}.b4-home-hero h1 em{font-style:normal;color:var(--b4-peach)}.b4-home-hero .hero-description{font-size:16px;line-height:1.65;max-width:580px;margin:0 0 22px;color:var(--b4-muted)}.b4-home-hero .home-search{margin:0;max-width:650px}.b4-home-hero .home-search label{font-size:14px}.b4-home-hero .home-search-row{margin-top:9px;gap:9px}.b4-home-hero .home-search input{font-size:16px;background:#241a2ac9;border-color:#ae79996b}.b4-home-hero .home-search-note{font-size:12px;margin-top:10px}.b4-home-hero .eyebrow{font-size:12px;letter-spacing:.11em}.b4-fast-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.b4-fast-choices a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid #a6778b66;border-radius:12px;background:#6b435144;font-size:14px;color:#ffe8d5}.b4-fast-choices a:hover{border-color:var(--b4-peach);background:#76505c}.b4-home-character{position:relative;text-align:center;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0}.b4-home-character img{width:min(100%,310px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 15px 34px #ff9c5f48);animation:b4-float 6s ease-in-out infinite}.b4-home-character .b4-char-tag{margin-top:-5px;font-size:12px;color:var(--b4-pink);letter-spacing:.15em}.b4-home-character h3{font-size:22px;margin:7px 0}.b4-home-character p{font-size:14px;color:var(--b4-muted);max-width:260px;margin:0 0 15px}.b4-home-character .button{font-size:14px}.b4-star{position:absolute;border-radius:50%;width:5px;height:5px;background:var(--b4-peach);box-shadow:0 0 20px currentColor;animation:b4-orbit 12s ease-in-out infinite}.b4-star:nth-child(1){top:22%;left:9%}.b4-star:nth-child(2){top:10%;right:14%;animation-delay:-4s;background:var(--b4-blue)}.b4-star:nth-child(3){bottom:35%;right:6%;animation-delay:-7s;background:var(--b4-pink)}
.b4-moment-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0 28px}.b4-moment{border:1px solid #986d8155;border-radius:18px;padding:17px 20px;background:linear-gradient(125deg,#64414c70,#3b2a3c);min-width:0;position:relative}.b4-moment small{font-size:12px;color:#eaccc2}.b4-moment h3{font-size:18px;line-height:1.3;margin:8px 0}.b4-moment p{font-size:14px;color:var(--b4-muted);margin:0 0 11px}.b4-moment a{font-size:14px;color:var(--b4-peach);min-height:44px;display:inline-flex;align-items:center}.b4-moment a:hover{text-decoration:underline;text-underline-offset:4px}.b4-moment .b4-mini-symbol{position:absolute;right:20px;top:12px;color:#f1b2c8;font-size:24px}.b4-home-discover{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 10px}.b4-home-discover h2{font-size:22px;margin:0}.b4-home-discover p{font-size:14px;color:var(--b4-muted);margin:6px 0 0}.b4-home-discover a{font-size:14px;color:var(--b4-peach)}
.b4-catalog .intro{padding:25px 0 22px;gap:28px}.b4-catalog .intro h1{font-size:clamp(2.5rem,4.2vw,4rem);margin:0 0 12px;letter-spacing:-.055em}.b4-catalog .intro>div:first-child{flex:1}.b4-catalog .intro>div:first-child>p:not(.eyebrow){font-size:16px}.b4-catalog .intro .eyebrow{margin-bottom:14px}.b4-catalog-character{display:flex;align-items:center;gap:10px;width:350px}.b4-catalog-character img{width:165px;height:165px;object-fit:contain;filter:drop-shadow(0 8px 22px #ff93533c);animation:b4-float 6s ease-in-out infinite}.b4-catalog-character strong{display:block;font-size:18px;color:#ffe4c9;margin-bottom:5px}.b4-catalog-character p{font-size:14px;color:var(--b4-muted);margin:0 0 8px}.b4-catalog-character button{font-size:14px}.b4-catalog .top{background:#352637ed;border-color:var(--b4-line)}.b4-catalog .finder{border-color:#b0809569;background:linear-gradient(120deg,#61434d8c,#3c2e42);box-shadow:0 18px 70px #120a1422}.b4-catalog .offer{background:linear-gradient(145deg,#503749,#35283a);border-color:#ab789875;box-shadow:0 4px 16px #09071116}.b4-catalog .offer-head{background:radial-gradient(ellipse at 20% 110%,#e59d6466,transparent 72%),linear-gradient(125deg,#6c4252,#44354c)}.b4-catalog .offer-content{padding:19px}.b4-catalog .offer h3{font-size:18px}.b4-catalog .offer-category{font-size:14px}.b4-catalog .offer-foot{gap:6px}.b4-catalog .offer-foot button{font-size:14px}.b4-catalog .offer-foot small{font-size:12px}.b4-catalog .filters{background:#3d2b3a99;border-color:#a7758c50}.b4-catalog .topic-picks{margin:5px 0 20px}.b4-catalog .topic-picks button{font-size:14px;min-height:44px}.b4-catalog .source-note{background:#50374466}.b4-catalog .offer:hover{transform:translateY(-4px);box-shadow:0 12px 36px #f0938730}.b4-catalog .offer:focus-within{border-color:var(--b4-blue)}
.b4-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;align-items:center}.b4-toolbar button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 14px;border:1px solid #aa7b9766;border-radius:13px;background:#54384c;color:var(--b4-text);font:inherit;font-size:14px;cursor:pointer}.b4-toolbar button:first-child{background:linear-gradient(110deg,var(--b4-peach),#efaac6);color:#34212f;border-color:transparent;font-weight:600}.b4-toolbar button[aria-pressed=true]{border-color:var(--b4-pink);background:#794860}.b4-toolbar .b4-help{font-size:12px;color:var(--b4-muted);margin-left:auto}.b4-count{font-size:12px;color:inherit;opacity:.8}.b4-card-tools{display:flex;align-items:center;gap:6px;padding-top:12px;margin-top:10px;border-top:1px solid #8d657c55}.b4-card-tools button{background:transparent;color:#f1c8dc;border:1px solid #ac799955;border-radius:9px;min-width:44px;min-height:44px;padding:7px 10px;font-size:14px}.b4-card-tools button[aria-pressed=true]{background:#674663;color:#ffe7c7;border-color:#e7b298}.b4-card-tools small{color:#ddc4d2;font-size:12px;margin-left:auto}
.b4-dialog{width:min(780px,calc(100% - 24px));background:linear-gradient(145deg,#4e3447,#2f2636);border:1px solid #c391a7;border-radius:25px;padding:25px;color:var(--b4-text);max-height:calc(100dvh - 24px);box-shadow:0 40px 120px #05030baa;overflow:auto}.b4-dialog::backdrop{background:#150c20ce;backdrop-filter:blur(14px)}.b4-dialog .dialog-top{position:sticky;top:-25px;background:#493143;z-index:2;padding:8px 0 14px;margin:0 0 12px;align-items:center}.b4-dialog .dialog-top button{min-height:44px}.b4-dialog .eyebrow{font-size:12px;letter-spacing:.11em;color:var(--b4-peach)}.b4-dialog h2{font-size:clamp(26px,5vw,35px);letter-spacing:-.045em;margin:12px 0}.b4-dialog h3{font-size:20px;margin:20px 0 10px}.b4-dialog p{font-size:14px;line-height:1.65;color:var(--b4-muted);margin:8px 0 18px}.b4-dialog button,.b4-dialog select,.b4-dialog input,.b4-dialog a.b4-button{font:inherit;font-size:14px;min-height:44px;border:1px solid #b183a16b;border-radius:12px;padding:9px 13px;background:#4a334b;color:var(--b4-text)}.b4-dialog input{width:100%;font-size:16px}.b4-dialog select{width:100%}.b4-dialog label{font-size:14px;color:var(--b4-muted)}.b4-dialog a{color:var(--b4-peach);text-decoration:underline;text-underline-offset:4px}.b4-dialog button:hover{border-color:var(--b4-peach);background:#684860}.b4-dialog button:disabled{opacity:.45;cursor:default}.b4-dialog .b4-primary{background:linear-gradient(110deg,#ffd5a6,#f1b5ce);color:#382331;border:0;font-weight:600}.b4-dialog .b4-primary:hover{background:#ffddbd}.b4-dialog .b4-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.b4-dialog .b4-inline>input{flex:1;min-width:170px}.b4-dialog .b4-small{font-size:12px;margin:7px 0}.b4-dialog .b4-note{padding:13px 16px;border:1px solid #d1a28355;border-radius:12px;background:#704c5144;font-size:14px}.b4-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:thin;margin:10px 0 23px;padding-bottom:6px}.b4-tabs button{white-space:nowrap;flex-shrink:0;background:transparent}.b4-tabs button[aria-selected=true]{border-color:var(--b4-peach);background:#775159;color:#ffdfbd}.b4-studio-intro{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:15px;margin:7px 0 18px}.b4-studio-intro img{width:90px;height:90px;object-fit:contain}.b4-studio-intro h2{margin:0 0 5px}.b4-studio-intro p{margin:0}.b4-moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.b4-moods button{text-align:left;padding:16px;border-radius:17px;background:linear-gradient(135deg,#624456,#493549)}.b4-moods .b4-mood-symbol{display:block;font-size:25px;color:var(--b4-peach);margin-bottom:8px}.b4-moods strong{font-size:15px;display:block}.b4-moods small{font-size:12px;color:var(--b4-muted);display:block;margin-top:5px;line-height:1.5}.b4-list{display:grid;gap:9px;padding:0;list-style:none;margin:15px 0}.b4-list>li,.b4-collection{border:1px solid #ab7c9560;background:#392c3cb0;border-radius:14px;padding:16px;min-width:0}.b4-list h3{font-size:17px;margin:0 0 7px;overflow-wrap:anywhere}.b4-list p{margin:5px 0;font-size:14px}.b4-list .b4-inline{margin:10px 0 0}.b4-list .b4-inline button{font-size:14px}.b4-collection{margin:12px 0}.b4-collection h3{margin:0}.b4-collection .b4-inline{margin:10px 0 0}.b4-muted{color:var(--b4-muted)}.b4-adventures{display:grid;grid-template-columns:1fr 1fr;gap:10px}.b4-adventure{padding:17px;border:1px solid #c090a457;border-radius:17px;background:linear-gradient(135deg,#63424d66,#3c2b43)}.b4-adventure>span{font-size:26px;color:var(--b4-peach)}.b4-adventure h3{font-size:18px;margin:10px 0}.b4-adventure p{font-size:14px;margin:0 0 13px}.b4-adventure button[aria-pressed=true]{background:#3c5c51;border-color:#a6d5bb;color:#d5ffdf}.b4-adventure .b4-inline{margin:0}.b4-progress{width:100%;height:8px;accent-color:var(--b4-peach);margin:10px 0;border:0;border-radius:10px;overflow:hidden}.b4-progress::-webkit-progress-bar{background:#241c2d}.b4-progress::-webkit-progress-value{background:linear-gradient(90deg,#ffc49b,#efa3d6)}.b4-setting{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #9a6b8660}.b4-setting p{margin:4px 0 0;font-size:12px}.b4-setting button{flex-shrink:0}.b4-setting button[aria-pressed=true]{background:#775664;border-color:var(--b4-peach)}.b4-checks label{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #96748b40;color:var(--b4-text);cursor:pointer}.b4-checks input{width:20px;height:20px;min-height:20px;accent-color:var(--b4-peach)}.b4-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.b4-compare-grid>article{border:1px solid #b6839b70;border-radius:15px;padding:17px;background:#3f2b3d}.b4-compare-grid h3{font-size:18px;overflow-wrap:anywhere;margin:0 0 12px}.b4-compare-grid dl{display:block;padding:0;border:0;font-size:14px}.b4-compare-grid dt{color:#e5b7c4;font-size:12px;margin-top:14px}.b4-compare-grid dd{margin:5px 0;overflow-wrap:anywhere}.b4-calendar-nav{display:flex;align-items:center;gap:10px;margin:16px 0}.b4-calendar-nav strong{flex:1;text-align:center;font-size:18px}.b4-weekdays,.b4-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.b4-weekdays span{text-align:center;padding:7px 0;font-size:12px;color:var(--b4-muted)}.b4-calendar-grid button{padding:7px;min-width:0;min-height:66px;text-align:left;border-radius:11px}.b4-calendar-grid button span{font-size:12px;display:block;color:var(--b4-peach);margin-top:5px}.b4-calendar-grid button[aria-pressed=true]{background:#765060;border-color:#f4c297}.b4-calendar-grid button.b4-today{box-shadow:inset 0 -3px #f4b1c8}.b4-calendar-grid button:disabled{opacity:.3}.b4-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:200;background:#ffe0b7;color:#35202c;border:1px solid #f5bfa6;border-radius:15px;padding:13px 20px;max-width:calc(100% - 30px);width:max-content;font-size:14px;box-shadow:0 8px 35px #0a021544}.b4-dock{position:fixed;right:22px;bottom:24px;z-index:38;border:1px solid #d5a7b285;border-radius:22px;background:#513849e8;backdrop-filter:blur(24px);box-shadow:0 8px 36px #10051866;display:flex;align-items:center;padding:2px 14px 2px 0;gap:2px;cursor:pointer;color:#ffdfc8;min-height:65px}.b4-dock img{width:66px;height:66px;object-fit:contain;animation:b4-float 6s ease-in-out infinite;filter:drop-shadow(0 4px 12px #ff964b44)}.b4-dock span{font-size:14px;text-align:left}.b4-dock small{font-size:12px;display:block;color:#e9cbdc;margin-top:3px}.b4-dock:hover{border-color:var(--b4-peach);background:#684c5e}.b4-dock.b4-cheer img,.b4-home-character.b4-cheer img{animation:b4-cheer .7s ease-in-out}.b4-surface .b4-hide-mascot img[data-mascot]{display:none}.b4-no-mascot .b4-dock{display:none}.b4-no-mascot img[data-mascot]{visibility:hidden}.b4-large{font-size:18px}.b4-large p,.b4-large label,.b4-large button,.b4-large select,.b4-large .offer h3{font-size:18px!important}.b4-large .eyebrow,.b4-large small,.b4-large .offer-city{font-size:14px!important}.b4-focus .b4-star,.b4-focus .ambient,.b4-focus .hero-aurora{display:none}.b4-focus .offer-head{height:65px}.b4-focus .b4-dock{display:none}.b4-focus .b4-home-character img{animation:none!important}.b4-focus .b4-home-hero{background:#3b2c3b}.b4-focus .b4-catalog-character img{animation:none!important}.b4-reveal{animation:b4-enter .45s ease-out both}.b4-tiny-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--b4-peach)}.b4-dialog [hidden],.b4-surface [hidden]{display:none!important}
@keyframes b4-float{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}40%{transform:translateY(-12px) rotate(2deg) scale(1.015,.985)}65%{transform:translateY(-6px) rotate(-1deg) scale(.99,1.015)}}@keyframes b4-cheer{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(3px) scale(1.08,.92)}60%{transform:translateY(-20px) rotate(-9deg) scale(.93,1.07)}}@keyframes b4-orbit{0%,100%{transform:translate(0,0);opacity:.45}50%{transform:translate(8px,-13px);opacity:1}}@keyframes b4-logo{50%{box-shadow:0 0 32px #f497b36b}}@keyframes b4-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body:not(.motion-on).b4-surface *,body:not(.motion-on).b4-surface *:before,body:not(.motion-on).b4-surface *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.b4-focus *,.b4-focus *:before,.b4-focus *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1100px){.b4-home-hero{padding:28px;grid-template-columns:minmax(0,1.2fr) minmax(220px,.7fr);gap:20px}.b4-home-character img{max-width:260px}.b4-surface .header nav{gap:12px}.b4-catalog-character{width:260px}.b4-catalog-character img{width:125px;height:125px}}
@media(max-width:760px){.b4-home-hero{grid-template-columns:1fr;padding:25px 22px;gap:13px;margin-top:16px;border-radius:24px}.b4-home-hero h1{font-size:2.8rem;letter-spacing:-.05em}.b4-home-hero .hero-description{font-size:16px;margin-bottom:18px}.b4-home-character{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:10px;border-top:1px solid #b0789255;padding-top:12px}.b4-home-character>img{width:100px;height:100px;flex-shrink:0}.b4-home-character h3{font-size:18px;margin:5px 0}.b4-home-character p{display:none}.b4-home-character .b4-char-tag{font-size:12px}.b4-home-character .button{padding:9px 12px;min-height:44px}.b4-home-character .b4-star{display:none}.b4-home-hero .home-search-row{flex-direction:column}.b4-home-hero .home-search-row button{width:100%}.b4-home-hero .home-search-note{margin-bottom:0}.b4-fast-choices{gap:6px;margin-top:12px}.b4-fast-choices a{font-size:14px;padding:7px 10px}.b4-moment-strip{grid-template-columns:1fr;gap:9px;margin-bottom:25px}.b4-moment{padding:14px 17px}.b4-moment h3{font-size:18px;margin:5px 0}.b4-moment p{margin-bottom:3px}.b4-moment .b4-mini-symbol{right:17px}.b4-home-discover{gap:10px;align-items:flex-start}.b4-home-discover h2{font-size:21px}.b4-home-discover a{max-width:95px;text-align:right}.b4-surface .header-main{padding:13px 16px}.b4-surface .quickbar{padding:10px 16px}.b4-surface .beta3-data-entry{padding:18px}.b4-catalog .intro{padding:23px 0 20px;gap:10px}.b4-catalog .intro h1{font-size:2.5rem}.b4-catalog-character{width:110px;display:block;text-align:center}.b4-catalog-character img{width:105px;height:105px}.b4-catalog-character strong,.b4-catalog-character p{display:none}.b4-catalog-character button{font-size:12px;padding:6px 8px;min-height:44px}.b4-catalog .intro p:not(.eyebrow){font-size:14px!important}.b4-catalog .intro .eyebrow{font-size:12px!important}.b4-catalog .offer-content{padding:15px}.b4-catalog .offer h3{font-size:18px}.b4-catalog .offer-category{font-size:14px}.b4-catalog .offer-foot{flex-wrap:wrap}.b4-catalog .offer-foot button{font-size:14px}.b4-catalog .topic-picks button{font-size:14px}.b4-toolbar{gap:7px;margin-bottom:18px}.b4-toolbar button{padding:9px 11px}.b4-toolbar .b4-help{display:none}.b4-dock{right:12px;bottom:calc(79px + env(safe-area-inset-bottom));border-radius:18px;padding:0;min-height:56px}.b4-dock img{width:57px;height:57px}.b4-dock>span{display:none}.b4-dialog{padding:20px;border-radius:20px}.b4-dialog .dialog-top{top:-20px}.b4-moods{grid-template-columns:1fr 1fr}.b4-moods button{padding:14px}.b4-tabs{gap:5px}.b4-tabs button{font-size:14px;padding:8px 11px}.b4-adventures{grid-template-columns:1fr}.b4-compare-grid{grid-template-columns:1fr}.b4-compare-grid dl{display:grid;grid-template-columns:115px 1fr;gap:10px}.b4-compare-grid dt,.b4-compare-grid dd{margin:0}.b4-calendar-grid button{min-height:60px;padding:6px;font-size:14px}.b4-calendar-grid button span{font-size:12px}.b4-calendar-nav strong{font-size:16px}.b4-toast{bottom:calc(84px + env(safe-area-inset-bottom))}.b4-card-tools{flex-wrap:wrap;gap:6px}.b4-card-tools button{padding:7px 9px}.b4-card-tools small{width:100%;margin:0}.b4-large .b4-catalog-character{display:none}.b4-large .cards{grid-template-columns:1fr}}
@media(max-width:390px){.b4-home-hero{padding:22px 18px}.b4-home-hero h1{font-size:2.5rem}.b4-catalog .intro h1{font-size:2.35rem}.b4-catalog-character{width:80px}.b4-catalog-character img{width:80px;height:80px}.b4-studio-intro{grid-template-columns:65px 1fr}.b4-studio-intro img{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){.b4-surface *,.b4-surface *:before,.b4-surface *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body:not(.motion-on).b4-surface .offer:hover,.b4-focus .offer:hover{transform:none}.b4-home-character:before{content:'';position:absolute;inset:8% 0 28%;z-index:-1;border-radius:45% 55% 60% 40% / 55% 42% 58% 45%;background:radial-gradient(ellipse,#f4aa6124,transparent 68%);animation:b4-morph 10s ease-in-out infinite alternate}.b4-surface button:active{transform:scale(.985)}body:not(.motion-on).b4-surface button:active,.b4-focus button:active{transform:none}@keyframes b4-morph{to{border-radius:60% 40% 38% 62% / 38% 58% 42% 62%;transform:rotate(8deg) scale(1.04)}}
@media(max-width:600px){.b4-catalog .cards{grid-template-columns:1fr}.b4-catalog .offer-head{height:84px}.b4-card-tools{flex-wrap:nowrap}.b4-card-tools small{width:auto;margin-left:auto}.b4-surface .header-main{gap:12px}.b4-surface .brand-word{font-size:21px}}
.b4-no-mascot img[data-mascot]{display:none}.b4-no-mascot .b4-home-character{justify-content:center}.b4-no-mascot .b4-studio-intro{grid-template-columns:1fr}.b4-no-mascot .b4-catalog-character{width:230px}
@media print{.b4-dock,.b4-toolbar,.b4-dialog .dialog-top,.b4-tabs,.b4-dialog button,.b4-dialog .b4-studio-intro,.b4-dialog input{display:none!important}.b4-dialog[open]{position:static;width:100%;max-height:none;background:white;color:black;overflow:visible;border:0;padding:0;box-shadow:none}.b4-dialog[open] p,.b4-dialog[open] dt,.b4-dialog[open] dd{color:#333}.b4-dialog[open] .b4-list>li{break-inside:avoid;background:white;border-color:#aaa}.b4-surface:has(.b4-dialog[open])>header,.b4-surface:has(.b4-dialog[open])>main,.b4-surface:has(.b4-dialog[open])>footer,.b4-surface:has(.b4-dialog[open])>.mobile-bar{display:none!important}}
.b4-home-hero .home-search-row input{min-height:48px;height:48px;min-width:0}
@media(max-width:760px){.b4-home-hero .home-search-row input{flex:none;width:100%}.b4-home-hero{min-height:0}.b4-home-character{min-height:112px}.b4-calendar-nav button{max-width:90px;font-size:12px}.b4-calendar-grid button span{overflow-wrap:anywhere;font-size:12px}}
.b4-catalog .intro>div:first-child{min-width:0}.b4-calendar-grid button .b4-calendar-word{display:inline}
@media(max-width:760px){.b4-catalog .intro{flex-direction:column;align-items:stretch}.b4-catalog-character{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;text-align:left}.b4-catalog-character img{width:72px;height:72px}.b4-catalog-character button{font-size:14px;padding:10px 13px}.b4-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.b4-tabs button{white-space:normal;min-width:0;font-size:12px;padding:8px 6px}.b4-calendar-grid button .b4-calendar-word{display:none}.b4-calendar-grid button{min-height:52px;padding:5px 3px;text-align:center}.b4-calendar-grid button span{margin-top:3px}.b4-calendar-nav{gap:5px}.b4-calendar-nav strong{font-size:16px}}
@media(max-width:350px){.b4-dialog{padding:16px}.b4-dialog .dialog-top{top:-16px}.b4-calendar-nav button{max-width:74px;padding:8px 5px}.b4-catalog .intro h1{font-size:2.15rem}}
.practical-source{display:block;margin-top:8px;font-size:12px;line-height:1.6;color:#ddc2d0}.b4-source-review{padding:18px 20px;border:1px solid var(--b4-line);border-radius:18px;background:#633e4b44;margin:24px 0}.b4-source-review h2{font-size:22px;margin:0 0 10px}.b4-source-review p{font-size:16px}.b4-source-review .small{font-size:12px}
.b4-static-tools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.b4-static-tools button{font-size:14px;min-height:44px;padding:10px 15px;border-radius:12px;border:1px solid var(--b4-line);background:#68445466;color:var(--b4-peach)}
#b4-download-ready{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#b4-download-ready p{width:100%;margin:0;overflow-wrap:anywhere}#b4-download-ready textarea{width:100%;background:#302332;color:#ffe6d4;border:1px solid var(--b4-line);border-radius:12px;padding:12px;font-size:14px}.b4-calendar-grid button{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.b4-surface button:active,.b4-surface .offer:hover{transform:none!important}}
.b4-mascot{position:relative;display:block;flex-shrink:0;width:66px;height:66px;animation:b4-float 6s ease-in-out infinite;filter:drop-shadow(0 8px 24px #ff964b44)}.b4-mascot>img{display:block;width:100%!important;height:100%!important;object-fit:contain;animation:none!important;filter:none!important;transition:opacity .16s ease}.b4-mascot>.b4-mascot-expression{position:absolute;inset:0;opacity:0}.b4-mascot.b4-wink>img:not(.b4-mascot-expression){opacity:0}.b4-mascot.b4-wink>.b4-mascot-expression{opacity:1}.b4-home-character .b4-mascot{width:min(100%,310px);height:auto;aspect-ratio:1}.b4-catalog-character .b4-mascot{width:165px;height:165px}.b4-studio-intro .b4-mascot{width:90px;height:90px}.b4-no-mascot .b4-mascot{display:none}.b4-cheer .b4-mascot{animation:b4-cheer .7s ease-in-out}
@media(max-width:1100px){.b4-home-character .b4-mascot{max-width:260px}.b4-catalog-character .b4-mascot{width:125px;height:125px}}
@media(max-width:760px){.b4-home-character .b4-mascot{width:100px;height:100px}.b4-catalog-character .b4-mascot{width:72px;height:72px}.b4-dock .b4-mascot{width:57px;height:57px}}
@media(max-width:390px){.b4-studio-intro .b4-mascot{width:65px;height:65px}}
body:not(.motion-on) .b4-mascot>img:not(.b4-mascot-expression),.b4-focus .b4-mascot>img:not(.b4-mascot-expression){opacity:1!important}body:not(.motion-on) .b4-mascot>.b4-mascot-expression,.b4-focus .b4-mascot>.b4-mascot-expression{opacity:0!important}
@media(prefers-reduced-motion:reduce){.b4-mascot>img:not(.b4-mascot-expression){opacity:1!important}.b4-mascot>.b4-mascot-expression{opacity:0!important}}
@media(max-width:760px){.b4-dock>.b4-mascot{display:block}}
.b4-dialog .dialog-top>.eyebrow{min-width:0;flex:1;overflow-wrap:anywhere}.b4-dialog .dialog-top>button{flex-shrink:0}.b4-dialog .dialog-top{min-width:0}
.b4-dialog{max-width:calc(100% - 24px)}.b4-tabs button{white-space:normal;overflow-wrap:anywhere;min-width:0}@media(max-width:350px){.b4-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.b4-related{margin-top:28px;padding-top:16px;border-top:1px solid #c69b9455}.b4-related>p{font-size:13px;line-height:1.6;color:#dec7d4}.b4-related ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.b4-related li{padding:14px;border:1px solid #c9959955;border-radius:14px;background:#8a576a22}.b4-related h4{font-size:16px;margin:0 0 9px;overflow-wrap:anywhere}.b4-related li p{font-size:13px;color:#f5c7ab}.b4-related button{min-height:44px}@media(max-width:500px){.b4-related ul{grid-template-columns:1fr}}
.b4-map-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 18px 12px}.b4-map-controls button{min-height:44px;padding:8px 10px;font-size:13px;white-space:normal;min-width:0}.b4-map-controls button:disabled{opacity:.45;cursor:default}.b4-map-instructions,.b4-map-status{font-size:12px!important;line-height:1.6;color:#e5cbda;padding:0 18px 12px!important}.b4-map:focus-visible{outline:2px solid #ffd5a6;outline-offset:-3px}.b4-map{touch-action:pan-y;cursor:grab}.b4-map-dragging{cursor:grabbing}.b4-map-dot{cursor:pointer}.b4-map-dot:focus circle:not([fill="transparent"]){stroke:#fff3e2;stroke-width:3}.b4-map-dialog .dialog-top>.eyebrow{min-width:0;flex:1;overflow-wrap:anywhere}.b4-map-dialog .dialog-top>button{flex-shrink:0}@media(max-width:760px){.b4-map-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:12px}.b4-map-controls button{font-size:12px}}
.b4-backup{min-width:0}.b4-backup summary{min-height:44px;box-sizing:border-box;display:list-item;padding:10px 0;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}.b4-backup .b4-inline>label{min-width:0;max-width:100%}.b4-backup input[type=file]{max-width:100%;min-width:0;box-sizing:border-box}.b4-import-text{margin:16px 0;padding:14px;border:1px solid var(--b4-line);border-radius:14px;background:#30233255}.b4-import-text summary{font-size:16px}.b4-import-text label{display:block;font-size:16px;font-weight:600;margin:12px 0 8px}.b4-dialog .b4-import-text textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:170px;max-height:360px;margin:12px 0;font:inherit;font-size:16px;line-height:1.55;resize:vertical;overflow-wrap:anywhere;border:1px solid var(--b4-line);border-radius:12px;padding:12px;background:#302332;color:var(--b4-text)}.b4-import-text textarea:focus-visible,.b4-backup summary:focus-visible{outline:3px solid var(--b4-blue);outline-offset:3px}.b4-dialog #b4-import-text-check,.b4-dialog #b4-import-apply{min-height:44px;font-size:16px;white-space:normal;overflow-wrap:anywhere;max-width:100%}#b4-import-status{overflow-wrap:anywhere;line-height:1.6;min-height:1.6em}.b4-large .b4-import-text textarea{font-size:18px}
@media(max-width:500px){.b4-import-text{padding:12px}.b4-dialog #b4-import-text-check,.b4-dialog #b4-import-apply{width:100%}.b4-backup .b4-inline>label{width:100%}}@media print{.b4-import-text{display:none!important}}