*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--card:#fff;--cloud:#eef3fb;--mark:#dbe9ff;--edge-x:18px;--edge-y:10px;--edge-b:16px;--ink:#16181d;--sub:#5b616e;--mut:#9aa0ab;--line:#eceef2;--soft:#f5f6f8;--accent:#0a64d8;--vvh:100dvh}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;margin:0}body{-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;position:fixed;inset:0;overflow:hidden}.stage{height:var(--vvh);position:relative;overflow:hidden}.top{z-index:5;padding:calc(env(safe-area-inset-top,0px) + var(--edge-y)) var(--edge-x) 0;color:var(--mut);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:flex-start;font-size:12px;display:flex;position:absolute;top:0;left:0;right:0}.top b{color:var(--ink);letter-spacing:.02em;font-size:13px;line-height:1.4}.clocks{flex-direction:column;align-items:flex-end;line-height:1.4;display:flex}.clocks i{margin-right:5px;font-style:normal}.chara{left:50%;top:var(--ct,30%);height:var(--ch,50%);aspect-ratio:3/4;transition:top .6s cubic-bezier(.2,.8,.2,1),height .6s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translate(-50%)}.chara .float{animation:3.6s ease-in-out infinite float;position:absolute;inset:0}.chara img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.chara img.on{opacity:1}.chara .shadow{background:#16181d14;border-radius:50%;height:5%;animation:3.6s ease-in-out infinite shadow;position:absolute;bottom:3%;left:24%;right:24%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3.2%)}}@keyframes shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.86)}}.stage.thinking .chara .float{animation-duration:2.2s}.stage.idea .chara .float{animation:.5s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{transform:scale(.97)}60%{transform:scale(1.04)}to{transform:scale(1)}}.thought{z-index:3;pointer-events:none;opacity:0;transform-origin:50% 100%;flex-direction:column;align-items:center;max-width:74%;transition:opacity .45s,transform .55s cubic-bezier(.2,1.4,.4,1),top .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;left:50%;transform:translate(-50%,8px)scale(.6)}.thought.on{opacity:1;transform:translate(-50%)scale(1)}.thought .cloud{padding:16px 26px 17px;animation:3s ease-in-out infinite drift;position:relative}.thought .cloud svg{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.thought .cloud span{z-index:1;color:#475066;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:236px;font-size:13.5px;line-height:1.45;animation:2.6s ease-in-out infinite haze;display:-webkit-box;position:relative;overflow:hidden}.thought i{background:var(--cloud);border-radius:50%;display:block;box-shadow:0 2px 6px #1e325a29}.thought .d1{width:12px;height:12px;margin-top:6px;margin-left:-26px;animation:3s ease-in-out .2s infinite drift}.thought .d2{width:7px;height:7px;margin-top:4px;margin-left:-40px;animation:3s ease-in-out .4s infinite drift}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes haze{0%,to{filter:blur();opacity:.95}50%{filter:blur(.6px);opacity:.75}}.doing{z-index:3;text-align:center;color:var(--mut);opacity:0;font-size:13px;transition:opacity .3s,top .6s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;right:0}.doing.on{opacity:1}.bubble{width:min(560px,100% - 28px);left:0;right:0;bottom:var(--bb,50%);z-index:4;background:var(--card);box-shadow:0 10px 40px #16181d1a,0 0 0 1px var(--line);transform-origin:50% 100%;opacity:0;filter:blur(8px);pointer-events:none;border-radius:24px;margin:0 auto;transition:transform .55s cubic-bezier(.2,1.2,.3,1),opacity .35s,filter .45s,bottom .6s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translateY(24px)scale(.6)}.stage.composing .bubble{opacity:0;filter:blur(6px);pointer-events:none;transform:translateY(10px)scale(.96)}.bubble.on{opacity:1;filter:none;pointer-events:auto;transform:none}.bubble:after{content:"";background:var(--card);width:22px;height:22px;box-shadow:1px 1px 0 var(--line);border-radius:0 0 6px;margin-left:-11px;position:absolute;bottom:-11px;left:50%;transform:rotate(45deg)}.bubble .in{z-index:1;max-height:var(--bubble-max,40vh);overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:24px;padding:16px 18px 14px;font-size:16px;line-height:1.75;position:relative;overflow-y:auto}.bubble.ovb .in{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}.bubble.ovt .in{-webkit-mask-image:linear-gradient(#0000,#000 40px);mask-image:linear-gradient(#0000,#000 40px)}.bubble.ovt.ovb .in{-webkit-mask-image:linear-gradient(#0000,#000 40px calc(100% - 56px),#0000);mask-image:linear-gradient(#0000,#000 40px calc(100% - 56px),#0000)}.bubble ul{margin:.2em 0 .7em;padding-left:1.1em}.bubble li{margin:0 0 .45em}.bubble li::marker{color:var(--mut)}.bubble .in::-webkit-scrollbar{display:none}.bubble p{margin:0 0 .55em}.bubble b{background:linear-gradient(transparent 64%,var(--mark) 64%);font-weight:700}.bubble .share{text-align:right;color:var(--accent);margin-top:6px;font-size:12.5px;font-weight:600;text-decoration:none;display:block}.caret{vertical-align:-2px;opacity:.4;background:currentColor;width:.45em;height:1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:8px -18px 0;padding:0 18px 4px;display:flex;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;background:var(--soft);opacity:0;border-radius:16px;flex:none;width:72%;padding:11px 13px;transition:opacity .35s,transform .35s;transform:translateY(6px)}.card.in2{opacity:1;transform:none}.card .t{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1.1}.card .t small{color:var(--mut);margin-left:3px;font-size:12px;font-weight:600}.card .j{color:var(--accent);margin-top:3px;font-size:11.5px;font-weight:700}.card h3{margin:6px 0 2px;font-size:13.5px;line-height:1.4}.card .v{color:var(--sub);font-size:11.5px}table{border-collapse:collapse;width:100%;margin:6px 0 2px;font-size:14px}th{color:var(--mut);text-align:left;border-bottom:1px solid var(--line);padding:4px 6px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}tr:last-child td{border-bottom:0}td:first-child{white-space:nowrap;font-weight:700}.dock{z-index:6;padding:0 16px calc(env(safe-area-inset-bottom,0px) + var(--edge-b));position:absolute;bottom:0;left:0;right:0}.suggest{flex-wrap:wrap;justify-content:center;gap:8px;max-width:620px;margin:0 auto;transition:opacity .3s,transform .3s;display:flex}.chip{font:inherit;background:var(--soft);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:11px 16px;font-size:14px}.chip.ask{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff;align-items:center;gap:6px;font-weight:700;display:inline-flex}.chip.ask:before{content:"";background:currentColor;width:13px;height:13px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16v4zM14 6l4 4' fill='none' stroke='black' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16v4zM14 6l4 4' fill='none' stroke='black' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.stage.composing .suggest,.stage.busy .suggest{opacity:0;pointer-events:none;transform:translateY(10px)}.mist{z-index:-1;pointer-events:none;filter:blur(14px);transform-origin:50% 85%;opacity:0;background:radial-gradient(60% 55% at 50% 62%,#0a64d81a,#0a64d80a 55%,#fff0 78%);height:230px;transition:transform .7s cubic-bezier(.2,.9,.2,1),opacity .5s;position:absolute;bottom:-40px;left:-10%;right:-10%;transform:scale(.25)}.stage.composing .mist{opacity:1;transform:scale(1)}.stage.kbd .dock{padding-bottom:10px}.stage.kbd .write{bottom:10px}.stage.kbd .mist{bottom:-90px}.write{max-width:640px;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + var(--edge-b));opacity:0;pointer-events:none;align-items:flex-end;gap:6px;margin:0 auto;transition:opacity .4s .15s;display:flex;position:absolute}.stage.composing .write{opacity:1;pointer-events:auto}.write:before{content:"";flex:none;width:46px}.write textarea{min-width:0;font:inherit;text-align:center;resize:none;color:var(--ink);caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1;max-height:6em;padding:9px 2px;font-size:18px;line-height:1.5;overflow-y:auto}.write textarea::placeholder{color:#b8bdc6}.send{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;transition:transform .35s cubic-bezier(.2,1.6,.4,1);display:grid;transform:scale(0)}.send.on{transform:scale(1)}.stage.limited .suggest,.stage.limited .write{display:none}.fly{z-index:9;color:var(--ink);white-space:nowrap;pointer-events:none;will-change:transform,opacity;background:#fff;border-radius:999px;padding:9px 15px;font-size:16px;font-weight:600;position:fixed;box-shadow:0 4px 18px #16181d1f}.fly-ball{z-index:9;pointer-events:none;will-change:transform,opacity;filter:blur(.6px);background:radial-gradient(circle,#fff 0,#fffffff2 22%,#d6e8ffbf 45%,#bedaff4d 66%,#bedaff00 80%);border-radius:50%;width:22px;height:22px;position:fixed;box-shadow:0 0 18px 8px #c4deff52}:root[data-theme=dark] .fly-ball{box-shadow:0 0 14px 4px #8cbeff73}.bubble a{color:var(--accent);word-break:break-all}.bubble .h{margin:.6em 0 .2em;font-weight:700}.bubble ol{margin:.2em 0 .7em;padding-left:1.3em}.bubble figure{margin:8px 0 10px}.bubble figure img{width:100%;height:auto;box-shadow:0 0 0 1px var(--line);cursor:zoom-in;border-radius:12px;display:block}.bubble figcaption{color:var(--mut);margin-top:4px;font-size:11.5px}.bubble .update{background:#fff6e0;border-radius:14px;margin:10px 0 2px;padding:10px 12px;font-size:14px;line-height:1.6}.bubble .update b{background:0 0}.bubble .update ul{margin:.3em 0 0}.bubble .oops{color:var(--sub)}.zoom{z-index:20;touch-action:none;background:#fffffffa;display:none;position:fixed;inset:0;overflow:hidden}.zoom.on{display:block}.zoom img{transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;position:absolute;top:0;left:0}.zoom .close{right:14px;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:2;background:var(--ink);color:#fff;font:inherit;border:0;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;position:absolute}.zoom .hint{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);text-align:center;color:var(--mut);font-size:12px;position:absolute}.bubble a.src{background:var(--soft);color:var(--sub);white-space:nowrap;vertical-align:1px;word-break:normal;border-radius:999px;margin:0 0 0 5px;padding:1px 8px;font-size:11px;font-weight:600;line-height:1.7;text-decoration:none;display:inline-block}.bubble a.src:hover{color:var(--ink);background:#e8ecf3}.notice{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + var(--edge-b) + 58px);text-align:center;color:var(--mut);opacity:0;pointer-events:none;margin:0;font-size:11.5px;line-height:1.6;transition:opacity .4s .2s,transform .4s .2s;position:absolute;transform:translateY(6px)}.stage.composing .notice{opacity:1;transform:none}.stage.kbd .notice{bottom:68px}.greet{z-index:4;background:var(--card);max-width:235px;box-shadow:0 6px 22px #16181d1a,0 0 0 1px var(--line);color:var(--sub);opacity:0;transform-origin:85% 100%;pointer-events:none;border-radius:15px;margin:0;padding:9px 13px;font-size:13px;line-height:1.6;transition:opacity .5s,transform .6s cubic-bezier(.2,1.4,.4,1),top .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:12px;transform:translateY(6px)scale(.92)}.greet:after{content:"";background:var(--card);width:12px;height:12px;box-shadow:1px 1px 0 var(--line);position:absolute;bottom:-6px;right:24px;transform:rotate(45deg)}.greet.on{opacity:1;transform:none}.stage.started .greet,.stage.composing .greet{opacity:0;transform:translateY(6px)scale(.92)}@media (width>=768px){:root{--edge-x:clamp(28px,6vw,96px);--edge-y:24px;--edge-b:clamp(28px,6vh,64px)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--card:#1c1c1e;--cloud:#2c2c2e;--mark:#4ea1ff59;--ink:#f2f2f7;--sub:#c7c7cc;--mut:#8e8e93;--line:#2c2c2e;--soft:#1c1c1e;--accent:#4ea1ff}:root[data-theme=dark] .bubble{box-shadow:0 10px 40px #0009,0 0 0 1px var(--line)}:root[data-theme=dark] .thought .cloud span{color:#d1d1d6}:root[data-theme=dark] .chara .shadow{background:#ffffff12}:root[data-theme=dark] .chip{color:var(--ink);background:#1c1c1e}:root[data-theme=dark] .chip.ask{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}:root[data-theme=dark] .send{background:var(--ink);color:#000}:root[data-theme=dark] .write textarea::placeholder{color:#636366}:root[data-theme=dark] .greet,:root[data-theme=dark] .greet:after,:root[data-theme=dark] .fly{background:var(--card);color:var(--sub)}:root[data-theme=dark] .fly{color:var(--ink)}:root[data-theme=dark] .bubble a.src{color:#c7c7cc;background:#2c2c2e}:root[data-theme=dark] .bubble .update{background:#3a2f12}:root[data-theme=dark] .zoom{background:#000000f7}:root[data-theme=dark] .mist{background:radial-gradient(60% 55% at 50% 62%,#4ea1ff2e,#4ea1ff0f 55%,#0000 78%)}:root[data-theme=dark] .chara img{filter:drop-shadow(0 0 1.5px #ffffff8c)drop-shadow(0 0 14px #78aaff1f)}