:root{font-family:Hiragino Maru Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,sans-serif;color:#252525;background:#f7f4ed;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f7f4ed;--surface: #fffdf8;--ink: #252525;--circle: #f4b942;--triangle: #e56b6f;--line: #4d96a9;--accent: #6c63ff;--shadow: 0 18px 55px rgba(44, 38, 26, .12);--soft-shadow: 0 8px 24px rgba(44, 38, 26, .1)}.scene-switcher{position:absolute;z-index:7;top:max(86px,calc(env(safe-area-inset-top) + 76px));left:50%;display:flex;gap:8px;align-items:center;transform:translate(-50%);padding:7px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 30px #1414141a;backdrop-filter:blur(12px)}.scene-switcher button{min-width:82px;min-height:48px;border:0;border-radius:16px;background:transparent;color:var(--ink);cursor:pointer}.scene-switcher button[aria-selected=true]{background:var(--accent);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 34%,transparent)}.scene-switcher strong,.scene-switcher span,.scene-switcher small{display:block;line-height:1.05}.scene-switcher strong{font-size:17px}.scene-switcher span{margin-top:3px;font-size:11px;font-weight:750}.scene-switcher small{position:absolute;margin:-34px 0 0 58px;font-size:10px;opacity:.72}.scene-switcher .copy-scene{min-width:100px;padding:0 12px;background:var(--surface);font-weight:800}.screen.gallery-screen{display:block;overflow-x:hidden;overflow-y:auto;padding:max(20px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.gallery-heading{display:flex;align-items:center;gap:18px;max-width:1180px;width:100%;margin:0 auto 28px}.gallery-heading>div{flex:1;min-width:0}.gallery-heading h2{margin:0;font-size:clamp(28px,5vw,54px)}.gallery-heading p{margin:5px 0 0;opacity:.65}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:20px;width:100%;max-width:1180px;margin:0 auto}.gallery-grid>*{min-width:0}.project-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:26px;background:var(--surface);box-shadow:0 16px 44px #14141417}.project-open{width:100%;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.project-open canvas{display:block;width:100%;aspect-ratio:5 / 3}.project-open>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:15px 17px 12px}.project-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-open small{flex:none;opacity:.58}.project-actions{display:flex;gap:6px;padding:0 12px 13px}.project-actions button{flex:1;min-width:0;min-height:44px;padding:4px;border:0;border-radius:12px;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink);font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer}.gallery-empty{display:grid;place-items:center;gap:24px;min-height:55vh;font-size:20px}.title-input{width:min(240px,45vw);padding:10px 13px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}@media (max-width: 720px){.scene-switcher{top:max(74px,calc(env(safe-area-inset-top) + 66px));gap:3px;padding:4px}.scene-switcher button{min-width:62px;min-height:42px}.scene-switcher .copy-scene{position:absolute;top:50px;right:0}.gallery-heading{align-items:flex-start;flex-wrap:wrap}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}button{color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:4px solid color-mix(in srgb,var(--accent) 78%,white);outline-offset:4px}.app-shell{--bg: #f7f4ed;--surface: #fffdf8;--ink: #252525;--circle: #f4b942;--triangle: #e56b6f;--line: #4d96a9;--accent: #6c63ff;position:relative;width:100%;height:100%;height:100dvh;min-height:0;color:var(--ink);background:var(--bg);transition:background-color .5s ease,color .5s ease;isolation:isolate}.screen{position:absolute;inset:0;display:grid;width:100%;height:100%;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));animation:screen-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes screen-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.start-screen{place-items:center;overflow:hidden}.start-screen:before,.start-screen:after{content:"";position:absolute;z-index:-1;width:min(50vw,600px);aspect-ratio:1;border:2px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:50%}.start-screen:before{top:-28%;left:-12%}.start-screen:after{right:-18%;bottom:-34%}.start-center{display:grid;justify-items:center;gap:clamp(18px,3vh,34px);text-align:center}.brand-lockup{display:grid;gap:6px}.brand-lockup h1{margin:0;font-size:clamp(2.2rem,7vw,5.5rem);font-weight:800;letter-spacing:-.065em}.brand-lockup p{margin:0;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:650;letter-spacing:.12em}.brand-shapes{position:relative;width:clamp(180px,30vw,280px);height:clamp(110px,18vw,170px)}.brand-circle,.brand-triangle,.brand-line{position:absolute;filter:drop-shadow(0 10px 10px rgba(38,38,38,.08));animation:brand-float 4.5s ease-in-out infinite}.brand-circle{left:12%;top:4%;width:39%;aspect-ratio:1;border-radius:50%;background:var(--circle)}.brand-circle:after{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8) 0 13%,transparent 15%) 0 0 / 20px 20px;opacity:.7}.brand-triangle{right:12%;top:10%;width:0;height:0;border-left:clamp(42px,7vw,66px) solid transparent;border-right:clamp(42px,7vw,66px) solid transparent;border-bottom:clamp(78px,13vw,120px) solid var(--triangle);animation-delay:-1.4s}.brand-line{left:25%;right:8%;bottom:8%;height:clamp(14px,2.4vw,22px);border-radius:999px;background:var(--line);transform:rotate(-8deg);animation-delay:-2.6s}@keyframes brand-float{0%,to{translate:0 0}50%{translate:0 -8px}}.start-button,.play-button{display:grid;place-items:center;border:0;border-radius:50%;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;-webkit-tap-highlight-color:transparent}.start-button{width:clamp(98px,17vw,136px);aspect-ratio:1}.start-button:hover,.play-button:hover{transform:translateY(-3px) scale(1.02)}.start-button:active,.play-button:active{transform:scale(.95)}.play-icon{width:0;height:0;margin-left:10%;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:28px solid currentColor}.start-subactions{display:flex;min-height:46px;gap:10px}.quiet-button,.icon-button,.pill-button,.action-card,.world-card,.tool-button{border:1.5px solid color-mix(in srgb,var(--ink) 10%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--soft-shadow);cursor:pointer;-webkit-tap-highlight-color:transparent}.quiet-button,.pill-button{min-height:46px;padding:0 20px;border-radius:999px;font-weight:750}.quiet-button:hover,.pill-button:hover,.icon-button:hover,.tool-button:hover{transform:translateY(-2px)}.parent-entry{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top))}.world-screen{grid-template-rows:auto 1fr auto;gap:clamp(20px,5vh,46px);place-items:center;overflow-y:auto}.screen-heading{width:min(100%,980px);text-align:center}.screen-heading h2{margin:0;font-size:clamp(1.8rem,4vw,3.1rem);letter-spacing:-.04em}.screen-heading p{margin:8px 0 0;font-size:1rem;font-weight:650;opacity:.62}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,980px);gap:clamp(14px,2.5vw,28px)}.world-card{position:relative;display:grid;grid-template-rows:1fr auto;min-height:clamp(240px,38vh,390px);padding:clamp(18px,3vw,30px);overflow:hidden;border-radius:34px;color:var(--card-ink);background:var(--card-bg);transition:transform .2s ease,box-shadow .2s ease}.world-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:var(--shadow)}.world-card:active{transform:scale(.98)}.world-preview{position:relative;min-height:150px}.world-preview span{position:absolute;display:block}.world-preview .preview-circle{left:12%;top:12%;width:36%;aspect-ratio:1;border-radius:50%;background:var(--card-circle)}.world-preview .preview-triangle{right:9%;top:21%;width:0;height:0;border-left:48px solid transparent;border-right:48px solid transparent;border-bottom:86px solid var(--card-triangle)}.world-preview .preview-line{left:22%;right:6%;bottom:13%;height:18px;border-radius:99px;background:var(--card-line);transform:rotate(-10deg)}.world-label{text-align:left}.world-label strong{display:block;font-size:clamp(1.4rem,3vw,2.1rem)}.world-label span{display:block;margin-top:3px;font-weight:650;opacity:.66}.back-button{justify-self:start}.create-screen{display:block;padding:0;overflow:hidden}.app-shell{height:100dvh;min-height:100dvh}.app-shell--expanded .create-screen .top-bar{display:none}.app-shell--expanded .scene-switcher{top:max(12px,env(safe-area-inset-top))}.top-bar{position:absolute;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));pointer-events:none}.top-bar>*{pointer-events:none}.top-bar button{pointer-events:auto}.top-bar-center{text-align:center}.top-bar-center strong{display:block;font-size:1.05rem}.top-bar-center span{display:block;font-size:.72rem;font-weight:750;opacity:.5;letter-spacing:.08em}.top-bar-actions{display:flex;justify-content:flex-end;gap:9px}.icon-button{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 14px;border-radius:17px;font-size:1rem;font-weight:800;transition:transform .15s ease,opacity .15s ease}.icon-button:disabled{cursor:not-allowed;opacity:.3;transform:none}.canvas-stage{position:absolute;inset:0;min-height:0;margin:0;overflow:hidden;border:0;border-radius:0;background:var(--surface)}.canvas-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.36),transparent 68%)}.editor-canvas-wrap,.editor-canvas,.performance-canvas-wrap,.performance-canvas{width:100%;height:100%;display:block;touch-action:none}.editor-canvas-wrap{position:absolute;inset:0}.tool-drawer{position:absolute;z-index:12;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));width:min(330px,calc(100% - 24px));padding:6px;border:1.5px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:26px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(12px);transform:translate(-50%);transition:transform .65s cubic-bezier(.22,1,.36,1),visibility 0s}.tool-drawer[data-open=false]{transform:translate(-50%,calc(100% + 120px + env(safe-area-inset-bottom)));visibility:hidden;pointer-events:none;transition:transform .65s cubic-bezier(.22,1,.36,1),visibility 0s .65s}.tool-drawer-handle{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:12px 12px 4px;border:0;border-radius:20px;background:transparent;font-weight:800;cursor:pointer;touch-action:none}.tool-drawer-handle small{opacity:.65}.drawer-grip{position:absolute;top:3px;left:calc(50% - 18px);width:36px;height:4px;border-radius:9px;background:var(--ink);opacity:.2}.tool-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:7px;padding:6px}.tool-button{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:20px;transition:transform .15s ease,background .15s ease}.tool-button[aria-pressed=true]{background:var(--ink)}.tool-shape-circle{width:29px;aspect-ratio:1;border-radius:50%;background:var(--circle)}.tool-shape-triangle{width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:31px solid var(--triangle)}.tool-shape-line{width:38px;height:10px;border-radius:99px;background:var(--line);transform:rotate(-9deg)}.tool-shape-square{width:29px;aspect-ratio:1;border-radius:5px;background:var(--circle)}.tool-shape-diamond{width:25px;aspect-ratio:1;border-radius:4px;background:var(--triangle);transform:rotate(45deg)}.tool-shape-star{width:34px;aspect-ratio:1;background:var(--circle);clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%)}.tool-shape-hexagon{width:34px;aspect-ratio:1;background:var(--line);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.tool-shape-ring{width:31px;aspect-ratio:1;border:8px solid var(--accent);border-radius:50%}.tool-shape-pen{position:relative;width:37px;height:11px;border-radius:999px;background:var(--line);transform:rotate(-38deg)}.tool-shape-pen:after{content:"";position:absolute;right:-5px;top:1px;width:9px;height:9px;border-radius:50%;background:var(--triangle)}.creation-playback{position:absolute;inset:auto 0 0;z-index:10;display:flex;align-items:center;gap:12px;padding:0 max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none}.creation-playback button{pointer-events:auto}.creation-playback .play-button{margin-left:auto}.tool-toggle{display:grid;place-items:center;width:52px;height:52px;flex:none;border:2px solid var(--accent);border-radius:50%;background:var(--surface);box-shadow:var(--soft-shadow);cursor:pointer}.fullscreen-button{display:grid;place-items:center;min-width:52px;min-height:52px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:16px;background:var(--surface);color:var(--ink);cursor:pointer}.fullscreen-button>span{font-size:24px;line-height:1}.fullscreen-button small{font-size:10px;font-weight:750}.fullscreen-exit{position:absolute;z-index:15;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.performance-actions{display:flex;align-items:center;gap:8px}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:164px;min-height:60px;padding:12px 24px;border-radius:22px;font-size:1.2rem;font-weight:850}.play-button .play-icon{margin-left:0;border-top-width:12px;border-bottom-width:12px;border-left-width:19px}.selection-controls{position:absolute;z-index:8;right:max(16px,env(safe-area-inset-right));bottom:max(90px,calc(env(safe-area-inset-bottom) + 76px));display:grid;width:min(210px,calc(100% - 32px));gap:10px;padding:13px;border:1.5px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.property-group{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px}.property-label{font-size:.72rem;font-weight:850;letter-spacing:.05em;opacity:.62}.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.color-swatch{width:100%;aspect-ratio:1;padding:0;border:3px solid var(--surface);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 18%,transparent);cursor:pointer}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink);transform:scale(.88)}.property-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.property-button,.property-delete{min-height:38px;border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:12px;background:var(--surface);font-weight:900;cursor:pointer}.property-button:hover,.property-delete:hover{transform:translateY(-1px)}.property-delete{color:#b72f42}.canvas-hint{position:absolute;z-index:2;inset:20% 12% auto;margin:0;text-align:center;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:750;line-height:1.55;opacity:.45;pointer-events:none}.shape-count{position:absolute;z-index:5;left:22px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 76px));padding:8px 12px;border-radius:99px;background:color-mix(in srgb,var(--surface) 84%,transparent);font-size:.78rem;font-weight:800;opacity:.64;backdrop-filter:blur(8px)}.toast{position:absolute;z-index:40;left:50%;top:max(20px,env(safe-area-inset-top));max-width:calc(100% - 40px);padding:13px 20px;border-radius:99px;color:var(--bg);background:var(--ink);box-shadow:var(--shadow);font-weight:750;text-align:center;transform:translate(-50%);animation:toast-in .26s ease both}@keyframes toast-in{0%{opacity:0;translate:0 -10px}}.performance-screen{padding:0;background:var(--bg)}.performance-canvas-wrap{position:absolute;inset:0}.performance-controls{position:absolute;z-index:8;inset:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) auto max(14px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;opacity:1;transition:opacity .22s ease}.performance-controls .icon-button{border:2px solid color-mix(in srgb,var(--surface) 84%,transparent);color:var(--bg);background:var(--ink);box-shadow:0 10px 32px color-mix(in srgb,var(--ink) 24%,transparent);backdrop-filter:blur(12px)}.performance-back{display:inline-flex;align-items:center;gap:9px;min-height:56px;padding:0 20px 0 16px;border:3px solid color-mix(in srgb,var(--surface) 92%,transparent);border-radius:20px;color:var(--bg);background:var(--ink);box-shadow:0 12px 36px color-mix(in srgb,var(--ink) 30%,transparent);cursor:pointer}.performance-back span{font-size:1.45rem;line-height:1}.performance-back strong{font-size:.9rem;letter-spacing:.04em}.performance-back:hover{transform:translateY(-2px)}.performance-badges{display:grid;justify-items:center;gap:6px}.section-badge{padding:9px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 10%,transparent);font-size:.74rem;font-weight:850;letter-spacing:.13em;backdrop-filter:blur(10px)}.mood-badge{padding:6px 11px;border:1px solid color-mix(in srgb,var(--surface) 72%,transparent);border-radius:999px;color:var(--bg);background:color-mix(in srgb,var(--ink) 88%,transparent);box-shadow:0 7px 18px color-mix(in srgb,var(--ink) 18%,transparent);font-size:.66rem;font-weight:850;letter-spacing:.04em;backdrop-filter:blur(10px)}.progress-track{position:absolute;z-index:8;right:max(22px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));height:7px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--ink) 10%,transparent)}.progress-fill{width:calc(var(--progress, 0) * 100%);height:100%;border-radius:inherit;background:var(--accent);transition:width 80ms linear}.conduct-hint{position:absolute;z-index:7;left:50%;bottom:max(44px,calc(env(safe-area-inset-bottom) + 36px));margin:0;font-size:.82rem;font-weight:750;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);opacity:.72;backdrop-filter:blur(8px);transform:translate(-50%);pointer-events:none}.finish-screen{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:stretch;gap:clamp(20px,4vw,52px);overflow-y:auto}.finish-art{position:relative;min-height:340px;overflow:hidden;border-radius:clamp(30px,5vw,54px);background:var(--surface);box-shadow:var(--shadow)}.finish-content{display:grid;align-content:center;gap:22px;padding:clamp(10px,3vw,36px)}.finish-content h2{margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.06em}.finish-content p{margin:0;font-size:1.05rem;line-height:1.8;opacity:.65}.finish-actions{display:grid;gap:10px}.action-card{display:flex;align-items:center;min-height:66px;padding:14px 20px;border-radius:22px;font-weight:850;text-align:left;transition:transform .16s ease,box-shadow .16s ease}.action-card:hover{transform:translate(4px);box-shadow:var(--shadow)}.action-card.primary{color:var(--bg);background:var(--ink)}.action-card .action-icon{display:grid;place-items:center;width:36px;margin-right:12px;font-size:1.3rem}.mood-overlay{position:absolute;z-index:55;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:color-mix(in srgb,var(--ink) 34%,transparent);backdrop-filter:blur(14px) saturate(.82);animation:mood-overlay-in .22s ease both}@keyframes mood-overlay-in{0%{opacity:0}}.mood-dialog{width:min(100%,940px);max-height:min(760px,calc(100svh - 36px));padding:clamp(22px,3vw,34px);overflow-y:auto;border:2px solid color-mix(in srgb,var(--ink) 9%,transparent);border-radius:clamp(28px,4vw,42px);color:var(--ink);background:color-mix(in srgb,var(--surface) 97%,white);box-shadow:0 34px 100px color-mix(in srgb,var(--ink) 34%,transparent);animation:mood-dialog-in .36s cubic-bezier(.2,1.2,.3,1) both}@keyframes mood-dialog-in{0%{opacity:0;transform:translateY(22px) scale(.94)}}.mood-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:clamp(18px,3vw,28px)}.mood-dialog-heading h2{margin:0;font-size:clamp(1.65rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.055em}.mood-dialog-heading p{margin:8px 0 0;font-size:clamp(.85rem,1.8vw,1rem);font-weight:750;opacity:.58}.mood-close{display:grid;flex:0 0 auto;place-items:center;width:50px;aspect-ratio:1;padding:0;border:1.5px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:17px;color:var(--ink);background:var(--surface);box-shadow:var(--soft-shadow);font-size:1.45rem;font-weight:700;cursor:pointer}.mood-close:hover{transform:rotate(5deg) scale(1.04)}.mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px)}.mood-card{--mood-a: #72c9c9;--mood-b: #f1bc56;--mood-c: #ea86a8;--mood-bg: #eef9f7;--mood-ink: #273638;display:grid;grid-template-rows:minmax(150px,1fr) auto;min-width:0;min-height:310px;padding:13px;overflow:hidden;border:2px solid color-mix(in srgb,var(--mood-ink) 10%,transparent);border-radius:29px;color:var(--mood-ink);background:var(--mood-bg);box-shadow:0 12px 28px color-mix(in srgb,var(--mood-ink) 10%,transparent);text-align:left;cursor:pointer;transition:transform .19s cubic-bezier(.2,.9,.3,1.25),box-shadow .19s ease,border-color .19s ease;-webkit-tap-highlight-color:transparent}.mood-card:hover,.mood-card:focus-visible{z-index:2;border-color:color-mix(in srgb,var(--mood-a) 78%,var(--mood-ink));box-shadow:0 22px 46px color-mix(in srgb,var(--mood-ink) 18%,transparent);transform:translateY(-8px) rotate(-.6deg) scale(1.018)}.mood-card:active{transform:scale(.965)}.mood-card-pop{--mood-a: #ff6b6b;--mood-b: #ffb11b;--mood-c: #36b9a9;--mood-bg: #fff3d9;--mood-ink: #392a1d}.mood-card-cosmic{--mood-a: #a889ff;--mood-b: #5ad6e8;--mood-c: #ff75b5;--mood-bg: #151936;--mood-ink: #f9f7ff}.mood-preview{position:relative;display:block;min-height:158px;overflow:hidden;border-radius:21px;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--mood-b) 22%,transparent),transparent 36%),color-mix(in srgb,var(--mood-bg) 84%,white);isolation:isolate}.mood-preview i{position:absolute;display:block;width:42px;aspect-ratio:1;background:var(--mood-a);box-shadow:0 9px 18px color-mix(in srgb,var(--mood-ink) 13%,transparent)}.mood-preview-float i{border-radius:50%}.mood-preview-float i:nth-child(1){left:13%;top:17%;width:50px;animation:mood-float-a 2.6s ease-in-out infinite}.mood-preview-float i:nth-child(2){right:12%;top:24%;width:35px;border-radius:9px;background:var(--mood-b);animation:mood-float-b 3.2s ease-in-out infinite}.mood-preview-float i:nth-child(3){left:39%;bottom:10%;width:30px;background:var(--mood-c);animation:mood-float-a 2.9s ease-in-out -1.2s infinite reverse}.mood-preview-float i:nth-child(4){right:31%;top:8%;width:16px;background:var(--mood-a);opacity:.58;animation:mood-float-b 2.3s ease-in-out -.5s infinite}@keyframes mood-float-a{0%,to{transform:translateY(8px) rotate(-7deg)}50%{transform:translate(20px,-14px) rotate(14deg) scale(1.16)}}@keyframes mood-float-b{0%,to{transform:translate(-7px,-5px) rotate(12deg)}50%{transform:translate(8px,18px) rotate(-16deg) scale(.87)}}.mood-preview-pop{background:linear-gradient(145deg,rgba(255,255,255,.58),transparent 58%),repeating-radial-gradient(circle at 50% 53%,transparent 0 22px,color-mix(in srgb,var(--mood-b) 18%,transparent) 23px 25px,transparent 26px 38px),var(--mood-bg)}.mood-preview-pop i{left:calc(50% - 20px);top:calc(50% - 20px);border-radius:50%;animation:mood-pop 1.08s cubic-bezier(.2,.85,.25,1.25) infinite}.mood-preview-pop i:nth-child(1){background:var(--mood-a);--pop-x: -66px;--pop-y: -43px}.mood-preview-pop i:nth-child(2){width:34px;border-radius:6px;background:var(--mood-b);--pop-x: 64px;--pop-y: -35px;animation-delay:-.2s}.mood-preview-pop i:nth-child(3){width:28px;background:var(--mood-c);clip-path:polygon(50% 0,100% 100%,0 100%);--pop-x: -55px;--pop-y: 48px;animation-delay:-.4s}.mood-preview-pop i:nth-child(4){width:24px;border-radius:4px;background:var(--mood-c);--pop-x: 65px;--pop-y: 49px;animation-delay:-.62s}@keyframes mood-pop{0%{transform:translate(0) rotate(0) scale(.28);opacity:.25}58%{transform:translate(var(--pop-x),var(--pop-y)) rotate(150deg) scale(1.12);opacity:1}to{transform:translate(var(--pop-x),var(--pop-y)) rotate(210deg) scale(.75);opacity:.05}}.mood-preview-cosmic{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--mood-a) 40%,transparent),transparent 13%),radial-gradient(circle at 19% 23%,white 0 1px,transparent 2px),radial-gradient(circle at 75% 33%,white 0 1px,transparent 2px),radial-gradient(circle at 28% 75%,white 0 1.5px,transparent 2.5px),#090d25}.mood-preview-cosmic:before,.mood-preview-cosmic:after{content:"";position:absolute;inset:22% 12%;border:2px solid color-mix(in srgb,var(--mood-b) 50%,transparent);border-radius:50%;transform:rotate(-17deg)}.mood-preview-cosmic:after{inset:33% 24%;transform:rotate(32deg);opacity:.58}.mood-preview-cosmic i{left:calc(50% - 13px);top:calc(50% - 13px);width:26px;border-radius:50%;transform-origin:13px 13px}.mood-preview-cosmic i:nth-child(1){background:var(--mood-a);animation:mood-orbit-a 2.5s linear infinite}.mood-preview-cosmic i:nth-child(2){width:19px;background:var(--mood-b);animation:mood-orbit-b 1.9s linear infinite}.mood-preview-cosmic i:nth-child(3){width:13px;background:var(--mood-c);animation:mood-orbit-a 1.35s linear -1s infinite reverse}.mood-preview-cosmic i:nth-child(4){width:8px;background:#fff;box-shadow:0 0 13px #fff;animation:mood-orbit-b 3.1s linear -.7s infinite reverse}@keyframes mood-orbit-a{0%{transform:rotate(0) translate(69px) rotate(0) scale(.85)}to{transform:rotate(360deg) translate(69px) rotate(-360deg) scale(1.15)}}@keyframes mood-orbit-b{0%{transform:rotate(0) translate(48px) rotate(0)}to{transform:rotate(-360deg) translate(48px) rotate(360deg)}}.mood-card-copy{display:grid;gap:4px;padding:16px 10px 8px}.mood-card-copy strong{font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1;letter-spacing:-.035em}.mood-card-copy>span{font-size:.82rem;font-weight:800;opacity:.62}.mood-card-copy small{justify-self:start;margin-top:7px;padding:6px 10px;border-radius:999px;color:var(--mood-ink);background:color-mix(in srgb,var(--mood-ink) 9%,transparent);font-size:.7rem;font-weight:850}.parent-overlay{position:absolute;z-index:60;inset:0;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--ink) 28%,transparent);backdrop-filter:blur(10px)}.parent-panel{width:min(100%,560px);max-height:min(760px,calc(100svh - 40px));padding:clamp(24px,4vw,38px);overflow-y:auto;border-radius:34px;color:#252525;background:#fffdf8;box-shadow:0 30px 90px #0000003d}.parent-panel header{display:flex;align-items:center;justify-content:space-between;gap:14px}.parent-panel h2{margin:0;font-size:1.6rem}.parent-panel p{line-height:1.7;color:#5e5a54}.parent-grid{display:grid;gap:12px;margin-top:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:13px 16px;border:1px solid #e7e1d6;border-radius:18px}.setting-row strong{display:block}.setting-row small{display:block;margin-top:3px;color:#787269}.setting-row button{flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 760px){.gallery-heading{gap:12px}.gallery-heading h2{font-size:clamp(24px,6vw,36px)}.gallery-heading p{font-size:12px;overflow-wrap:anywhere}.gallery-empty{font-size:16px;text-align:center}.screen{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.world-grid{grid-template-columns:1fr}.world-card{grid-template-columns:42% 1fr;grid-template-rows:1fr;align-items:center;min-height:150px;border-radius:26px}.world-preview{min-height:120px}.world-preview .preview-triangle{border-left-width:34px;border-right-width:34px;border-bottom-width:62px}.finish-screen{grid-template-columns:1fr;grid-template-rows:minmax(300px,48vh) auto}.finish-content{padding:6px 4px 28px}.top-bar-center{display:none}.top-bar{grid-template-columns:auto 1fr;min-height:66px;padding-left:12px;padding-right:12px}.top-bar-actions{gap:6px}.tool-dock{gap:6px;padding:6px}.tool-button{max-width:52px;justify-self:center}.create-screen{padding:0}.creation-playback{gap:8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}.selection-controls{right:10px;bottom:calc(300px + env(safe-area-inset-bottom));max-height:calc(100% - 390px - env(safe-area-inset-bottom) - env(safe-area-inset-top));overflow-y:auto;width:188px;padding:10px;border-radius:20px}.property-group{grid-template-columns:52px 1fr}.performance-back{min-height:52px;padding:0 15px}.performance-badges{gap:4px}.mood-badge{display:none}.mood-overlay{padding:10px}.mood-dialog{max-height:calc(100svh - 20px);padding:18px;border-radius:27px}.mood-dialog-heading{margin-bottom:14px}.mood-dialog-heading h2{font-size:1.65rem}.mood-grid{grid-template-columns:1fr}.mood-card{grid-template-columns:126px minmax(0,1fr);grid-template-rows:1fr;min-height:124px}.mood-preview{min-height:112px}.mood-card-copy{align-content:center;padding:12px 14px}.mood-card:hover,.mood-card:focus-visible{transform:translate(4px) scale(1.005)}.shape-count{display:none}}@media (max-width: 540px) and (orientation: portrait){.gallery-grid{grid-template-columns:minmax(0,1fr)}}@media (max-height: 640px) and (orientation: landscape){.world-grid{grid-template-columns:repeat(3,1fr)}.world-card{grid-template-columns:1fr;min-height:230px}.brand-shapes{height:90px}.brand-lockup h1{font-size:2.5rem}.start-center{gap:11px}.tool-drawer{left:max(12px,env(safe-area-inset-left));transform:none}.tool-drawer[data-open=false]{transform:translateY(calc(100% + 120px + env(safe-area-inset-bottom)))}.selection-controls{bottom:max(90px,calc(env(safe-area-inset-bottom) + 76px));max-height:calc(100% - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.mood-overlay{padding:8px}.mood-dialog{max-height:calc(100svh - 16px);padding:14px 18px 17px;border-radius:24px}.mood-dialog-heading{align-items:center;margin-bottom:10px}.mood-dialog-heading h2{font-size:1.45rem}.mood-dialog-heading p{margin-top:3px;font-size:.76rem}.mood-close{width:42px;border-radius:14px}.mood-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mood-card{grid-template-columns:1fr;grid-template-rows:88px auto;min-height:0;padding:8px;border-radius:21px}.mood-preview{min-height:88px;border-radius:15px}.mood-card-copy{padding:10px 7px 5px}.mood-card-copy strong{font-size:1.12rem}.mood-card-copy>span{font-size:.68rem}.mood-card-copy small{margin-top:3px;padding:4px 7px;font-size:.61rem}}@media (prefers-reduced-motion: reduce){.tool-drawer{transition-delay:0s!important}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}