:root{color-scheme:light;--bg-base: #f6f1e7;--bg-panel: rgba(255, 252, 246, .9);--bg-panel-strong: #fffdf8;--bg-tint: #f4ecdf;--bg-code: #f1eadb;--bg-highlight: #efe4cf;--text-strong: #241b13;--text-body: #4d3d2e;--text-muted: #8d7658;--text-soft: #af9b81;--line-strong: #d5c4a8;--line-soft: rgba(160, 133, 99, .22);--accent: #8d6c2f;--accent-soft: rgba(141, 108, 47, .1);--shadow-soft: 0 14px 34px rgba(88, 61, 28, .08);--shadow-panel: 0 22px 56px rgba(79, 55, 27, .12)}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(255,250,240,.92),transparent 32%),linear-gradient(180deg,#f9f4eb 0%,var(--bg-base) 44%,#f3eddf 100%);color:var(--text-strong)}button,input,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button:hover:not(:disabled){border-color:var(--accent)!important;color:var(--accent)!important}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;border-color:#8d6c2f9e!important;box-shadow:0 0 0 3px #8d6c2f24}button:disabled{opacity:.72}.app-shell{min-height:100vh;width:100%;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.72),transparent 18%),radial-gradient(circle at 82% 8%,rgba(247,232,209,.72),transparent 22%),radial-gradient(circle at 75% 78%,rgba(230,214,188,.4),transparent 20%)}.app-header{position:relative;z-index:50;min-height:72px;padding:14px 22px;background:linear-gradient(180deg,#fffbf5f2,#f9f3e9d6);border-bottom:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 24px #6f512a0d}.app-header-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.app-title{text-shadow:0 1px 0 rgba(255,255,255,.5)}.toolbar-divider{width:1px;height:24px;background:linear-gradient(180deg,transparent,var(--line-strong),transparent)}.repo-input-shell{flex:1;min-width:min(100%,360px);max-width:620px;display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:999px;padding:0 12px 0 14px;min-height:40px;background:#fffcf7e6;box-shadow:inset 0 1px #ffffffb8}.toolbar-button{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--line-strong);border-radius:999px;background:#fffbf5b3;color:#69563f;box-shadow:0 1px #ffffff8c}.toolbar-button.is-active{border-color:#8d6c2f80;background:linear-gradient(180deg,#8d6c2f1f,#8d6c2f0a);color:var(--accent)}.toolbar-button.is-primary{background:linear-gradient(180deg,#f8f0df,#f5ead3)}.status-banner{flex-shrink:0;min-height:30px;padding:6px 22px;border-bottom:1px solid var(--line-soft);font-size:11px;letter-spacing:.02em}.app-main{flex:1;display:flex;overflow:hidden;position:relative}.about-pane{flex:1;overflow-y:auto;padding:44px clamp(24px,4vw,48px) 56px;background:linear-gradient(180deg,#fffcf7cc,#f7f0e6d6)}.workspace-pane{flex:1;display:flex;overflow:hidden;position:relative}.aux-pane{width:236px;flex-shrink:0;border-right:1px solid var(--line-strong);background:linear-gradient(180deg,#fcf8f1f5,#f6ede0f2)}.reader-pane{border-right:1px solid var(--line-strong);padding:36px clamp(18px,2.6vw,34px) 52px;background:linear-gradient(180deg,#fffcf84d,#ffffff14)}.details-pane{width:448px;flex-shrink:0;padding:36px clamp(18px,2.4vw,32px) 52px;background:linear-gradient(180deg,#fffdf9f2,#f8f1e7eb),var(--bg-panel);box-shadow:-12px 0 28px #6e532f0d;z-index:5}.snippet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.snippet-meta{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.snippet-title{margin:0;font-family:Playfair Display,serif;font-size:clamp(22px,2.2vw,27px);font-weight:600;line-height:1.22;letter-spacing:.01em;color:var(--text-strong)}.tag-cloud{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:210px}.section-separator{margin:32px 0;display:flex;align-items:center;gap:12px}.section-separator-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(200,184,154,.78))}.section-separator-line.reverse{background:linear-gradient(to left,transparent,rgba(200,184,154,.78))}.prompt-actions{opacity:1;display:flex;gap:10px;flex-wrap:wrap}.prompt-chip{padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background:#fffbf6b8;color:#69563f}.app-footer{min-height:34px;padding:0 24px;background:linear-gradient(180deg,#faf6eff2,#f4ece1e0);border-top:1px solid rgba(212,201,176,.65)}.footer-row{display:flex;align-items:center;gap:18px;min-height:34px}.feedback-overlay{position:fixed;inset:0;background:#18120c57;display:flex;align-items:center;justify-content:center;padding:24px;z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feedback-modal{width:min(580px,100%);background:linear-gradient(180deg,#fffdf8,#f7f0e4);border:1px solid var(--line-strong);border-radius:18px;padding:24px 24px 22px;box-shadow:var(--shadow-panel)}.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feedback-field{border:1px solid var(--line-strong);border-radius:12px;padding:9px 11px;background:#fffdf8e0}.feedback-textarea{width:100%;min-height:140px;margin-top:12px;border:1px solid var(--line-strong);border-radius:14px;padding:12px;background:#fffdf8eb}.sidebar-shell{width:276px;flex-shrink:0;border-right:1px solid var(--line-strong);background:linear-gradient(180deg,#fffcf8eb,#f5ecdff2),var(--bg-panel);box-shadow:inset -1px 0 #ffffff59}.sidebar-sticky{background:#faf6efe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-item{border-left:3px solid transparent;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.sidebar-item:hover{background:#8d6c2f0f!important;transform:translate(2px)}.sidebar-item.is-active{border-left-color:var(--accent);background:linear-gradient(90deg,#8d6c2f21,#8d6c2f08)}.loading-screen{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.86),transparent 22%),linear-gradient(180deg,#faf6ef,#f2eadc)}.loading-mark{position:relative;padding:26px 34px;border:1px solid rgba(213,196,168,.9);border-radius:24px;background:#fffcf7b8;box-shadow:var(--shadow-soft)}.loading-mark:before{content:"";position:absolute;inset:10px;border:1px solid rgba(213,196,168,.36);border-radius:18px}.card-section{margin-bottom:24px;border-radius:16px}.card-section.is-active{background:linear-gradient(180deg,#f7f0e3f2,#f4e9d5e0);border:1px solid rgba(226,212,181,.95);box-shadow:0 14px 30px #8d6c2f14}.card-section-frame{padding:18px 18px 16px;background:#fffcf785;border:1px solid rgba(212,201,176,.42);border-radius:inherit}.card-section.is-active .card-section-frame{background:transparent;border-color:transparent}.snippet-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.code-panel{background:linear-gradient(180deg,#fffcf6bd,#f1eadbf5),var(--bg-code);border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow-soft)}.code-chip{padding:2px 8px;border-radius:999px;background:#8d6c2f14;border:1px solid rgba(141,108,47,.12)}@media(max-width:1180px){.app-main,.workspace-pane{flex-direction:column;overflow-y:auto}.sidebar-shell,.aux-pane,.details-pane{width:100%}.sidebar-shell,.aux-pane,.reader-pane{border-right:none!important;border-bottom:1px solid var(--line-strong)}.details-pane{box-shadow:none}.tag-cloud{max-width:none;justify-content:flex-start}}@media(max-width:760px){.app-header{padding:14px 14px 12px}.toolbar-divider{display:none}.feedback-grid{grid-template-columns:1fr}.snippet-header{flex-direction:column}.reader-pane,.details-pane,.about-pane{padding-left:16px;padding-right:16px}.prompt-actions{gap:8px}}