:root{--background: #ffffff;--foreground: #171717}@media(prefers-color-scheme:dark){:root{--background: #0a0a0a;--foreground: #ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;margin:0;min-height:100vh}a{font-weight:600;color:#646cff;text-decoration:none}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:#1a1a1a;color:#f9f9f9;cursor:pointer;transition:border-color .25s,transform .05s ease}button:hover{border-color:#646cff;transform:translateY(-1px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){button{background-color:#f9f9f9;color:#111827}}:root{--panel-bg: rgba(255, 255, 255, .04);--panel-border: rgba(255, 255, 255, .12);--callout-bg: rgba(100, 108, 255, .08);--callout-border: rgba(100, 108, 255, .35)}#root{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3rem;text-align:left}.logo{height:5em;padding:1em}.app-shell{display:flex;flex-direction:column;gap:1rem}.hero{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}.logo-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.25rem}.hero-subtitle{margin:0;color:#9ca3af}.tab-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.tab{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:12px;padding:.85rem 1rem;text-align:left;color:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease}.tab:hover{border-color:#646cff;transform:translateY(-1px)}.tab.active{border-color:#646cff;box-shadow:0 0 0 1px #646cff55}.tab-title{font-weight:700;font-size:1rem;line-height:1.2;display:flex;gap:.35rem;align-items:center}.tab-desc{font-size:.9rem;color:#9ca3af;line-height:1.35}.tab-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;padding:1.25rem;box-shadow:0 10px 30px #00000026}.card{padding:1.25rem;border-radius:12px;background:transparent}.stack{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;justify-content:flex-start}.counter-row{display:flex;gap:.75rem;align-items:center}.counter-value{font-size:1.5rem;font-weight:700;min-width:70px;text-align:center}.status{margin:0;color:#9ca3af}.callout{width:100%;background:var(--callout-bg);border:1px solid var(--callout-border);border-radius:10px;padding:.75rem .9rem}.callout pre{margin:.35rem 0 0;font-size:.9rem;overflow-x:auto}.callout p{margin:.25rem 0 0}pre{width:100%;background:#00000059;padding:.5rem .65rem;border-radius:8px;margin:0;color:inherit}.chat-box{display:flex;flex-direction:column;gap:.5rem;width:100%}.chat-box textarea{width:100%;border-radius:10px;border:1px solid var(--panel-border);background:#ffffff08;color:inherit;padding:.75rem;font-size:1rem;resize:vertical}.chat-history{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.chat-turn{display:grid;grid-template-columns:90px 1fr;gap:.25rem .75rem;align-items:start}.chat-label{font-weight:600;color:#9ca3af}.chat-bubble{background:#ffffff0a;border:1px solid var(--panel-border);border-radius:10px;padding:.65rem .75rem;line-height:1.4}.chat-bubble.alt{background:var(--callout-bg);border-color:var(--callout-border)}@media(prefers-color-scheme:light){:root{--panel-bg: #f7f9ff;--panel-border: #e2e8f0;--callout-bg: #eef2ff;--callout-border: #c7d2fe}.hero-subtitle,.tab-desc,.status{color:#4b5563}pre{background:#e5e7eb}.tab-panel{box-shadow:0 10px 30px #0f172a14}}