:root{--paper: #ffffff;--ink: #000000;--muted: #555555;--field: #ffffff;--accent: #5ad641;--danger: #ff5c5c;--shadow: 6px 6px 0 var(--ink);--shadow-lift: 9px 9px 0 var(--ink)}@media(prefers-color-scheme:dark){:root{--paper: #111111;--ink: #ffffff;--muted: #9e9e9e;--field: #1c1c1c}}:root[data-theme=light]{--paper: #ffffff;--ink: #000000;--muted: #555555;--field: #ffffff}:root[data-theme=dark]{--paper: #111111;--ink: #ffffff;--muted: #9e9e9e;--field: #1c1c1c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}.app{max-width:46rem;margin:0 auto;padding:1.5rem 1rem 1.25rem;height:100dvh;display:flex;flex-direction:column;gap:1rem}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;border:4px solid var(--ink);box-shadow:var(--shadow);background:var(--paper);padding:.9rem 1rem}.app-header h1{font-size:1.3rem;font-weight:900;letter-spacing:.02em;margin:0;position:relative;display:inline-block;overflow:hidden;padding-bottom:4px}.app-header h1:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--ink);transform:translate(-100%);transition:transform .3s}.app-header:hover h1:after{transform:translate(0)}.subtitle{margin:.3rem 0 0;font-size:.78rem;color:var(--muted)}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn{font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border:3px solid var(--ink);background:var(--paper);color:var(--ink);padding:.45rem .9rem;cursor:pointer;position:relative;overflow:hidden;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.btn:before{content:attr(data-hover);position:absolute;inset:0;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .25s}.btn:hover:not(:disabled):before{transform:translateY(0)}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn--danger:before{background:var(--danger)}.btn--primary{background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:4px 4px 0 var(--muted)}.sync-status{margin:0;font-size:.8rem;font-weight:700;color:var(--ink);border-left:5px solid var(--accent);padding-left:.6rem}.log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem;padding:.4rem .6rem .6rem .2rem}.msg{padding:.75rem .95rem;border:3px solid var(--ink);box-shadow:var(--shadow);white-space:pre-wrap;word-break:break-word;max-width:88%}.msg-user{background:var(--ink);color:var(--paper);align-self:flex-end;font-weight:700;white-space:pre-wrap}.msg-bot{background:var(--paper);color:var(--ink);align-self:flex-start;white-space:normal}.msg-bot :first-child{margin-top:0}.msg-bot :last-child{margin-bottom:0}.msg-bot p{margin:0 0 .6rem}.msg-bot ul,.msg-bot ol{margin:0 0 .6rem;padding-left:1.3rem}.msg-bot li{margin:.2rem 0}.msg-bot li::marker{font-weight:900}.msg-bot h4,.msg-bot h5,.msg-bot h6{margin:.8rem 0 .4rem;font-size:.95rem;font-weight:900;text-transform:uppercase}.msg-bot strong{font-weight:900;background:var(--accent);color:#000;padding:0 .15em}.msg-bot code{background:var(--field);border:2px solid var(--ink);padding:0 .3em;font-size:.9em}.sources{align-self:flex-start;max-width:88%;font-size:.8rem;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);padding:.5rem .75rem}.sources summary{cursor:pointer;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.source{margin-top:.7rem;padding-top:.7rem;border-top:3px solid var(--ink)}.source-label{font-weight:800;color:var(--ink)}a.source-label{color:var(--ink);text-decoration:none;border-bottom:3px solid var(--accent)}a.source-label:hover{background:var(--accent);color:#000}.source p{margin:.35rem 0 0;white-space:pre-wrap;color:var(--muted)}.ask{display:flex;gap:.7rem;align-items:stretch}.ask input{flex:1;min-width:0;font:inherit;padding:.7rem .85rem;border:4px solid var(--ink);background:var(--field);color:var(--ink);box-shadow:var(--shadow);transition:background .2s,color .2s,box-shadow .15s,transform .15s}.ask input::placeholder{color:var(--muted)}.ask input:focus{outline:none;background:var(--ink);color:var(--paper);transform:translate(-2px,-2px);box-shadow:var(--shadow-lift)}.ask input:focus::placeholder{color:var(--muted)}.ask .btn{padding:.7rem 1.5rem;box-shadow:var(--shadow)}.ask .btn:hover:not(:disabled){box-shadow:var(--shadow-lift)}@media(max-width:480px){.app{padding:1rem .75rem}.msg,.sources{max-width:100%}.ask .btn{padding:.7rem 1rem}}