.vibe-product-wrap .morph-device-wrap{width:min(100%,360px)}.morph-device .device-app{height:clamp(260px,calc(100svh - 430px),545px);min-height:0;padding:0 0 22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--v-accent) var(--v-panel)}.mini-app{padding:14px 20px 20px;font:12px/1.45 var(--font-body);overflow-wrap:anywhere}.mini-app button{cursor:pointer}.mini-app button:disabled{cursor:default}.mini-app button:focus-visible,.mini-app input:focus-visible,.mini-app textarea:focus-visible{outline:2px solid var(--v-accent);outline-offset:2px}.mini-app input:not([type=checkbox]),.mini-app textarea{display:block;width:100%;min-width:0;border:1px solid color-mix(in srgb,var(--v-ink) 25%,transparent);border-radius:3px;padding:10px;background:transparent;color:inherit;font:inherit;margin-top:6px;resize:vertical}.mini-app input[type=checkbox]{accent-color:var(--v-accent);width:16px;height:16px;flex-shrink:0}.mini-app label{display:block;font-size:10px}.mini-app textarea{line-height:1.7}.mini-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 13px;border-bottom:1px solid color-mix(in srgb,var(--v-ink) 20%,transparent)}.mini-top strong{font:900 28px/.9 var(--font-heading);letter-spacing:-.07em}.mini-top strong>span{color:var(--v-accent);font-size:15px;margin-left:4px}.mini-top>span{font:8px var(--font-mono);max-width:80px;text-align:right}.mini-top>svg{color:var(--v-accent)}.mini-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;margin-top:15px;padding:11px 13px;background:var(--v-ink);color:var(--v-panel);font-size:11px;font-weight:700;border-radius:var(--v-radius)}.mini-empty{padding:18px 0;font-size:11px;opacity:.65}.mini-back{display:flex;gap:5px;align-items:center;font-size:10px;padding-block:10px}.device-demo-note{margin:0 18px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--v-ink) 16%,transparent);display:flex;align-items:center;justify-content:space-between;gap:12px;font:8px/1.5 var(--font-mono)}.device-demo-note span{max-width:180px;opacity:.65}.device-demo-note button{min-height:32px;text-decoration:underline;white-space:nowrap}.planner-greeting{padding:20px 0 15px}.planner-greeting small{font-size:9px;color:var(--v-accent)}.planner-greeting h3{font:700 37px/.98 var(--font-heading);letter-spacing:-.065em;margin:7px 0 12px}.planner-greeting>span{font-size:10px;opacity:.65}.planner-days{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-bottom:18px}.planner-days button{padding:9px;border:1px solid color-mix(in srgb,var(--v-ink) 15%,transparent);border-radius:12px}.planner-days small{display:block;font-size:9px}.planner-days b{font-size:21px}.planner-days [aria-pressed=true]{background:var(--v-accent);color:var(--v-panel);border-color:var(--v-accent)}.planner-agenda button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;min-height:51px;border-top:1px solid color-mix(in srgb,var(--v-ink) 13%,transparent)}.planner-agenda time{font:9px var(--font-mono);opacity:.55}.planner-agenda button>span{flex:1;font-size:11px}.planner-agenda i{width:18px;height:18px;border:1px solid var(--v-accent);border-radius:50%;display:grid;place-items:center;color:var(--v-accent)}.planner-agenda [aria-pressed=true]>span{text-decoration:line-through;opacity:.5}.planner-focus{padding:15px 12px;background:color-mix(in srgb,var(--v-accent) 8%,var(--v-panel));border-radius:12px;margin-top:10px}.planner-focus input{border:0!important;padding:4px 0!important}.planner-space{display:flex;align-items:center;gap:8px;color:var(--v-accent);font-size:10px;min-height:40px;margin-top:9px}.folio-app{font-family:serif;padding-inline:23px}.folio-masthead{text-align:center;padding:6px 0 20px;border-bottom:3px double var(--v-ink)}.folio-masthead small{font:8px var(--font-mono);letter-spacing:.13em}.folio-masthead strong{display:block;font:italic 65px/.95 serif;letter-spacing:-.08em;margin:6px 0 10px}.folio-masthead>span{font-size:12px;font-style:italic}.folio-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--v-ink);padding-block:7px;gap:10px}.folio-nav button{display:flex;align-items:center;gap:5px;font:10px var(--font-mono);min-height:28px}.folio-nav [aria-pressed=true]{color:var(--v-accent);text-decoration:underline;text-underline-offset:5px}.folio-pages>button{display:block;text-align:left;width:100%;padding:20px 0;border-bottom:1px solid color-mix(in srgb,var(--v-ink) 22%,transparent)}.folio-pages small,.folio-entry-number{font:8px var(--font-mono);color:var(--v-accent)}.folio-pages h3,.folio-entry h3{font:italic 29px/1.03 serif;letter-spacing:-.045em;margin:9px 0 12px}.folio-pages p{font:13px/1.6 serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.folio-pages button>span{font:8px var(--font-mono);display:block;margin-top:12px}.folio-entry p{font:15px/1.8 serif;white-space:pre-wrap}.folio-entry-number{display:block;margin-top:15px}.folio-compose{padding-top:20px;display:grid;gap:17px}.folio-footnote{font:italic 12px/1.6 serif;opacity:.65;margin:22px 0 0}.frame-viewfinder{position:relative;isolation:isolate;aspect-ratio:1.13;margin:18px -10px 13px;overflow:hidden;background:var(--v-ink);color:var(--v-panel);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.frame-viewfinder small,.frame-tc{font:7px var(--font-mono);position:relative;z-index:2}.frame-viewfinder h3{font:900 33px/.92 var(--font-heading);letter-spacing:-.04em;max-width:90%;position:relative;z-index:2;text-shadow:1px 1px 0 var(--v-accent)}.frame-scenery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(145deg,var(--v-accent),var(--v-ink));opacity:.7}.frame-scenery i{position:absolute;bottom:0;width:22%;height:55%;background:var(--v-panel);left:5%}.frame-scenery i:nth-child(2){left:34%;height:83%}.frame-scenery i:nth-child(3){left:65%;height:38%;width:35%}.frame-viewfinder[data-scene=Coast] .frame-scenery i{border-radius:50%;width:120%;height:70%;bottom:-40%;left:-10%;rotate:-14deg}.frame-viewfinder[data-scene=Coast] .frame-scenery i:nth-child(2){bottom:-18%;opacity:.3;left:25%}.frame-viewfinder[data-scene=Coast] .frame-scenery i:nth-child(3){width:40px;height:40px;left:15%;top:15%;background:var(--v-ink)}.frame-viewfinder[data-scene=Studio] .frame-scenery i{width:45%;height:65%;left:8%;bottom:14%;rotate:24deg;box-shadow:14px 14px color-mix(in srgb,var(--v-panel) 30%,transparent)}.frame-viewfinder[data-scene=Studio] .frame-scenery i:nth-child(2){left:70%;bottom:0;rotate:-35deg}.frame-viewfinder[data-scene=Studio] .frame-scenery i:nth-child(3){display:none}.frame-guides{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid currentColor;opacity:.4;pointer-events:none}.frame-scenes{display:flex;gap:8px}.frame-scenes button{flex:1;min-height:31px;border:1px solid color-mix(in srgb,var(--v-ink) 25%,transparent);font-size:10px;border-radius:99px}.frame-scenes [aria-pressed=true]{background:var(--v-accent);color:var(--v-panel)}.frame-caption{margin-top:16px}.frame-capture{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin-top:13px;border:1px solid var(--v-accent);border-radius:99px;color:var(--v-accent)}.frame-capture small{font:8px var(--font-mono)}.frame-timeline{display:flex;gap:6px;overflow-x:auto;margin-top:17px;padding-bottom:5px}.frame-timeline>div{position:relative;flex:0 0 82px;min-height:72px;border:1px solid color-mix(in srgb,var(--v-ink) 25%,transparent);padding:8px}.frame-timeline b{font:8px var(--font-mono);display:block;margin-bottom:6px}.frame-timeline span{font-size:9px}.frame-timeline button{position:absolute;right:0;top:0;padding:4px}.frame-timeline .is-playing{border:2px solid var(--v-accent)}.frame-timeline>p{font-size:10px;opacity:.55}.quest-header{display:flex;align-items:center;gap:6px;color:var(--v-accent);padding-bottom:14px;border-bottom:2px solid}.quest-header strong{font:900 italic 20px var(--font-heading);letter-spacing:-.07em;text-transform:uppercase}.quest-header>span{font:6px var(--font-mono);margin-left:auto;color:var(--v-ink)}.quest-score{text-align:center;padding:18px 8px;border-bottom:1px solid var(--v-accent);background:repeating-linear-gradient(0deg,transparent 0 13px,color-mix(in srgb,var(--v-accent) 9%,transparent) 14px 15px)}.quest-score small{font:8px var(--font-mono)}.quest-score strong{font:900 italic 58px/1.1 var(--font-heading);display:block;letter-spacing:-.06em;color:var(--v-accent);text-shadow:2px 2px 0 var(--v-ink)}.quest-score strong span{font-size:14px;text-shadow:none}.quest-score progress{display:block;width:100%;height:7px;accent-color:var(--v-accent);margin-top:10px}.quest-score p{font:8px var(--font-mono);margin-top:9px}.quest-map{margin:15px 0;display:grid;gap:7px}.quest-map button{display:flex;align-items:center;gap:9px;min-height:42px;padding:7px;border:1px solid color-mix(in srgb,var(--v-ink) 20%,transparent);text-align:left}.quest-map button>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--v-accent);color:var(--v-accent);font:10px var(--font-mono)}.quest-map b{font-size:10px;flex:1}.quest-map small{font:7px var(--font-mono)}.quest-map [aria-pressed=true]{border-color:var(--v-accent);box-shadow:3px 3px 0 var(--v-accent)}.quest-active{padding:12px;border:1px solid var(--v-accent)}.quest-active>small{font:7px var(--font-mono);color:var(--v-accent)}.quest-active h3{font:900 italic 26px/.98 var(--font-heading);text-transform:uppercase;margin:8px 0 12px}.quest-active ol{list-style:none;padding:0;margin:0}.quest-active li{display:flex;gap:7px;align-items:center;min-height:29px;font-size:10px}.quest-active .complete{color:var(--v-accent);text-decoration:line-through}.club-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.club-heading strong{font:950 48px/.72 var(--font-heading);letter-spacing:-.09em;position:relative;rotate:-5deg}.club-heading strong>span{font-size:33px;position:absolute;right:-24px;top:-3px;color:var(--v-accent)}.club-heading>span{font:9px/1.4 var(--font-mono);width:80px}.club-tabs{display:flex;gap:12px;padding:18px 0 7px;border-bottom:2px solid var(--v-ink)}.club-tabs button{display:flex;align-items:center;gap:4px;font-size:10px;min-height:28px}.club-tabs [aria-pressed=true]{font-weight:900;text-decoration:underline;text-underline-offset:4px}.club-filters{display:flex;gap:6px;margin:10px 0}.club-filters button{font-size:8px;padding:6px 8px;border:1px solid var(--v-ink);border-radius:99px}.club-filters [aria-pressed=true]{background:var(--v-ink);color:var(--v-panel)}.club-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 9px}.club-grid>button{display:block;text-align:left;border:2px solid var(--v-ink);padding:5px;background:var(--v-panel);box-shadow:3px 3px 0 var(--v-ink)}.club-grid>button:nth-child(2n){rotate:2deg}.club-grid>button>span{font-size:10px;display:flex;justify-content:space-between;gap:4px;margin-top:5px;line-height:1.1}.club-grid small{font:7px var(--font-mono);opacity:.65}.club-art{height:82px;background:var(--v-accent);color:var(--v-panel);display:grid;place-items:center;position:relative;overflow:hidden;font:900 39px/.9 var(--font-heading)}.club-art i{display:none}.club-art-sun{background:var(--v-bg)}.club-art-sun i{display:block;width:54px;height:54px;border-radius:50%;background:var(--v-accent);box-shadow:0 0 0 10px var(--v-panel)}.club-art-loop{background:var(--v-ink)}.club-art-loop i{display:block;width:65px;height:40px;border:10px solid var(--v-panel);border-radius:50%;rotate:-30deg}.club-art-tiny{font:13px var(--font-mono);color:var(--v-ink);background:var(--v-bg);rotate:0}.club-art-mix{background:linear-gradient(120deg,var(--v-ink) 50%,var(--v-bg) 50%)}.club-art-mix i{display:block;width:45px;height:45px;background:var(--v-panel);rotate:45deg}.club-art-steps i{display:block;width:30px;height:30px;background:var(--v-panel);box-shadow:25px -25px 0 var(--v-panel),-25px 25px 0 var(--v-panel)}.club-mix{padding:13px;border:2px dashed var(--v-ink);margin-top:15px;rotate:-1deg}.club-mix small{font:7px var(--font-mono)}.club-mix h3{font:900 20px/1 var(--font-heading);margin:8px 0}.club-mix p{font-size:10px;line-height:1.4}.rough-masthead{padding:5px 0 20px;rotate:-3deg}.rough-masthead strong{font:35px/.95 var(--font-marker);display:block;text-decoration:underline;text-decoration-color:var(--v-accent);text-decoration-thickness:7px;text-underline-offset:-3px}.rough-masthead>span{font:8px var(--font-mono);display:block;margin-top:12px}.rough-title>span{font:7px var(--font-mono)}.rough-title input{border:0!important;border-bottom:2px solid var(--v-ink)!important;border-radius:0!important;padding:4px 0 8px!important;font:20px/1.1 var(--font-marker)!important}.rough-toolbar{display:flex;gap:9px;align-items:center;margin:15px 0 0;border-block:1px dashed var(--v-ink);min-height:35px;font:9px var(--font-mono)}.rough-toolbar button{min-height:30px}.rough-toolbar [aria-pressed=true]{color:var(--v-accent)}.rough-toolbar>span{margin-left:auto;font-size:7px}.mini-app .rough-editor{border:0;border-radius:0;min-height:245px;padding:12px 4px;font:12px/25px var(--font-mono);background:repeating-linear-gradient(transparent 0 24px,color-mix(in srgb,var(--v-accent) 20%,transparent) 24px,color-mix(in srgb,var(--v-accent) 20%,transparent) 25px);margin:0}.rough-preview{min-height:245px;padding:15px 0;font:13px/1.7 var(--font-body);white-space:normal}.rough-preview h2,.rough-preview h3{font:23px/1.1 var(--font-marker);margin:12px 0;text-transform:none;letter-spacing:normal}.rough-preview ul{padding-left:18px;list-style:disc}.rough-preview p{margin:8px 0}.rough-pin{display:flex;gap:7px;align-items:center;min-height:39px;font:10px var(--font-mono);color:var(--v-accent)}.rough-slips{display:grid;gap:12px;margin-top:10px}.rough-slips>div{position:relative;background:var(--v-ink);color:var(--v-panel);padding:14px 24px 14px 12px;rotate:-2deg;box-shadow:4px 4px 0 var(--v-accent)}.rough-slips>div:nth-child(2n){rotate:2deg}.rough-slips p{font:12px/1.4 var(--font-marker);white-space:pre-wrap}.rough-slips button{position:absolute;right:2px;top:2px;padding:4px}.yopla-app .mini-top strong{font:28px var(--font-marker)}.yopla-app-heading{padding:18px 0}.yopla-app-heading small{font:8px var(--font-mono)}.yopla-app-heading h3{font:950 39px/.88 var(--font-heading);letter-spacing:-.07em;text-transform:uppercase;margin:10px 0 0}.yopla-app-heading em{font:30px/1.1 var(--font-marker);color:var(--v-accent);text-transform:none;letter-spacing:-.05em;display:block;margin-top:6px}.yopla-route{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-bottom:20px}.yopla-route:before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:18px;border-top:3px dashed var(--v-accent);pointer-events:none}.yopla-route button{position:relative;z-index:1;text-align:center}.yopla-route button>span{position:relative;background:var(--v-panel)}.yopla-route b{width:36px;height:36px;display:grid;place-items:center;background:var(--v-ink);color:var(--v-panel);border-radius:50%;outline:4px solid var(--v-panel);margin:auto;font:11px var(--font-marker)}.yopla-route [aria-current=step] b{background:var(--v-accent);box-shadow:3px 3px 0 var(--v-ink)}.yopla-route button>span{font-size:9px;display:block;margin-top:7px}.yopla-brief{display:grid;gap:15px}.yopla-deliverables>small{font:9px var(--font-mono)}.yopla-app h4{font:26px/1.05 var(--font-marker);margin:12px 0}.yopla-deliverables>button:not(.mini-primary){display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:14px 8px;border-top:1px dashed var(--v-ink);font-size:11px}.yopla-deliverables>button:not(.mini-primary)>span{width:22px;height:22px;display:grid;place-items:center;border:2px solid var(--v-ink)}.yopla-deliverables [aria-pressed=true]>span{background:var(--v-accent);color:var(--v-panel)}.yopla-stamp{display:table;font:19px var(--font-marker);padding:9px 14px;rotate:-5deg;background:var(--v-accent);color:var(--v-panel);box-shadow:4px 4px 0 var(--v-ink);margin:10px 0 20px}.yopla-launch p{font-size:11px;line-height:1.6;margin:10px 0}.yopla-launch ul{list-style:disc;padding-left:16px;margin-bottom:18px;font-size:10px}.yopla-launch>small{font:8px var(--font-mono)}.yopla-launch>label{display:flex;align-items:center;gap:9px;min-height:37px;border-bottom:1px dashed color-mix(in srgb,var(--v-ink) 25%,transparent)}@media(min-width:769px)and (max-height:800px){.vibe-product-wrap .morph-device-wrap{width:310px}.mini-app{padding-inline:17px}}@media(max-width:768px){.vibe-product-wrap .morph-device-wrap{width:min(315px,85vw);margin-inline:auto}.vibe-journey .morph-device .device-app{height:clamp(190px,28svh,280px)}.vibe-natural-journey .morph-device .device-app{height:405px}.mini-app{padding:12px 17px 18px}.vibe-natural-journey .vibe-surface{height:auto;min-height:0;overflow:visible}.vibe-natural-journey .vibe-stage{overflow:visible;min-height:0}.vibe-story,.vibe-product-wrap{flex:none}.vibe-story{display:grid}.vibe-product-wrap{padding-bottom:10px}.vibe-reduced .vibe-surface{height:auto;overflow:visible}.vibe-reduced .vibe-stage{overflow:visible}.device-demo-note{font-size:7px}}