/* A playful directory outside; three creator-selected shop interiors. */
body{background:linear-gradient(180deg,#a1eeff,#eafff2 70%,#fff7db);color:#172944}.sidebar{background:#fffdf4}.page-layout{display:block;max-width:1300px;padding:28px 36px}.rail{display:none}.topbar{position:sticky;top:0;z-index:4;background:#fffdf4eF;backdrop-filter:blur(12px)}.intro{min-height:240px;border-radius:22px;overflow:hidden;box-shadow:5px 5px 0 #172944;background:#fff4ce;padding:32px;margin-bottom:30px;position:relative}.intro .arcade-landscape{opacity:.36;right:0;max-width:60%;height:100%;object-fit:cover;position:absolute;top:0;pointer-events:none}.intro>div,.intro>.free-pill{position:relative}.intro h1{max-width:610px;font-family:'Arial Black',Impact,sans-serif;font-weight:950;font-size:clamp(30px,4vw,48px);line-height:1.1}.intro h1 span{color:#084b75}.intro p{font-size:17px;max-width:520px;color:#253e5c}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.directory-heading{display:none}.feed-tabs{gap:12px}.feed-tabs button{border-radius:12px;border:2px solid #172944;background:#fffdf4;font-size:16px;padding:9px 18px;color:#172944}.feed-tabs button.active{background:#ffce37}.studio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:35px}.studio-mini{position:relative;padding:100px 24px 24px;border-radius:16px;overflow:hidden;background:#fffdf4;min-height:330px;display:flex;flex-direction:column;box-shadow:5px 5px 0 #172944}.studio-mini:before{content:'';position:absolute;top:0;left:0;right:0;height:70px;background:repeating-linear-gradient(90deg,#13cbd7 0 28px,#fff8dc 28px 56px);border-bottom:3px solid #172944;border-radius:0 0 18px 18px}.studio-mini:nth-child(3n+2):before{background:repeating-linear-gradient(90deg,#ffcb40 0 28px,#fff8dc 28px 56px)}.studio-mini:nth-child(3n):before{background:repeating-linear-gradient(90deg,#ef8cb9 0 28px,#fff8dc 28px 56px)}.studio-mini .avatar{border-radius:14px;width:50px;height:50px;margin-bottom:10px}.studio-mini h3{font-size:23px;font-weight:900;line-height:1.2}.studio-mini p{font-size:15px;flex:1}.studio-mini small{font-size:15px;color:#084b75;margin-top:14px}.studio-mini:hover{outline:3px solid #a2256c;outline-offset:3px}.profile-header{position:relative;border-radius:20px;background:#fffdf4;padding:32px;box-shadow:5px 5px 0 #172944}.profile-header:before{content:'';display:block;height:30px;margin:-32px -32px 24px;background:repeating-linear-gradient(90deg,#0a9eaa 0 35px,#fff3da 35px 70px);border-bottom:2px solid #172944}.profile-header .avatar{border-radius:18px;background:#ecf8f4;color:#172944;overflow:hidden}.profile-header .avatar img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.profile-header h1{font-size:clamp(30px,4vw,46px);font-weight:900}.profile-header p{font-size:17px;max-width:800px}.profile-tabs{flex-wrap:wrap}.profile-tabs button{border-radius:10px;font-size:16px}.shop-section-title{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:25px 0}.shop-section-title span{font-size:14px;color:#42576b}.shop-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.shop-offer{border:2px solid #172944;border-radius:18px;overflow:hidden;background:#fffdf4;box-shadow:4px 4px 0 #172944;display:flex;flex-direction:column}.shop-offer-symbol{display:grid;place-items:center;min-height:120px;font-size:55px;background:linear-gradient(125deg,#ccf8ee,#fff0b4);color:#174b53}.shop-product-photo{width:100%;height:180px;object-fit:contain;background:#e0f7f7}.shop-offer-copy{padding:24px;display:flex;flex-direction:column;flex:1}.shop-offer h3{font-size:25px;line-height:1.2;margin:8px 0}.shop-offer p{color:#34476b;font-size:16px}.shop-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:15px}.shop-actions .button{font-size:15px;border-radius:9px}.reading-shelf{margin-top:35px}.book-cover{min-height:210px;padding:24px;display:flex;flex-direction:column;gap:15px;justify-content:space-between;color:#fffdf4;background:#0c6470;border-left:12px solid #06383f}.book-cover strong{font-family:Georgia,serif;font-size:35px;line-height:1.05}.book-cover span,.book-cover small{font-size:11px;letter-spacing:1px}.textbook{background:#26395e;border-left-color:#14233c}.public-studio-shelf .busking-banner{background:#fff6df;background-image:none;border-radius:18px;min-height:0}.store-style-picker{margin:26px 0;padding:25px}.style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.style-option{display:block;border:2px solid #172944;padding:16px;border-radius:14px;background:#fffdf4;cursor:pointer}.style-option strong,.style-option>span{display:block}.style-option strong{font-size:20px;margin:12px 0 6px}.style-option>span:last-child{font-size:14px;line-height:1.5}.style-option:has(input:checked){outline:3px solid #9b1660;outline-offset:3px}.style-sample{height:85px;background:#d7ecf5;padding:12px}.style-sample b{font-size:25px}.style-sample i{display:inline-block;width:15%;height:25px;margin:0 5px;background:#fff;border:1px solid #54697d}.style-professional .style-sample{background:#dce4ed}.style-marketplace .style-sample{background:linear-gradient(100deg,#f9cf5a,#b6f3e7)}.style-home .style-sample{background:#f1d9ba}.store-style-picker [type=submit]{margin-right:10px}.store-style-picker [role=status]{min-height:24px}
[data-shop-theme=professional]{font-family:Arial,Helvetica,sans-serif}[data-shop-theme=professional] .profile-header,[data-shop-theme=professional] .shop-offer{border-radius:5px;border-color:#ccd4df;background:#fff;box-shadow:0 5px 22px #14223c0d}[data-shop-theme=professional] .profile-header:before{background:#263b5b;height:14px;border:0}[data-shop-theme=professional] h1,[data-shop-theme=professional] h2,[data-shop-theme=professional] h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.7px}[data-shop-theme=professional] .shop-offer-symbol{background:#edf2f7;color:#263b5b}[data-shop-theme=professional] .button{background:#f3f6fa;border-color:#738299;box-shadow:none;border-radius:5px}[data-shop-theme=professional] .primary{background:#263b5b;color:#fff}[data-shop-theme=professional] .link-monogram{background:#fff;color:#263b5b}
[data-shop-theme=home]{font-family:Georgia,'Times New Roman',serif}[data-shop-theme=home] .profile-header,[data-shop-theme=home] .shop-offer{background:#fff9ed;border-color:#745846;border-radius:24px;box-shadow:0 6px 20px #70462615}[data-shop-theme=home] h1,[data-shop-theme=home] h2,[data-shop-theme=home] h3{font-family:Georgia,'Times New Roman',serif;color:#4e382a}[data-shop-theme=home] .profile-header:before{background:repeating-linear-gradient(90deg,#dfb893 0 35px,#fff9ed 35px 70px)}[data-shop-theme=home] .shop-offer-symbol{background:#f4e5cc;color:#735337}[data-shop-theme=home] .button{border-color:#745846;box-shadow:none;border-radius:15px;font-family:system-ui,sans-serif}[data-shop-theme=home] .primary{background:#6a7750;color:#fff}[data-shop-theme=home] .link-monogram{background:#fff;color:#4e382a}
@media(max-width:1000px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-layout{padding:25px}}@media(max-width:650px){.page-layout{padding:20px 15px}.intro{padding:25px 20px;min-height:0}.intro .arcade-landscape{max-width:100%;opacity:.16}.intro h1{font-size:33px}.intro p{font-size:16px;max-width:none}.studio-grid,.shop-offers{grid-template-columns:1fr;gap:20px}.studio-mini{min-height:0;padding:92px 22px 22px}.studio-mini p{margin-top:5px}.shop-section-title{display:block}.profile-header{padding:24px}.profile-header:before{margin:-24px -24px 20px}.style-options{grid-template-columns:1fr}.style-option{display:grid;grid-template-columns:24px 1fr;gap:6px 10px}.style-sample{grid-column:2}.style-option strong,.style-option>span:last-child{grid-column:2}.style-option strong{margin:4px 0}.profile-header p{font-size:16px}.shop-offer-copy{padding:22px}.feed-tabs{gap:8px}.feed-tabs button{padding:9px 14px}.shop-actions .button{min-height:44px}.mobile-nav a{min-height:44px}.search input{font-size:16px}.topbar{position:sticky;top:0}.store-style-picker{padding:20px}}

/* Rob's exact blue-and-gold studio artwork, with readable foreground panels. */
#feed[data-shop-background=true]{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;border-radius:22px;padding:24px;isolation:isolate;min-height:75vh}
#feed[data-shop-background=true] .profile-header,#feed[data-shop-background=true] .shop-offer,#feed[data-shop-background=true] .empty,#feed[data-shop-background=true] .busking-banner{background:rgba(255,253,244,.94);backdrop-filter:blur(3px)}
#feed[data-shop-background=true] .back{display:inline-flex;background:#fffdf4;color:#172944;padding:10px 15px;border-radius:12px;margin-bottom:20px}
#feed[data-shop-background=true] .shop-section-title{background:rgba(255,253,244,.94);border-radius:12px;padding:15px;color:#172944}
#feed[data-shop-background=true] .profile-tabs{background:rgba(255,253,244,.94);padding:12px;border-radius:12px;margin:24px 0}
@media(max-width:650px){#feed[data-shop-background=true]{padding:14px;border-radius:16px;background-attachment:scroll;background-position:70% top}#feed[data-shop-background=true] .profile-header{padding:24px}}

.store-interior-preview{margin:0 0 24px;border:2px solid #f7cc54;border-radius:16px;overflow:hidden;background:#062047}.store-interior-preview img{display:block;width:100%;height:auto}@media(max-width:650px){#feed[data-shop-background=true]{background-size:auto 760px;background-repeat:repeat-y}.store-interior-preview{margin-bottom:20px;border-radius:12px}}

.credential-badges{margin:24px 0}.credential-badge{margin:12px 0;padding:18px;border:2px solid #173354;border-radius:14px;background:#eff8f2;overflow-wrap:anywhere}.credential-badge summary{font-weight:800;cursor:pointer}.credential-badge p{max-width:75ch}
body.swipe-store{background:#071a35}body.swipe-store .sidebar,body.swipe-store .topbar,body.swipe-store .mobile-nav,body.swipe-store .rail,body.swipe-store .intro,body.swipe-store .feed-tabs{display:none!important}body.swipe-store .page-layout{padding:0;max-width:900px;margin:auto}body.swipe-store #feed{padding:0!important;background:none!important;border-radius:0!important}body.swipe-store .feed-area{padding:0!important}.swipe-store-shell{height:100dvh;position:relative;background:#071a35;color:#fff;overflow:hidden}.swipe-store-header{height:74px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#071a35;color:#fff;border-bottom:1px solid #74dceb66}.swipe-store-header a{color:#fff;text-decoration:none;font-size:13px;font-weight:800}.swipe-store-header span{display:grid;gap:4px;text-align:center}.swipe-store-header b{font-size:15px}.swipe-store-header small{font-size:11px;color:#a3e6ee}.swipe-home{font-size:28px!important}.store-reels{height:calc(100dvh - 74px);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y}.store-reels::-webkit-scrollbar{display:none}.store-reel{height:calc(100dvh - 74px);min-height:580px;position:relative;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;overflow:hidden}.store-room-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;z-index:-3}.scene-light{position:absolute;inset:0;background:linear-gradient(180deg,#04132b26 0%,#04132b00 28%,#04132b9c 53%,#04132bf5 100%);z-index:-1}.room-course{background:radial-gradient(ellipse at 40% 30%,#299da2 0%,#0a444e 35%,#092a40 80%)}.room-book{background:repeating-linear-gradient(90deg,#305a66 0 30px,#142e3c 30px 36px);box-shadow:inset 0 0 150px #061729}.room-textbook{background:linear-gradient(140deg,#72578c,#182d55 50%,#071a35)}.room-connect{background:radial-gradient(circle at 50% 25%,#a6782c,#243b59 45%,#071a35)}.store-avatar-stage{position:absolute;top:4%;left:50%;width:240px;height:49%;max-height:390px;transform:translateX(-50%);display:flex;justify-content:center}.store-carla{height:100%;width:100%;position:relative;--browse-x:0px;--face-direction:1;transform:translateX(var(--browse-x));transition:transform .6s ease}.store-carla img{width:100%;height:100%;object-fit:contain;transform:scaleX(var(--face-direction));filter:drop-shadow(0 12px 12px #0007)}.carla-label{position:absolute;bottom:-6px;background:#071a35dc;color:#fff;border:1px solid #80e2ed;border-radius:20px;padding:5px 16px;font-size:13px;font-weight:800}.store-carla.is-browsing img{animation:carla-browse .24s ease-in-out 4}.agent-footsteps{position:absolute;bottom:1%;left:40%;width:20%;height:8px;opacity:0}.is-browsing .agent-footsteps{opacity:.6;background:radial-gradient(ellipse,#ffdd87 10%,transparent 70%);animation:footstep .24s alternate 4}.store-reel-rail{position:absolute;right:12px;top:27%;display:grid;gap:18px;z-index:2}.store-reel-rail a{display:grid;justify-items:center;gap:5px;color:#fff;text-decoration:none;font-size:11px;font-weight:800}.store-reel-rail b{height:48px;width:48px;border-radius:50%;background:#0a223cdc;border:1px solid #a1f0f2;display:grid;place-items:center;font-size:24px;box-shadow:0 4px 15px #0004}.store-reel-rail .big-link b{background:#ffcf45;color:#10294a;border:2px solid #fff4b6;font-family:Impact,'Arial Black',sans-serif;font-size:35px}.store-reel-copy{position:absolute;bottom:46px;left:24px;right:24px;color:#fff;max-width:620px}.store-reel-copy .eyebrow{font-size:10px;letter-spacing:1.4px;color:#a6f3fb}.store-reel-copy h1{font:800 clamp(27px,5vw,40px)/1.08 system-ui,sans-serif;margin:10px 0;color:#fff;letter-spacing:-.8px}.store-reel-copy p{font:400 14px/1.55 system-ui,sans-serif;color:#e6effc;margin:12px 0;max-width:540px}.scene-cta{display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border-radius:12px;border:1px solid #fff4b6;background:#ffcf45;color:#10294a;text-decoration:none;font:800 14px system-ui,sans-serif}.store-reel-copy>small{display:block;font:500 11px system-ui,sans-serif;color:#b9dcf1;margin-top:15px}.store-reel-progress{position:absolute;bottom:10px;left:24px;font:600 10px system-ui,sans-serif;color:#b9dcf1;pointer-events:none}.store-reel a:focus-visible{outline:3px solid #6de4f4;outline-offset:4px}@keyframes carla-browse{50%{translate:0 -5px;rotate:1.5deg}}@keyframes footstep{to{translate:12px 0}}@media(min-width:700px){.store-avatar-stage{width:290px;left:48%}.store-reel-copy{bottom:60px;left:40px}.store-reel-rail{right:30px}}@media(max-height:740px){.store-reel{min-height:0}.store-avatar-stage{height:40%;top:2%}.store-reel-copy{bottom:40px}.store-reel-copy h1{font-size:25px}.store-reel-copy p{font-size:12px;line-height:1.4}.store-reel-rail{top:15%;gap:12px}}@media(prefers-reduced-motion:reduce){.store-carla{transition:none}.store-carla.is-browsing img,.is-browsing .agent-footsteps{animation:none}.store-reels{scroll-behavior:auto}}

body.swipe-store{overflow:hidden}.store-reel-rail{top:16%;gap:12px}.store-reel-copy{padding-right:3px}.store-reels{scrollbar-width:none}@media(max-height:740px){.store-reel-rail{top:10%;gap:9px}.store-reel-rail b{width:42px;height:42px}}

.swipe-store-header .store-header-actions{display:flex;flex-direction:row;align-items:center;gap:12px}.store-bug{display:grid;place-items:center;min-width:32px;min-height:44px;font-size:21px!important}.swipe-store-header>span:not(.store-header-actions){min-width:0}.swipe-store-header>span b{font-size:13px}

.digital-book{position:absolute;top:18%;left:10%;width:133px;height:205px;border-radius:3px 12px 12px 3px;background:linear-gradient(130deg,#0c6571,#082d45);border:2px solid #ffda85;border-left:11px solid #052a39;box-shadow:12px 15px 25px #0007;transform:rotate(-8deg);padding:17px 12px;display:flex;flex-direction:column;justify-content:space-between;color:#fff7dd}.digital-book span,.digital-book small{font:700 8px/1.5 system-ui,sans-serif;letter-spacing:1px}.digital-book strong{font:800 25px/1.15 Georgia,serif}.scene-book .store-avatar-stage,.scene-textbook .store-avatar-stage{left:62%;width:200px}.scene-textbook .digital-book{background:linear-gradient(130deg,#3c3b69,#132841);border-left-color:#101932}.scene-textbook .digital-book strong{font-size:22px}@media(max-height:740px){.digital-book{top:14%;width:110px;height:170px}.digital-book strong{font-size:22px}}
.swipe-store-shell{position:fixed;inset:0;z-index:20;max-width:900px;margin:0 auto;height:100dvh;width:100%}
