@font-face{font-family:Noto;src:url('/media/static-feccf2df1301c471/noto-sans-tc.woff') format('woff');font-display:swap;font-weight:100 900}
:root{font-family:Noto,"Noto Sans TC",sans-serif;color:#303b33;background:#f7f8f2;font-synthesis:none;--accent:#42684f;--accent-dark:#294b36;--accent-soft:#eaf0df;--accent-pale:#f2f5eb;--line:#e4e8df;--muted:#7b8278;--stage:#f0f1e7;--radius:25px}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0;background:transparent}button:disabled{opacity:.4;cursor:wait}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent)}a{color:inherit;text-decoration:none}button{transition:background .18s,transform .18s,color .18s,box-shadow .18s}button:hover:not(:disabled){filter:brightness(.975)}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}[hidden]{display:none!important}svg.icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:var(--accent-soft)}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;border-radius:9px;padding:9px 10px}.quiet-button:hover{background:var(--accent-soft)}.quiet-button svg{width:17px;height:17px}.section-kicker{font-size:10px;font-weight:600;letter-spacing:1.55px;color:var(--muted)}.skip-link{position:fixed;z-index:99;left:20px;top:-60px;padding:12px 20px;border-radius:12px;background:white}.skip-link:focus{top:10px}
.site-header{height:82px;margin:0 40px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:29px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:41px;font-weight:600;letter-spacing:-2px;line-height:1}.brand-mark{font-family:Arial,sans-serif;font-size:40px;font-weight:400;color:var(--accent);line-height:1;letter-spacing:0}.brand-period{color:var(--accent)}.brand-caption{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px;letter-spacing:.7px}.header-tools{margin-left:auto;display:flex;align-items:center;gap:9px}.local-time{font-size:11px;letter-spacing:1.2px;margin-right:17px;color:var(--muted);font-variant-numeric:tabular-nums}.header-tools .icon-button{border:1px solid var(--line);background:#fcfdf9}.site-footer{max-width:1600px;margin:0 auto 20px;display:flex;justify-content:space-between;font-size:10px;color:#858c81;letter-spacing:.6px;padding:0 0}.site-footer>span:last-child{font-size:9px;letter-spacing:1.9px}
.workspace{max-width:1600px;margin:30px auto 24px;display:grid;grid-template-columns:210px minmax(410px,1fr) 328px;gap:28px;padding:0;align-items:stretch}.companions{display:flex;flex-direction:column;min-width:0;padding-top:13px}.companions>.section-kicker{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px}.companions>.section-kicker span{color:var(--accent);font-variant-numeric:tabular-nums}.companions h1{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:10px 0 25px}.character-list{display:flex;flex-direction:column;gap:13px}.character-card{padding:0;position:relative;text-align:left;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fcfdf9;transition:border-color .2s,box-shadow .2s}.character-card:hover{border-color:#a2b392;box-shadow:0 5px 18px #51633b09}.character-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.character-portrait{height:136px;position:relative;overflow:hidden;background:#e9e7dd}.character-portrait img{position:absolute;width:100%;left:0;top:-3%;mix-blend-mode:multiply}.character-card[data-character^=wakunyan] .character-portrait{background:#fbefd5}.character-card[data-character^=wakunyan] .character-portrait img{width:103%;left:-2%;top:-2%}.character-number{position:absolute;left:13px;top:11px;font-size:9px;color:#777c69;letter-spacing:1.5px}.selected-mark{position:absolute;right:11px;top:10px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;opacity:0}.selected-mark svg{width:13px;height:13px}.character-card[aria-pressed=true] .selected-mark{opacity:1}.character-detail{padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.character-detail strong{display:block;font-size:14px;font-weight:500}.character-detail small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.character-detail>span{font-size:17px;color:#a4ada0}.character-card[aria-pressed=true] .character-detail>span{color:var(--accent)}.sidebar-note{margin:auto 8px 36px;padding-top:40px;color:#7a8271}.note-star{font-size:39px;font-family:Georgia;color:#8a9b71}.sidebar-note p{font-size:13px;line-height:2;margin-top:10px}.note-line{display:block;width:24px;height:1px;background:#b5c09f;margin:20px 0 14px}.sidebar-note small{font-size:8px;letter-spacing:1.1px}.about-button{color:var(--muted);justify-content:flex-start;font-size:11px;padding-left:0}
.playground{min-width:0;display:flex;flex-direction:column;height:calc(100svh - 164px);min-height:702px;max-height:1040px}.stage-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 22px;flex-shrink:0}.stage-heading .section-kicker{font-size:9px;margin-bottom:9px}.stage-heading h2{font-size:29px;font-weight:500;letter-spacing:-1.25px;line-height:1.4}.stage-heading h2 span{color:var(--accent)}.stage-heading .icon-button{border:1px solid var(--line);width:36px;height:36px}.world{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--stage);flex:1;min-height:360px;isolation:isolate;transition:background .5s}.scene-decoration{position:absolute;inset:0;pointer-events:none}.halo{position:absolute;border:1px solid #cbd1bd60;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);aspect-ratio:1}.halo-outer{width:94%;max-width:600px}.halo-inner{width:72%;max-width:460px;border-style:dashed}.world-word{font-family:Georgia,serif;font-size:clamp(50px,5.8vw,93px);font-style:italic;color:#d7deca85;position:absolute;top:17%;width:100%;text-align:center;letter-spacing:-5px;white-space:nowrap}.spark{position:absolute;color:#a2b484aa;font-size:24px}.spark-one{left:13%;top:40%;transform:rotate(15deg)}.spark-two{right:11%;top:26%;font-size:36px}.spark-three{right:13%;bottom:23%;font-size:18px}.ground-shadow{position:absolute;width:30%;height:12px;border-radius:50%;filter:blur(9px);bottom:11%;left:35%;background:#70855928}.world-topline,.world-bottomline{position:absolute;left:23px;right:23px;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.world-topline{top:21px;font-size:10px;color:#69745d}.presence{display:inline-flex;align-items:center;gap:7px;background:#ffffff9e;border:1px solid #ffffff91;border-radius:30px;padding:7px 10px;backdrop-filter:blur(4px)}.presence i,.live-dot{width:5px;height:5px;border-radius:50%;background:#769663;display:inline-block}.scene-label{letter-spacing:1px;font-size:10px}.world-bottomline{bottom:16px;gap:10px;color:#77816c;font-size:10px}.world-bottomline>span:first-child{display:flex;align-items:center;gap:5px}.world-bottomline svg{width:14px;height:14px}.mood-badge{border:1px solid #9ba58860;border-radius:20px;padding:4px 10px;min-width:40px;white-space:nowrap}.model-wrap{position:absolute;height:100%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .25s;max-height:750px;z-index:2}.model-wrap canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.model-wrap canvas:active{cursor:grabbing}.world.closeup .model-wrap{transform:translate(-50%,-32%) scale(1.48)}body[data-character^=wakunyan] .model-wrap{height:90%}body[data-character^=wakunyan] .world.closeup .model-wrap{transform:translate(-50%,-31%) scale(1.45)}.touch-effect{position:absolute;left:54%;top:20%;font-size:49px;color:#e29690;opacity:0;pointer-events:none}.touch-effect.active{animation:heart-rise .95s ease-out}.loading,.load-error{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:30px;background:var(--stage)}.loading-flower{font-size:46px;color:var(--accent);animation:loading-turn 4s linear infinite}.loading strong{font-weight:500;font-size:15px}.loading>span:last-child{font-size:11px;color:var(--muted)}.load-error{gap:16px}.load-error h3{font-size:20px;font-weight:500}.load-error p{font-size:13px;line-height:1.8;max-width:280px}.primary-button{background:var(--accent);color:white;padding:11px 22px;border-radius:12px;font-size:13px}.world.loading-model .model-wrap{opacity:0}.stage-actions{display:flex;align-items:center;gap:6px;padding:14px 0;flex-shrink:0}.pet-button{display:flex;gap:7px;align-items:center;font-size:12px;padding:10px 15px;border-radius:11px;background:var(--accent-soft);color:var(--accent-dark)}.pet-button svg{width:16px;height:16px}.tool-divider{height:17px;border-left:1px solid var(--line);margin:0 3px}.stage-actions .quiet-button{color:#6f7968;padding:9px 7px;font-size:11px}.scene-picker{margin-left:auto;display:flex;gap:6px;align-items:center;padding-right:3px}.scene-dot{width:18px;height:18px;border:3px solid #f7f8f2;border-radius:50%;box-shadow:0 0 0 1px var(--line);padding:0}.scene-dot[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--accent)}.scene-dot.day{background:#e4dec4}.scene-dot.garden{background:#b6c5a4}.scene-dot.night{background:#667080}.speech-card{display:flex;gap:13px;padding:18px 17px;border:1px solid var(--line);border-radius:17px;background:#fffffc;min-height:98px;align-items:flex-start;flex-shrink:0}.speech-avatar{height:40px;width:40px;border-radius:50%;overflow:hidden;position:relative;background:var(--accent-soft);flex-shrink:0}.speech-avatar img{width:100%;position:absolute;top:-1%;mix-blend-mode:multiply}.speech-content{flex:1;min-width:0}.speaker-line{display:flex;align-items:center;gap:9px;margin-bottom:7px}.speaker-line strong{font-weight:500;font-size:12px}.speaker-line>span:not(.audio-wave){font-size:9px;color:#8c9486}.speech-content p{font-size:12px;line-height:1.8;color:#616d5b}.speech-content p[lang=ja]{font-size:10px;margin-top:5px;color:var(--muted)}.speech-card>.icon-button{width:29px;height:29px;color:#89937f;margin-top:3px;position:relative}.speech-card>.icon-button svg{width:17px;height:17px}#history-dot{width:5px;height:5px;background:#b1985c;border-radius:50%;position:absolute;right:0;top:1px}.audio-wave{display:none;gap:2px;height:10px;align-items:center}.audio-wave i{width:2px;height:4px;background:var(--accent);border-radius:2px;animation:audio-wave .6s ease-in-out infinite alternate}.audio-wave i:nth-child(2){animation-delay:.15s;height:9px}.audio-wave i:nth-child(3){animation-delay:.3s;height:6px}.audio-wave i:nth-child(4){animation-delay:.1s}body.speaking .audio-wave{display:flex}.stage-footnote{display:flex;justify-content:space-between;font-size:9px;color:#8d9587;padding:14px 3px 0;gap:8px}.stage-footnote>span:first-child{font-size:8px;letter-spacing:1.4px}
.control-panel{background:#fefefb;border:1px solid var(--line);border-radius:22px;padding:25px 20px 0;display:flex;flex-direction:column;align-self:start;min-height:702px;margin-top:0}.eyebrow-pill{font-size:8px;font-weight:600;letter-spacing:1.3px;border:1px solid #b9c5ab70;color:var(--accent);padding:4px 7px;border-radius:5px;display:inline-block}.panel-intro h2{font-size:20px;letter-spacing:-.7px;font-weight:500;margin-top:13px}.panel-intro p{font-size:10px;color:var(--muted);margin-top:9px;margin-bottom:23px}.control-tabs{display:flex;gap:6px;padding:4px;background:#f2f4ed;border-radius:11px;margin-bottom:17px}.control-tabs>button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;padding:8px 3px;border-radius:8px;color:#7d8775}.control-tabs>button svg{width:16px;height:16px}.control-tabs>button small{font-size:8px;font-variant-numeric:tabular-nums;color:#8e9786}.control-tabs>button[aria-selected=true]{background:#fff;box-shadow:0 2px 5px #3e4c2d09;color:var(--accent)}.expression-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.expression-grid>button{height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;background:#fdfdf9;font-size:11px;color:#77816f;position:relative}.expression-grid>button svg{height:24px;width:30px;stroke-width:1.5}.expression-grid>button[aria-pressed=true]{background:var(--accent-soft);border-color:#a3b68b;color:var(--accent-dark)}.expression-grid>button[aria-pressed=true]:after{content:'';position:absolute;width:4px;height:4px;right:7px;top:7px;border-radius:50%;background:var(--accent)}.control-hint{font-size:9px;color:#939a8c;text-align:center;line-height:1.8;padding:13px 0 19px}.desktop-hint{display:block;font-size:8px;color:#a1a897;margin-top:3px}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.motion-grid>button{border:1px solid var(--line);border-radius:9px;padding:9px 10px;text-align:left;font-size:11px;display:flex;align-items:center;justify-content:space-between}.motion-grid>button>span:last-child{color:#a5b096;font-size:12px}.motion-grid>button.playing{background:var(--accent-soft);color:var(--accent-dark);border-color:#a3b68b}.conversation-section{border-top:1px solid var(--line);padding-top:18px;margin-top:2px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h3{font-size:13px;font-weight:500}.section-title>span{font-size:9px;color:#8b9580}.dialogue-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dialogue-grid>button{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:12px 10px;background:#f6f7f0;border:1px solid transparent;border-radius:10px;font-size:11px;white-space:nowrap}.dialogue-grid>button svg{width:15px;height:15px;color:#8b9b79}.dialogue-grid>button.active{background:var(--accent-soft);border-color:#a3b68b}.demo-card{background:var(--accent-soft);border-radius:13px;display:flex;align-items:center;gap:10px;padding:14px 12px;margin:22px 0 18px;position:relative;overflow:hidden}.demo-art{font-size:32px;line-height:1;color:#7f9567}.demo-card>div:not(.demo-progress){flex:1}.demo-card strong{font-weight:500;font-size:12px;color:var(--accent-dark)}.demo-card p{font-size:9px;color:#859074;margin-top:5px}.demo-card .icon-button{width:32px;height:32px;background:var(--accent);color:white}.demo-card .icon-button svg{width:14px;height:14px}.demo-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);width:0;transition:width .25s}.panel-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;color:#8e9786;font-size:9px;min-height:46px;margin-top:auto}.panel-footer>.quiet-button{margin-left:auto;color:#7d886f;padding:7px}.panel-footer .live-dot{background:#9bab8d}
body[data-character^=wakunyan]{--accent:#9a6b24;--accent-dark:#79511e;--accent-soft:#f8eed7;--accent-pale:#faf5e9;--stage:#f8f0dd}body[data-character^=wakunyan] .world-word{color:#e6d6a87a}body[data-character^=wakunyan] .spark{color:#c1a3679e}body[data-scene=garden]{--stage:#e6eee3}body[data-scene=garden] .world-word{color:#c9dac685}body[data-scene=garden] .halo{border-color:#b0c7aa70}body[data-scene=night]{--stage:#313e4e}body[data-scene=night] .world-word{color:#8799ad24}body[data-scene=night] .halo{border-color:#bbc8d923}body[data-scene=night] .spark{color:#e0d0a387}body[data-scene=night] .world-bottomline,body[data-scene=night] .scene-label{color:#cad2d8}body[data-scene=night] .presence{background:#ffffffd9}body[data-scene=night] .ground-shadow{background:#101e3190}body[data-scene=night] .loading,body[data-scene=night] .load-error{color:#e5eadc}body[data-scene=night] .loading-flower,body[data-scene=night] .loading>span:last-child{color:#ced9bc}
dialog{border:1px solid var(--line);border-radius:23px;padding:25px;background:#fdfef9;color:#303b33;max-width:520px;width:calc(100% - 32px);max-height:85svh;box-shadow:0 30px 100px #1b2a2d22}dialog::backdrop{background:#293d3255;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.dialog-heading h2{font-size:21px;font-weight:500;letter-spacing:-.8px;margin-top:9px}.dialog-heading .section-kicker{font-size:8px}.dialog-heading .icon-button{width:32px;height:32px}.dialog-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.dialog-note{font-size:10px;color:var(--muted);margin-top:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);gap:20px;cursor:pointer}.setting-row strong,.volume-setting strong{font-size:13px;font-weight:500}.setting-row small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.setting-row input{appearance:none;-webkit-appearance:none;width:36px;height:21px;border-radius:14px;background:#d5dbcc;position:relative;cursor:pointer;flex-shrink:0;margin:0}.setting-row input:after{content:'';position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .2s}.setting-row input:checked{background:var(--accent)}.setting-row input:checked:after{transform:translateX(15px)}.volume-setting{display:grid;grid-template-columns:1fr auto;gap:16px;margin-top:22px}.volume-setting output{font-size:12px;color:var(--muted)}.volume-setting input{grid-column:span 2;width:100%;accent-color:var(--accent);cursor:pointer}.about-content p{font-size:13px;line-height:2;color:#65715e;margin-bottom:18px}.about-content a{font-size:12px;display:inline-block;border-bottom:1px solid var(--accent);padding-bottom:3px;color:var(--accent)}.history-item{padding:15px;border:1px solid var(--line);border-radius:13px;margin-bottom:10px}.history-meta{display:flex;justify-content:space-between;font-size:10px;color:#929b87;margin-bottom:7px}.history-question{font-size:11px;color:#8c947f;margin-bottom:5px}.history-answer{font-size:12px;line-height:1.8}.history-empty{text-align:center;padding:30px 0;color:var(--muted);font-size:13px}.history-empty>span{display:block;font-size:32px;margin-bottom:14px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:20;max-width:calc(100% - 32px);padding:12px 20px;background:#334334;color:#f9fcf4;border-radius:12px;font-size:12px;box-shadow:0 8px 30px #233e2926}.noscript{position:fixed;bottom:0;width:100%;padding:20px;background:white;text-align:center}
body.focus-mode .companions,body.focus-mode .control-panel,body.focus-mode .site-footer{display:none}body.focus-mode .workspace{display:block;max-width:1050px;margin-top:18px}body.focus-mode .playground{max-height:none;height:calc(100svh - 120px);min-height:550px}body.focus-mode .stage-heading{padding-bottom:12px}body.focus-mode .stage-heading h2{font-size:24px}body.focus-mode .world{min-height:250px}body.focus-mode .stage-footnote{display:none}
@keyframes heart-rise{0%{opacity:0;transform:translateY(5px) scale(.6)}20%{opacity:1;transform:translateY(-7px) scale(1)}100%{opacity:0;transform:translateY(-80px) scale(1.2)}}@keyframes loading-turn{to{transform:rotate(360deg)}}@keyframes audio-wave{to{height:3px}}
@media(min-width:1750px){.workspace{gap:35px;grid-template-columns:220px minmax(410px,1fr) 350px}.control-panel{padding:28px 24px 0}.character-portrait{height:150px}.expression-grid>button{height:84px}.control-panel{min-height:740px}.dialogue-grid>button{padding:14px 12px}.panel-intro h2{font-size:21px}.panel-intro p{font-size:11px}.stage-heading h2{font-size:32px}.stage-heading{padding-bottom:27px}.speech-content p{font-size:13px}.speech-card{padding:22px 20px;min-height:108px}.playground{min-height:742px}.control-panel .demo-card{margin-top:28px}}
@media(max-width:1680px){.workspace,.site-footer{margin-left:32px;margin-right:32px}.site-header{margin:0 32px}}
@media(max-width:1250px){.workspace{grid-template-columns:172px minmax(360px,1fr) 300px;gap:20px;margin-left:24px;margin-right:24px}.companions h1{font-size:20px}.companions>.section-kicker{font-size:8px;letter-spacing:.7px}.character-portrait{height:116px}.character-detail{padding:11px}.character-detail strong{font-size:13px}.character-detail small{font-size:9px}.control-panel{padding-left:17px;padding-right:17px}.stage-heading h2{font-size:25px}.stage-actions{gap:3px}.pet-button{padding:10px 11px}.stage-actions .quiet-button{font-size:10px;gap:4px}.stage-actions .quiet-button svg{width:15px;height:15px}.scene-picker{gap:5px}.tool-divider{margin:0}.world-bottomline{font-size:9px;left:17px;right:17px}.control-panel{min-height:690px}.expression-grid{gap:6px}.expression-grid>button{height:73px}.panel-intro h2{font-size:18px}.playground{min-height:690px}.speech-card{gap:10px;padding:17px 13px}.speech-content p{font-size:11px}}
@media(max-width:1050px){.site-header{margin:0 24px}.workspace{grid-template-columns:minmax(360px,1fr) 302px;gap:23px}.companions{grid-column:span 2;display:grid;grid-template-columns:190px 1fr;gap:0 25px;padding:0;align-items:center}.companions>.section-kicker{grid-column:1;font-size:8px;max-width:167px}.companions h1{grid-column:1;margin:5px 0 0}.character-list{grid-column:2;grid-row:1/span 2;flex-direction:row;gap:12px}.character-card{flex:1;display:flex;align-items:center;min-height:77px;border-radius:13px}.character-portrait{width:70px;height:77px;flex-shrink:0}.character-portrait img{top:2%}.character-number{display:none}.character-detail{padding:10px 12px;flex:1}.character-detail small{font-size:9px}.selected-mark{width:19px;height:19px;right:4px;top:4px}.selected-mark svg{width:11px;height:11px}.sidebar-note,.companions>.about-button{display:none}.workspace{margin-top:22px}.playground{min-height:710px;height:calc(100svh - 280px)}.control-panel{min-height:710px}.site-footer{margin:0 24px 18px}.stage-heading{padding-top:4px}.brand-caption{font-size:11px}.world-word{font-size:66px}}
@media(max-width:740px){.site-header{height:67px;margin:0 18px;gap:15px}.brand{font-size:34px;gap:8px}.brand-mark{font-size:33px}.brand-caption{font-size:10px;padding-left:14px;letter-spacing:0}.local-time{display:none}.header-tools{gap:5px}.header-tools .icon-button{width:33px;height:33px}.header-tools svg{width:17px;height:17px}.workspace{display:flex;flex-direction:column;gap:22px;margin:20px 16px}.companions{display:block}.companions>.section-kicker{display:none}.companions h1{font-size:16px;margin:0 0 13px;letter-spacing:-.3px}.character-list{gap:10px}.character-card{min-height:75px}.character-portrait{width:59px;height:75px}.character-portrait img{width:125%;left:-12%;top:1%}.character-card[data-character^=wakunyan] .character-portrait img{width:137%;left:-19%;top:3%}.character-detail{padding:10px 9px}.character-detail strong{font-size:12px}.character-detail small{font-size:8px;letter-spacing:0}.character-detail>span{display:none}.playground{height:auto;min-height:0;max-height:none}.stage-heading{padding:0 2px 16px}.stage-heading .section-kicker{font-size:8px;letter-spacing:1.3px;margin-bottom:6px}.stage-heading h2{font-size:24px;letter-spacing:-.8px}.stage-heading .icon-button{width:33px;height:33px}.stage-heading .icon-button svg{width:17px;height:17px}.world{flex:none;height:390px;min-height:0;border-radius:21px}.model-wrap{height:100%;max-height:none}body[data-character^=wakunyan] .model-wrap{height:88%}.world-topline{left:16px;right:16px;top:15px;font-size:9px}.presence{padding:6px 8px;gap:5px}.scene-label{font-size:9px}.world-bottomline{bottom:14px;font-size:8px}.world-bottomline svg{width:12px;height:12px}.world-word{font-size:65px;top:21%;letter-spacing:-3.5px}.halo-outer{width:108%}.halo-inner{width:80%}.stage-actions{padding:12px 0;gap:5px}.stage-actions .quiet-button{font-size:10px;gap:5px;padding:8px 5px}.pet-button{font-size:11px;padding:10px 11px}.scene-dot{width:16px;height:16px;border-width:2px}.scene-picker{gap:5px}.tool-divider{margin:0 2px}.speech-card{padding:15px 12px;min-height:93px;gap:10px}.speech-avatar{width:34px;height:34px}.speaker-line{gap:7px;margin-bottom:4px}.speaker-line strong{font-size:11px}.speaker-line>span:not(.audio-wave){font-size:8px}.speech-content p{font-size:11px}.speech-card>.icon-button{width:23px;height:23px}.stage-footnote{font-size:8px;padding-top:10px}.stage-footnote>span:first-child{font-size:7px;letter-spacing:1px}.control-panel{width:100%;min-height:0;padding:21px 18px 0;border-radius:20px}.panel-intro{position:relative}.panel-intro .eyebrow-pill{position:absolute;right:0;top:2px;font-size:7px}.panel-intro h2{margin:0;font-size:20px}.panel-intro p{font-size:10px;margin:8px 0 19px}.control-tabs{margin-bottom:15px}.control-tabs>button{padding:9px}.expression-grid{gap:9px}.expression-grid>button{height:78px;gap:8px}.expression-grid>button svg{width:32px;height:26px}.desktop-hint{display:none}.control-hint{font-size:9px;padding:12px 0 16px}.conversation-section{padding-top:17px}.dialogue-grid{gap:9px}.dialogue-grid>button{font-size:12px;gap:8px;padding:14px 13px}.demo-card{margin-top:20px;margin-bottom:16px;padding:15px}.panel-footer{min-height:44px}.site-footer{margin:26px 18px 22px;justify-content:center;font-size:9px}.site-footer>span:last-child{display:none}.control-panel .motion-grid{grid-template-columns:repeat(3,1fr);gap:7px}.motion-grid>button{font-size:10px;padding:10px 8px}.motion-grid>button>span:last-child{font-size:10px}.toast{bottom:max(20px,env(safe-area-inset-bottom))}dialog{padding:22px}.dialog-heading h2{font-size:19px}.dialog-footer{font-size:9px}.dialog-footer .quiet-button{font-size:10px}body.focus-mode .workspace{margin:16px}body.focus-mode .playground{height:calc(100svh - 100px);min-height:530px}body.focus-mode .world{height:auto;flex:1;min-height:230px}body.focus-mode .brand-caption{display:none}}
@media(max-width:380px){.brand-caption{display:none}.stage-actions{gap:2px}.pet-button{padding:10px 9px}.tool-divider{margin:0 1px}.stage-actions .quiet-button{padding:8px 4px;font-size:9px}.scene-picker{gap:4px}.scene-dot{width:14px;height:14px}.world{height:355px}.character-detail strong{font-size:11px}.character-detail small{font-size:7px}.character-portrait{width:53px}.panel-intro h2{font-size:18px}.panel-intro .eyebrow-pill{font-size:6px}.world-bottomline{font-size:7px}.speech-card{gap:8px}}
.character-portrait img{height:auto}.speech-avatar img{width:225%;left:-62.5%;top:-4%}
.world-slot{position:relative;flex:1;min-height:360px}.world-slot>.world{height:100%;min-height:100%}.pip-return,#mobile-play,#about-mobile{display:none}body.focus-mode .world-slot{min-height:250px}
@media(max-width:1050px){#about-mobile{display:inline-block;font-size:10px;color:var(--muted)}}
@media(max-width:740px){.world-slot{height:390px;min-height:0;flex:none}.world-slot>.world{height:100%;min-height:0}.world.pip{position:fixed;inset:14px 14px auto auto;width:142px;height:169px;z-index:15;border:1px solid #c2cbb8;box-shadow:0 8px 35px #293e3326;min-height:0;border-radius:17px}.world.pip .model-wrap{height:150px;top:47%}.world.pip .world-topline,.world.pip .world-bottomline,.world.pip .scene-decoration{display:none}.world.pip .pip-return{display:block;position:absolute;bottom:4px;left:10px;right:10px;font-size:9px;border-radius:20px;padding:5px;background:#ffffffc9;z-index:4;color:#405139}.world.pip.closeup .model-wrap{transform:translate(-50%,-50%)}body[data-character^=wakunyan] .world.pip .model-wrap{height:141px}.stage-footnote #session-note{display:none}#mobile-play{display:inline-block;font-size:10px;color:var(--accent);padding:0}.site-footer{gap:20px}body.focus-mode .world-slot{flex:1;height:auto;min-height:230px}}
@media(max-width:380px){.world-slot{height:355px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}