:root{--bg:#fff;--panel:#f4f4f5;--text:#18181b;--muted:#71717a;--line:#e4e4e7;--accent:#2563eb;--accent-text:#fff;--bubble:#f4f4f5;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f0f11;--panel:#1c1c1f;--text:#ededf0;--muted:#9a9aa3;--line:#2c2c31;--accent:#3b82f6;--bubble:#1c1c1f}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;line-height:1.6;display:flex}#chat>*{width:100%;max-width:760px;margin-inline:auto}header,footer{width:100%;max-width:792px;margin-inline:auto}.ribbon[hidden],.github-corner[hidden]{display:none}.ribbon{pointer-events:none;z-index:10;width:130px;height:130px;position:fixed;top:0;right:0;overflow:hidden}.ribbon a{pointer-events:auto;background:var(--text);width:190px;color:var(--bg);text-align:center;font-size:.72rem;font-weight:600;line-height:2;text-decoration:none;position:absolute;top:28px;right:-46px;transform:rotate(45deg);box-shadow:0 1px 4px #0000004d}@media (width<=900px){.ribbon{width:60px;height:60px}.ribbon a{font-size:.6rem;line-height:1.7;top:8px;right:-70px}.ribbon .long{display:none}}.github-corner{z-index:10;line-height:0;position:fixed;top:0;right:0}.github-corner svg{width:72px;height:72px;fill:var(--text);color:var(--bg)}.github-corner:hover .octo-arm{animation:.56s ease-in-out octocat-wave}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (width<=900px){.github-corner svg{width:52px;height:52px}}header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{align-items:center;gap:8px;display:flex}h1{letter-spacing:.01em;margin:0;font-size:1.05rem}.badge{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:.7rem}.models{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.models select{flex:1;min-width:0}.open{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:grid}.open:hover{color:var(--text)}.open:has(input:disabled){opacity:.45;pointer-events:none}select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;max-width:100%;padding:6px 10px;font-size:.85rem}#chat{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.intro{color:var(--muted);font-size:.85rem}.intro p{margin:0 0 6px}#kept button{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:0 6px;font-size:.75rem}.intro .en{font-size:.8rem}.intro[data-language=ja] .en,.intro[data-language=en] .ja{display:none}.intro[data-language=en] .en{font-size:inherit}.intro .choose{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.intro .en .choose{margin:0 .3em}.intro .choose:disabled{color:inherit;cursor:default;text-decoration:none}summary{cursor:pointer;color:var(--accent)}.intro ul{margin:6px 0 0;padding-left:1.2em}a{color:var(--accent)}.message{flex-direction:column;gap:4px;display:flex}.message.user{align-items:flex-end}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;max-width:100%;padding:10px 14px}.user .bubble{background:var(--accent);color:var(--accent-text);border-bottom-right-radius:4px;max-width:85%}.model .bubble{background:var(--bubble);border-bottom-left-radius:4px}.model .bubble:empty:before{content:"…";color:var(--muted)}.meta{color:var(--muted);padding-inline:6px;font-size:.72rem}.error .bubble{color:#dc2626}.markdown{white-space:normal}.markdown>div{overflow-x:auto}.markdown :is(p,ul,ol,pre,table,h1,h2,h3,h4,h5,h6){margin:0 0 .6em}.markdown>div:last-child>:last-child{margin-bottom:0}.markdown :is(h1,h2,h3,h4,h5,h6){font-size:1em;font-weight:600}.markdown h1{font-size:1.15em}.markdown :is(ul,ol){padding-left:1.4em}.markdown code{background:var(--line);border-radius:4px;padding:0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.markdown pre{white-space:pre;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;overflow-x:auto}.markdown pre code{background:0 0;padding:0}.markdown table{border-collapse:collapse;font-size:.9em}.markdown :is(th,td){border:1px solid var(--line);padding:3px 8px}.thought>summary{color:var(--muted);font-size:.8rem}.thought>div{color:var(--muted);border-left:2px solid var(--line);margin-top:4px;padding-left:8px;font-size:.85em}.thought:has(+.answer:not(:empty)){margin-bottom:.6em}.bench .bubble{white-space:normal}.bench-title{color:var(--muted);margin-bottom:6px;font-size:.8rem}.bench table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.85rem}.bench th,.bench td{text-align:left;vertical-align:top;padding:3px 12px 3px 0}.bench th{color:var(--muted);border-bottom:1px solid var(--line);font-weight:500}.bench td:nth-child(2){text-align:right;white-space:nowrap}.bench-actions a{color:inherit;text-underline-offset:3px;text-decoration:underline dotted}.meta>summary,#load>summary{color:inherit;list-style:none}.meta>summary::-webkit-details-marker,#load>summary::-webkit-details-marker{display:none}.meta>summary,#load.measured>summary{cursor:pointer}.meta>summary:after,#load.measured>summary:after{content:" ▸"}.meta[open]>summary:after,#load.measured[open]>summary:after{content:" ▾"}.meta>div,#load-stats>div{padding-left:1.1em}#load{min-width:0}#load:not(.measured)>summary{cursor:default;pointer-events:none}footer{padding:8px 16px 14px}#status{min-height:1.4em;color:var(--muted);align-items:center;gap:10px;padding:0 6px 6px;font-size:.75rem;display:flex}progress{height:6px;accent-color:var(--accent);flex:1}#composer{background:var(--panel);border:1px solid var(--line);border-radius:24px;align-items:flex-end;gap:6px;padding:6px;display:flex}#settings-open{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}#settings-open:hover{color:var(--text)}#settings-open.changed:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.sheet{box-sizing:border-box;width:min(320px,100vw - 32px);color:var(--text);background:var(--panel);border:1px solid var(--line);overscroll-behavior:contain;border-radius:14px;margin:0;padding:14px 16px;font-size:.85rem;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 8px 30px #00000040}.sheet::backdrop{background:0 0}.sheet input[type=text]{box-sizing:border-box;width:100%;font:inherit;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:8px;margin-top:6px;padding:5px 8px;display:block}.sheet label{color:var(--muted);margin-bottom:10px;display:block}.sheet output{float:right;color:var(--text);font-variant-numeric:tabular-nums}.sheet input[type=range]{width:100%;accent-color:var(--accent);margin:6px 0 0;display:block}.sheet summary{cursor:pointer;color:var(--muted);margin-bottom:10px}.sheet .hint{color:var(--muted);margin:0 0 10px;font-size:.78rem;line-height:1.4}.sheet .switch{color:var(--text);cursor:pointer;align-items:center;gap:8px;display:flex}.sheet .switch input{accent-color:var(--accent);margin:0}.sheet .switch:has(input:disabled){color:var(--muted);cursor:default}.seed-field{gap:6px;margin-top:6px;display:flex}.seed-field input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:8px;flex:1;padding:5px 8px}.sheet button{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px}.sheet button:hover{color:var(--text)}@media (width<=640px){.sheet{width:auto;padding:18px 20px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:16px 16px 0 0;right:0;top:auto!important;bottom:0!important;left:0!important}.sheet::backdrop{background:#0000004d}}.meta .seed{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline dotted}#composer:focus-within{border-color:var(--accent)}#prompt{min-width:0;font:inherit;color:var(--text);resize:none;background:0 0;border:0;outline:0;flex:1;max-height:calc(7.5em + 12px);padding:6px 0;line-height:1.5;overflow-y:auto}#send-hint{font:inherit;color:var(--muted);border:1px solid var(--line);white-space:nowrap;user-select:none;border-radius:6px;flex:none;align-self:flex-end;margin:0 2px 9px;padding:0 5px;font-size:.68rem;line-height:1.5}@media (hover:none),(pointer:coarse),(width<=480px){#send-hint{display:none}}#run{background:var(--accent);width:36px;height:36px;color:var(--accent-text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}#run:disabled{opacity:.35;cursor:default}