@font-face{font-family:Caveat;src:url(./Caveat-Regular-D6LQsQ_v.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:light;accent-color:var(--color-primary);--color-pink: #ffe0e0;--color-ground: var(--color-pink);--color-surface: #ffffff;--color-ink: #4d342b;--color-secondary: #6b5b54;--color-tertiary: #6b5b54;--color-primary: #91533e;--color-primary-hover: #7e4938;--color-on-primary: #ffffff;--color-outline: #9b7569;--color-user-bubble: var(--color-primary);--color-user-ink: var(--color-on-primary);--color-mikiru-bubble: #fafafa;--color-input: var(--color-mikiru-bubble);--color-danger: #91533e;--color-danger-hover: #7e4938;--color-focus: #91533e;--color-focus-soft: #91533e24;--color-accent-selection: #ffffff14;--color-backdrop: #00000030;--color-control-hover: #f1eae6;--color-control-focus-fill: #e7ddd6;--color-inset: #f2f2f2;--color-edge: #dfd9d6;--color-control-fill: #e9e1dc;--color-toggle-off: #9c8883;--color-toggle-thumb: #ffffff;--color-toggle-hover: color-mix(in srgb, var(--color-toggle-off) 88%, var(--color-ink));--color-message-shadow: #91533e08;--art-light-core: #ffffffb3;--art-light-mid: #91533e10;--art-lighting: radial-gradient(ellipse 32% 36% at 46% 40%, var(--art-light-core), var(--art-light-mid) 60%, transparent 100%);--art-mask: radial-gradient(ellipse at 46% 40%, #000 15%, transparent 70%);--art-chat-filter: blur(20px);--art-chat-source-size: max(1600px, 160vmax);--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: Georgia, "Times New Roman", serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-surface: 24px;--radius-bubble: calc(var(--radius-surface) - var(--space-1));--radius-pill: 999px;--composer-height: 56px;--composer-radius: 28px;--composer-inset: 6px;--composer-text-inset: 10px;--composer-input-max-height: min(216px, 35dvh);--send-size: 44px;--font-primary: 16px;--font-support: 14px;--font-meta: 13px;--transition-control: .12s ease;--transition-entrance: .18s ease-out;--content-width: 896px;--chat-reserved-height: 92px;--chat-message-gap: 16px;--header-height: calc(var(--chat-reserved-height) + env(safe-area-inset-top));--chat-inset: clamp(16px, 3vw, 32px);font-family:var(--font-sans);font-size:var(--font-primary);font-synthesis:none;color:var(--color-ink);background:var(--color-ground);-webkit-text-size-adjust:100%;text-size-adjust:100%}:root[data-appearance=dark]{color-scheme:dark;--color-ground: #000000;--color-surface: #151515;--color-ink: #eeeeee;--color-secondary: #bdb7b4;--color-tertiary: #b0b0b0;--color-outline: #858585;--color-mikiru-bubble: #292929;--color-focus: var(--color-pink);--color-focus-soft: #ffffff14;--color-control-hover: #303030;--color-control-focus-fill: #414141;--color-control-fill: #303030;--color-inset: #242424;--color-edge: #414141;--color-toggle-off: #777777;--color-message-shadow: transparent;--art-light-core: #ffffff80;--art-light-mid: #91533e45}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans)}::selection{background:var(--color-focus-soft);color:var(--color-ink)}.user-message .message-bubble ::selection{background:var(--color-accent-selection);color:var(--color-user-ink)}button,textarea,select{font:inherit;font-family:var(--font-sans)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,.setting-switch:disabled,.appearance-select:disabled{opacity:.45;cursor:default}button,a{touch-action:manipulation}button{outline:none}button:focus-visible{box-shadow:inset 0 0 0 2px var(--control-focus, var(--color-focus))}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--space-1)}[hidden]{display:none!important}#app{min-height:100dvh;position:relative;isolation:isolate}.brand{font-family:Caveat,cursive;font-weight:400;letter-spacing:-.025em}.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.scene .artwork{position:absolute;left:calc(60% - var(--art-chat-source-size) * .46);top:calc(45% - var(--art-chat-source-size) * .4);width:var(--art-chat-source-size);height:auto;max-width:none;transform:none;opacity:.15;filter:var(--art-chat-filter);-webkit-mask-size:100% 100%;mask-size:100% 100%;clip-path:inset(0 0 0 0)}.artwork.is-transitioning{transform:none;transform-origin:0 0}.artwork:not(.is-ready) .portrait{opacity:0}.artwork:not(.is-ready):before{opacity:0}.landing-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.primary,.secondary,.danger{min-height:48px;border:1px solid transparent;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);line-height:1.4;transition:color var(--transition-control),background-color var(--transition-control),border-color var(--transition-control),box-shadow var(--transition-control),transform var(--transition-control)}.primary{--control-focus: var(--color-on-primary);color:var(--color-on-primary);background:var(--color-primary)}.primary:hover:not(:disabled){background:var(--color-primary-hover)}.secondary{color:var(--color-ink);border-color:var(--color-outline);background:transparent}.secondary:hover:not(:disabled){background:var(--color-control-hover)}.secondary:focus-visible{background:var(--color-control-hover)}.primary:active:not(:disabled),.secondary:active:not(:disabled),.danger:active:not(:disabled){transform:translateY(1px)}.landing-error{max-width:400px}.chat{height:100dvh;display:flex;flex-direction:column}.chat-header{flex:0 0 var(--header-height);height:var(--header-height);width:100%;max-width:var(--content-width);margin:0 auto;padding:env(safe-area-inset-top) max(var(--chat-inset),env(safe-area-inset-right)) 0 max(var(--chat-inset),env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;animation:content-enter .16s ease-out}.chat-header h1{margin:0;font-size:40px;line-height:1.15}.brand-home{display:block;color:var(--color-ink);background:transparent;border:0;padding:2px 8px;margin-left:-8px;border-radius:12px;font-size:40px;line-height:1.15;-webkit-user-select:none;user-select:none;caret-color:transparent}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.information-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:var(--color-secondary);background:transparent;transition:background-color var(--transition-control),color var(--transition-control),box-shadow var(--transition-control)}.information-button:hover,.information-button:active{color:var(--color-ink);background:var(--color-control-hover)}.information-button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.offline{color:var(--color-secondary);font-size:var(--font-meta)}.transcript{flex:1;min-height:0;width:100%;max-width:var(--content-width);margin:0 auto;overflow-y:auto;overscroll-behavior-y:contain;padding:var(--chat-message-gap) max(var(--chat-inset),env(safe-area-inset-right)) var(--chat-message-gap) max(var(--chat-inset),env(safe-area-inset-left));scrollbar-width:thin;scrollbar-color:var(--color-edge) transparent}.message{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:min(85%,680px);margin:0 0 var(--space-6)}.user-message{margin-left:auto;align-items:flex-end}.message-bubble{color:var(--color-ink);background:var(--color-mikiru-bubble);border-radius:var(--radius-bubble);padding:var(--space-3) var(--space-4);box-shadow:0 2px 12px var(--color-message-shadow)}.transcript>:last-child{margin-bottom:0}.user-message .message-bubble{color:var(--color-user-ink);background:var(--color-user-bubble)}.message-text{font-size:var(--font-primary);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.message-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-2) 0;color:var(--color-tertiary);font-size:var(--font-meta);line-height:1.5}.message-meta strong{font-weight:500}.user-message .message-meta{justify-content:flex-end}.failed-reply{flex-direction:row;align-items:center;gap:var(--space-2)}.failed-reply .message-bubble{flex:1;min-width:0}.failure-label{display:block;font-size:var(--font-meta);font-weight:500;color:var(--color-tertiary);margin-bottom:var(--space-1)}.failed-reply .message-text{font-size:var(--font-support)}.retry{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--color-edge);border-radius:50%;background:var(--color-surface);color:var(--color-secondary);transition:background-color var(--transition-control),color var(--transition-control),box-shadow var(--transition-control),transform var(--transition-control)}.retry svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.retry:hover:not(:disabled){background:var(--color-control-fill);color:var(--color-ink)}.retry:active:not(:disabled){transform:scale(.97)}.typing-row{margin-bottom:var(--space-6)}.typing-indicator{display:flex;align-items:center;gap:var(--space-1);width:fit-content;margin:0;padding:var(--space-4) var(--space-4);border-radius:var(--radius-pill);background:var(--color-mikiru-bubble)}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--color-secondary);animation:typing 1.2s ease-in-out infinite}.typing-dot:nth-of-type(3){animation-delay:.15s}.typing-dot:nth-of-type(4){animation-delay:.3s}@keyframes typing{0%,70%,to{opacity:.35}35%{opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.bottom{flex:0 0 auto;width:100%;max-width:var(--content-width);min-height:calc(var(--chat-reserved-height) + env(safe-area-inset-bottom));margin:0 auto;padding:var(--space-3) max(var(--chat-inset),env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) max(var(--chat-inset),env(safe-area-inset-left));background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.status{color:var(--color-secondary);font-size:var(--font-support);line-height:1.5;margin:0 0 var(--space-3) var(--space-6);overflow-wrap:anywhere}.status:empty{display:none}.composer{display:flex;align-items:flex-end}.input-wrap{background:var(--color-input);border:1px solid transparent;border-radius:var(--composer-radius);flex:1;min-width:0;min-height:var(--composer-height);display:flex;align-items:flex-end;padding:calc(var(--composer-inset) - 1px) var(--composer-inset) calc(var(--composer-inset) - 1px) var(--chat-inset);gap:var(--space-2);box-shadow:none;transition:none}.input-wrap:has(.input:focus-visible){border-color:var(--color-focus)}.input-area{flex:1;min-width:0;padding:var(--composer-text-inset) 0}.input{display:block;min-width:0;width:100%;resize:none;height:24px;min-height:24px;max-height:calc(var(--composer-input-max-height) - 2 * var(--composer-text-inset));overflow-y:auto;color:var(--color-ink);background:transparent;border:0;padding:0;margin:0;line-height:24px;outline:none;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--color-outline) transparent}.input::placeholder{color:var(--color-tertiary);opacity:1}.input:focus,.input:focus-visible{outline:0;box-shadow:none}.send-button{--control-focus: var(--color-on-primary);flex:0 0 var(--send-size);width:var(--send-size);height:var(--send-size);padding:0;display:grid;place-items:center;border:0;border-radius:50%;color:var(--color-on-primary);background:var(--color-primary);transition:background-color var(--transition-control),box-shadow var(--transition-control),transform var(--transition-control)}.send-button:hover:not(:disabled){background:var(--color-primary-hover)}.send-button:active:not(:disabled){transform:scale(.97)}.send-arrow{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}dialog{color:var(--color-ink);border:0;box-shadow:none}dialog::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-enter .16s ease-out}dialog.is-closing::backdrop{animation:backdrop-leave .12s ease-in both}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes backdrop-leave{0%{opacity:1}to{opacity:0}}.reset-dialog{width:min(420px,calc(100vw - 2 * var(--space-6)));max-height:calc(100dvh - 2 * var(--space-6));padding:var(--space-8);background:var(--color-surface);border:0;outline:0;border-radius:var(--radius-surface);font-family:var(--font-sans);text-align:left}dialog h2{font-size:24px;font-weight:500;line-height:1.4;margin:0}.reset-dialog h2{font-family:var(--font-serif);font-weight:400}dialog p{font-size:var(--font-support);line-height:1.7;color:var(--color-secondary)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.reset-dialog .secondary:focus{outline:0;border-color:var(--color-focus);background:var(--color-control-hover);box-shadow:0 2px 8px var(--color-focus-soft)}.danger{--control-focus: var(--color-on-primary);background:var(--color-danger);color:var(--color-on-primary)}.danger:hover:not(:disabled){background:var(--color-danger-hover)}.about-dialog{width:min(560px,calc(100vw - 2 * var(--space-4)));max-height:calc(100dvh - 2 * var(--space-6) - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0;background:transparent;border:0;outline:0;overflow:hidden;border-radius:var(--radius-surface)}.about-dialog[open]{display:flex;flex-direction:column}.about-surface{display:flex;flex-direction:column;min-height:0;padding:clamp(20px,3vw,32px);border-radius:var(--radius-surface);background:var(--color-surface);border:0;outline:0;max-height:calc(100dvh - 2 * var(--space-6) - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}.about-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--space-4)}.about-content{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-outline) transparent;scrollbar-gutter:stable}.close-about{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;padding:0;border-radius:50%;background:var(--color-control-hover);color:var(--color-ink);transition:background-color var(--transition-control),box-shadow var(--transition-control),filter var(--transition-control)}.close-about:hover{filter:brightness(.9)}.close-icon{position:relative;width:18px;height:18px}.close-icon:before,.close-icon:after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;border-radius:1px;background:currentColor;transform:rotate(45deg)}.close-icon:after{transform:rotate(-45deg)}.about-dialog .about-intro{font-size:var(--font-support);margin:var(--space-4) 0 var(--space-4);line-height:1.7;color:var(--color-secondary)}.about-dialog h2{font-family:var(--font-serif);font-weight:400}.about-dialog h2{font-size:28px}.about-dialog h3{font-size:var(--font-primary);font-weight:600;line-height:1.5;margin:0 0 var(--space-2)}.about-surface p{margin:0}.about-settings,.about-start-over{margin-top:var(--space-6)}.settings-controls{padding:var(--space-1) var(--space-4);border-radius:calc(var(--radius-surface) - var(--space-2));background:var(--color-inset)}.about-footer{margin-top:var(--space-6)}.reset-command{display:inline;padding:2px 6px;border-radius:6px;background:var(--color-inset);color:var(--color-ink);font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:var(--font-support);white-space:nowrap}.about-dialog a{color:inherit;text-underline-offset:3px}.about-dialog a:hover{color:var(--color-ink)}.about-dialog .credit-line{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:var(--font-support);line-height:1.7;color:var(--color-secondary)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:52px;font-size:var(--font-support);cursor:pointer}.setting-switch{appearance:none;flex:0 0 44px;width:44px;height:28px;margin:0;padding:4px;border:0;border-radius:var(--radius-pill);background:var(--color-toggle-off);cursor:pointer;outline:none;transition:background-color var(--transition-control),box-shadow var(--transition-control)}.setting-switch:before{content:"";display:block;width:20px;height:20px;border-radius:50%;background:var(--color-toggle-thumb);transition:transform var(--transition-control),background-color var(--transition-control)}.setting-switch:checked{background:var(--color-primary)}.setting-switch:checked:before{transform:translate(16px);background:var(--color-on-primary)}.setting-switch:hover:not(:disabled){background:var(--color-toggle-hover)}.setting-switch:checked:hover:not(:disabled){background:var(--color-primary-hover)}.setting-switch:focus-visible{box-shadow:0 0 0 2px var(--color-inset),0 0 0 4px var(--color-focus)}.setting-switch:focus,.setting-switch:focus-visible{outline:0}.appearance-control{position:relative;flex:0 0 auto;max-width:55%;min-width:116px}.appearance-select{appearance:none;display:block;width:100%;height:44px;padding:0 36px 0 var(--space-3);border:0;border-radius:calc(var(--radius-surface) - var(--space-3));background:var(--color-surface);color:var(--color-ink);font-size:var(--font-support);cursor:pointer;outline:0;box-shadow:none;transition:background-color var(--transition-control)}.appearance-chevron{position:absolute;right:var(--space-3);top:50%;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:var(--color-secondary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.appearance-select:hover{background:var(--color-control-hover)}.appearance-select:active{background:var(--color-control-fill)}.appearance-select:focus-visible{background:var(--color-control-focus-fill);outline:0;box-shadow:none}.about-surface .setting-status{font-size:var(--font-support);margin-top:var(--space-2)}.setting-status:empty{display:none}.landing{--layout-view: desktop;--art-crop: 80px;--portrait-bound: 130cqw;width:min(100%,1536px);min-height:100svh;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) max(clamp(16px,3vw,32px),env(safe-area-inset-right)) 0 max(clamp(16px,3vw,32px),env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);align-items:center;gap:clamp(16px,3vw,48px)}.chat{--layout-view: desktop}.intro{min-width:0;width:min(100%,418px);justify-self:end;container-type:inline-size;padding-bottom:var(--space-8);animation:content-enter var(--transition-entrance) both}.landing-title{font-size:136px;line-height:1;margin:0 0 var(--space-6)}.art-region{width:100%;min-width:0;align-self:end;container-type:inline-size}.art-slot{--art-height: min(94svh, 1240px, calc(var(--portrait-bound) - var(--art-crop)));width:100%;height:var(--art-height);min-width:0;overflow:hidden}.artwork{position:relative;isolation:isolate;left:calc(50% - (var(--art-height) + var(--art-crop)) * .513);width:calc(var(--art-height) + var(--art-crop));height:calc(var(--art-height) + var(--art-crop));aspect-ratio:1;transform:none;opacity:1;filter:blur(0px);clip-path:inset(0 0 var(--art-crop) 0);-webkit-mask-image:var(--art-mask);mask-image:var(--art-mask);-webkit-mask-position:46% 40%;mask-position:46% 40%;-webkit-mask-size:800% 800%;mask-size:800% 800%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:transparent;border:0;box-shadow:none;pointer-events:none}.artwork:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--art-lighting)}.portrait{display:block;width:100%;height:100%;max-width:none;object-fit:contain}@keyframes content-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-aspect-ratio:1/1){.landing{--layout-view: mobile;--portrait-bound: 125cqw;--art-crop: 64px;padding:max(32px,env(safe-area-inset-top)) 0 0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(auto,1fr) auto;justify-items:center;align-items:start;gap:var(--space-4)}.intro{width:min(100%,480px);justify-self:center;align-self:center;text-align:center;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.landing-title{font-size:104px;margin-bottom:var(--space-4)}.landing-actions{justify-content:center}.art-region{max-width:720px}.art-slot{--art-height: min(62svh, 760px, calc(var(--portrait-bound) - var(--art-crop)))}.chat{--layout-view: mobile}.message{max-width:min(90%,680px)}.input-wrap{--composer-input-max-height: min(144px, 28dvh)}}@container (max-width: 360px){.landing-title{font-size:104px}}@container (max-width: 260px){.landing-title{font-size:80px;margin-bottom:var(--space-3)}.landing-actions{gap:var(--space-2)}.landing-actions button{padding-inline:var(--space-4)}}@container (max-width: 180px){.landing-title{font-size:56px}}@container (max-width: 120px){.landing-title{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}