.fukidashi-anchor{display:inline-flex;vertical-align:middle}.fukidashi-positioner{width:max-content;max-width:calc(100vw - 24px)}.fukidashi-bubble{--fukidashi-background: #fffdf8;--fukidashi-color: #292720;--fukidashi-border-color: #ded8cb;--fukidashi-border-width: 1px;--fukidashi-radius: 16px;--fukidashi-padding: 18px;--fukidashi-shadow: 0 8px 28px #29272012;position:relative;box-sizing:border-box;width:var(--fukidashi-width, fit-content);max-width:min(var(--fukidashi-max-width, 24rem),var(--fukidashi-available-width, calc(100vw - 24px) ));border:var(--fukidashi-border-width) solid var(--fukidashi-border-color);border-radius:var(--fukidashi-radius);background:var(--fukidashi-background);color:var(--fukidashi-color);box-shadow:var(--fukidashi-shadow);font:inherit;line-height:1.65;text-align:start;overflow-wrap:anywhere}.fukidashi-bubble[data-variant=dark]{--fukidashi-background: #24252d;--fukidashi-color: #f4f1fa;--fukidashi-border-color: #444550;--fukidashi-shadow: 0 10px 32px #17182026}.fukidashi-bubble[data-variant=comic]{--fukidashi-background: #fff;--fukidashi-color: #202020;--fukidashi-border-color: #202020;--fukidashi-border-width: 2px;--fukidashi-radius: 8px;--fukidashi-shadow: 4px 4px 0 #202020}.fukidashi-content{position:relative;box-sizing:border-box;max-height:calc(var(--fukidashi-available-height, 100000px) - 2 * var(--fukidashi-border-width));padding:var(--fukidashi-padding);overflow:auto}.fukidashi-tail{position:absolute;box-sizing:border-box;width:var(--fukidashi-tail-size);height:var(--fukidashi-tail-size);background:var(--fukidashi-background);border:0 solid var(--fukidashi-border-color);transform:rotate(45deg);pointer-events:none}.fukidashi-tail[data-side=top],.fukidashi-tail[data-side=bottom]{left:calc(clamp(var(--fukidashi-tail-size),var(--fukidashi-tail-offset),calc(100% - var(--fukidashi-tail-size))) - var(--fukidashi-tail-size) / 2)}.fukidashi-tail[data-side=left],.fukidashi-tail[data-side=right]{top:calc(clamp(var(--fukidashi-tail-size),var(--fukidashi-tail-offset),calc(100% - var(--fukidashi-tail-size))) - var(--fukidashi-tail-size) / 2)}.fukidashi-tail[data-side=top]{top:calc(-1 * (var(--fukidashi-tail-size) + var(--fukidashi-border-width)) / 2);border-top-width:var(--fukidashi-border-width);border-left-width:var(--fukidashi-border-width)}.fukidashi-tail[data-side=bottom]{bottom:calc(-1 * (var(--fukidashi-tail-size) + var(--fukidashi-border-width)) / 2);border-bottom-width:var(--fukidashi-border-width);border-right-width:var(--fukidashi-border-width)}.fukidashi-tail[data-side=left]{left:calc(-1 * (var(--fukidashi-tail-size) + var(--fukidashi-border-width)) / 2);border-bottom-width:var(--fukidashi-border-width);border-left-width:var(--fukidashi-border-width)}.fukidashi-tail[data-side=right]{right:calc(-1 * (var(--fukidashi-tail-size) + var(--fukidashi-border-width)) / 2);border-top-width:var(--fukidashi-border-width);border-right-width:var(--fukidashi-border-width)}.fukidashi-motion{opacity:1;transform:none;transform-origin:var(--fukidashi-origin, center);transition:opacity var(--fukidashi-duration, .18s) ease,transform var(--fukidashi-duration, .18s) cubic-bezier(.2,.8,.2,1)}.fukidashi-motion[data-state=closed]{opacity:0}.fukidashi-motion[data-state=closed][data-motion=pop]{transform:scale(.94)}.fukidashi-motion[data-state=closed][data-motion=slide]{transform:translate(var(--fukidashi-enter-x, 0px),var(--fukidashi-enter-y, 6px))}.fukidashi-motion[data-motion=none]{transition:none;opacity:1;transform:none}.fukidashi-typewriter{position:relative;display:inline-block;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.fukidashi-typewriter[data-reserve-space=true]:not([data-status=complete])>.fukidashi-typewriter-visible:not([data-reveal-ready]){visibility:hidden}::highlight(fukidashi-unrevealed){color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:0;text-shadow:none}.fukidashi-cursor[data-overlay=true]{position:absolute;visibility:hidden}.fukidashi-cursor{pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block;width:0;animation:fukidashi-blink 1s step-end infinite}.fukidashi-sr-only{-webkit-user-select:none;user-select:none;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes fukidashi-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.fukidashi-motion:not([data-reduced-motion=never]){transition:none;transform:none}.fukidashi-cursor{animation:none}}:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#302e28;background:#f7f5ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,select,input[type=range]{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #dc673d;outline-offset:4px}.site-header,main,.site-footer{width:min(1140px,calc(100% - 64px));margin-inline:auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd2}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:750;text-decoration:none;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;background:#ed7650;border-radius:11px 11px 11px 2px;width:34px;height:32px;font-family:Georgia,serif;font-size:26px;color:#fff8ee}.version{font:600 10px/1.4 monospace;letter-spacing:.2px;border:1px solid #d6d0c3;padding:3px 7px;border-radius:20px}.repo-link{font-size:12px;text-decoration:none}.intro{padding:65px 0 50px}.eyebrow{color:#8c8171;font:600 10px/1.5 monospace;letter-spacing:2px}h1{font-size:clamp(32px,4.5vw,57px);letter-spacing:-.07em;font-weight:800;margin:18px 0}h1 em{font-style:normal;color:#d6613e}.intro-copy{color:#756f64;font-size:14px;line-height:2}.feature-tags{display:flex;gap:8px;margin-top:23px}.feature-tags span{font-size:10px;border:1px solid #dfdbd1;padding:5px 10px;border-radius:30px;background:#fbfaf6}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:16px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-number{color:#bf694c;font:12px monospace}h2{font-size:18px;margin:0;letter-spacing:-.03em}.section-heading>p{color:#8a8275;font-size:10px}.playground-grid{display:grid;grid-template-columns:248px minmax(0,1fr);border:1px solid #ded9ce;border-radius:14px;overflow:hidden;background:#fffdf8;box-shadow:0 10px 40px #302e2805}.inspector{padding:23px;border-right:1px solid #e5e0d7;background:#fcfaf5}.control-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.control-heading:not(:first-child){border-top:1px solid #e5e0d7;padding-top:20px;margin-top:25px}.control-heading h3{margin:0;font-size:12px}.control-heading span{font:9px monospace;color:#a29a8b;letter-spacing:1px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;margin-top:16px}.field select{width:100%;background:#fffefa;border:1px solid #ded9ce;border-radius:6px;color:#4f4a42;font-size:11px;padding:9px}.range-field>span{display:flex;justify-content:space-between;align-items:center}.range-field output{color:#998d7a;font:10px monospace}input[type=range]{accent-color:#d86a44;width:100%;margin-inline:0}.preview-column{min-width:0;display:flex;flex-direction:column}.preview{min-height:440px;flex:1;position:relative;display:flex;align-items:center;justify-content:center;background-color:#f3f0e8;background-image:radial-gradient(#cec8ba 1px,transparent 1px);background-size:19px 19px}.preview-meta{position:absolute;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;gap:12px;font:9px monospace;color:#9b9384}.preview-meta>span:first-child{display:flex;align-items:center;gap:6px;letter-spacing:1px}.preview-meta i{width:5px;height:5px;background:#849678;border-radius:50%}.speaker-area{text-align:center;padding-top:150px}.speaker{width:74px;height:74px;border:1px solid #ca6542;background:#e9835e;border-radius:24px;box-shadow:0 6px #c26745,0 12px 20px #6c432421;transform:rotate(-4deg);display:grid;place-items:center}.speaker:active{transform:rotate(-4deg) translateY(3px);box-shadow:0 3px #c26745}.speaker-face{position:relative;display:flex;gap:16px;margin-top:-10px}.speaker-face i{width:5px;height:8px;background:#552d1e;border-radius:50%}.speaker-face b{position:absolute;width:9px;height:5px;border:2px solid #552d1e;border-top:0;border-radius:0 0 10px 10px;left:8px;top:17px}.speaker-caption{font-size:10px;color:#9b8e7d;margin-top:21px}.preview-footer{position:absolute;bottom:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.play-status{font-size:10px;color:#8d816e}.transport{display:flex;gap:5px}.transport button{font-size:10px;padding:7px 9px;border:1px solid #ddd6c9;border-radius:5px;background:#fcfaf4}.transport .replay{color:#a54c30;border-color:#d9b8a7}.message-editor{display:flex;flex-direction:column;padding:20px 23px;border-top:1px solid #e2ddd3;gap:10px}.message-editor>span{font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px}.message-editor small{font:9px monospace;color:#a09686}.message-editor textarea{width:100%;border:1px solid #e1dbce;background:#fcfaf6;padding:12px;border-radius:6px;resize:vertical;font-size:12px;color:#676053;line-height:1.8;min-height:100px}.code-panel{border:1px solid #ded9ce;border-radius:9px;margin-top:12px;overflow:hidden;background:#fdfbf6}.code-panel summary{display:flex;justify-content:space-between;padding:15px 20px;font-size:11px;cursor:pointer}.code-panel summary span{color:#a49582;font:10px monospace}.code-panel pre{margin:0;padding:22px;font-size:11px;line-height:1.9;background:#292a29;color:#e9e1cf;overflow:auto}.code-panel p{font:10px/1.8 monospace;padding:8px 20px;color:#827463;overflow-wrap:anywhere}.examples{margin-top:57px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.example-card{min-width:0;padding:30px;border:1px solid #ded9ce;border-radius:12px;background:#fdfbf6}.example-label{font:9px monospace;letter-spacing:1.5px;color:#af795f}.example-card h3{font-size:16px;margin:13px 0 27px}.chat-stack{display:flex;flex-direction:column;gap:20px;padding:0 10px;font-size:12px}.chat-stack>:last-child{align-self:end}.example-caption{font-size:10px;color:#968976;margin:26px 0 0;line-height:1.8}.new-label{font:9px monospace;color:#ad6148;letter-spacing:1px}.example-card h4{margin:10px 0;font-size:17px}.rich-copy{font-size:11px;color:#797064}.sample-link{display:inline-block;background:#f3d593;padding:8px 12px;font-size:10px;border:1px solid #292720;border-radius:5px;text-decoration:none}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:48px 0 56px}.principles b{font-size:11px}.principles p{font-size:10px;line-height:1.9;color:#998b78}.site-footer{display:flex;justify-content:space-between;border-top:1px solid #ddd7cc;padding:22px 0 35px;font-size:9px;color:#9d927f}@media(max-width:800px){.site-header,main,.site-footer{width:calc(100% - 32px)}.site-header{height:76px}.intro{padding-top:40px}.playground-grid{grid-template-columns:1fr}.preview-column{grid-row:1}.preview{min-height:450px}.inspector{border-right:0;border-top:1px solid #e2ddd3;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.control-heading{grid-column:1 / -1;margin-bottom:0}.example-grid{grid-template-columns:1fr}.section-heading>p,.preview-meta>span:last-child{display:none}.principles{grid-template-columns:1fr;gap:14px}.preview-footer{flex-direction:column;gap:9px}.brand{font-size:13px;gap:7px}.site-footer{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}