@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lora:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0c0a;--surface:#161510;--surface2:#1e1c14;--surface3:#252318;--border:#2a2720;--border2:#3a3728;--text:#e2dbc8;--text-muted:#7a7260;--text-dim:#4a4538;--accent:#c8a96e;--accent-dim:#7a6640;--accent-glow:#c8a96e22;--danger:#c46060;--danger-dim:#7a3a3a;--code-bg:#0f0e08;--sidebar-w:272px;--radius:10px;--font-serif:"Lora",Georgia,"Times New Roman",serif;--font-display:"Playfair Display",Georgia,serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace}body,html{height:100%;color:var(--text);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app,body,html{background:var(--bg)}.app{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:50;flex-shrink:0}@media (max-width:680px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-100%)}.sidebar.sidebar--open{transform:translateX(0);box-shadow:12px 0 48px #00000099}.main-menu-btn{display:flex!important}}.sidebar-overlay{position:fixed;inset:0;background:#00000077;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:40}.sidebar-header{padding:20px 16px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{font-family:var(--font-display);font-size:18px;color:var(--accent);letter-spacing:.02em;margin-bottom:14px;display:flex;align-items:center;gap:8px}.sidebar-logo svg{opacity:.9}.doc-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border2);border-radius:20px;padding:2px 8px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);min-width:24px;margin-left:auto}.doc-badge,.search-input{background:var(--surface2)}.search-input{width:100%;border:1px solid var(--border2);border-radius:8px;padding:9px 12px 9px 34px;color:var(--text);font-size:13px;font-family:var(--font-serif);outline:none;transition:border-color .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%234a4538' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px}.search-input:focus{border-color:var(--accent-dim)}.search-input::placeholder{color:var(--text-dim)}.doc-list{flex:1 1;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.doc-list::-webkit-scrollbar{width:4px}.doc-list::-webkit-scrollbar-track{background:transparent}.doc-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.doc-list-empty{padding:24px 16px;color:var(--text-muted);font-size:13px;text-align:center;line-height:1.6}.doc-item{display:flex;align-items:center;border-left:2px solid transparent;transition:background .12s,border-color .12s;position:relative}.doc-item--active,.doc-item:hover{background:var(--surface2)}.doc-item--active{border-left-color:var(--accent)}.doc-item-btn{flex:1 1;background:none;border:none;color:inherit;cursor:pointer;text-align:left;padding:10px 12px;font-family:var(--font-serif);min-width:0}.doc-item-title{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;line-height:1.4}.doc-item--active .doc-item-title{color:var(--accent)}.doc-item-meta{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.doc-item-actions{display:flex;align-items:center;padding-right:6px;gap:2px;opacity:0;transition:opacity .15s;flex-shrink:0}.doc-item:hover .doc-item-actions{opacity:1}.icon-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.icon-btn:hover{color:var(--text-muted);background:var(--surface3)}.icon-btn--danger:hover{color:var(--danger);background:var(--danger-dim)}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:10px}.storage-bar-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:4px}.storage-bar-track{height:3px;background:var(--border2);border-radius:2px;overflow:hidden}.storage-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.storage-bar-fill--warn{background:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius);border:1px solid var(--border2);background:var(--surface2);color:var(--text);font-size:13px;font-family:var(--font-serif);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap;text-decoration:none}.btn:hover{border-color:var(--accent-dim);color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.btn--primary:hover{background:#d9b97e;border-color:#d9b97e;color:var(--bg)}.btn--full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.main{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;height:56px}.main-menu-btn{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:6px;border-radius:6px;flex-shrink:0}.main-menu-btn:hover{background:var(--surface2)}.topbar-title{font-family:var(--font-display);font-size:16px;color:var(--text);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-meta{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.progress-bar{height:2px;background:var(--border);flex-shrink:0;position:relative;overflow:hidden}.progress-bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);transition:width .15s linear;box-shadow:0 0 8px var(--accent-glow)}.storage-error{background:var(--danger-dim);border-bottom:1px solid var(--danger);color:var(--text);font-size:12px;padding:8px 20px;display:flex;align-items:center;gap:8px;flex-shrink:0}.reader{flex:1 1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;padding:44px 24px 100px;display:flex;justify-content:center}.reader::-webkit-scrollbar{width:5px}.reader::-webkit-scrollbar-track{background:transparent}.reader::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.reader-inner{width:100%;max-width:700px}.empty-state{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:48px 24px;text-align:center}.empty-state-icon{font-size:48px;opacity:.2}.empty-state-title{font-family:var(--font-display);font-size:24px;color:var(--text);font-weight:400}.empty-state-sub{font-size:14px;color:var(--text-muted);max-width:280px;line-height:1.7}.modal-overlay{position:fixed;inset:0;background:#00000099;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:26px;width:100%;max-width:380px;box-shadow:0 24px 80px #00000077}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:600}.modal-input,.modal-title{margin-bottom:18px;color:var(--text)}.modal-input{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:11px 14px;font-size:14px;font-family:var(--font-serif);outline:none;transition:border-color .2s}.modal-input:focus{border-color:var(--accent-dim)}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.md-content .md-h1{font-size:clamp(26px,5vw,40px);font-weight:700;line-height:1.2;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--border)}.md-content .md-h1,.md-content .md-h2{font-family:var(--font-display);color:var(--text)}.md-content .md-h2{font-size:clamp(20px,4vw,30px);font-weight:600;margin:40px 0 16px;line-height:1.25}.md-content .md-h3{font-family:var(--font-display);font-size:clamp(16px,3vw,22px);font-style:italic;color:var(--accent);margin:30px 0 12px;line-height:1.35}.md-content .md-h4,.md-content .md-h5,.md-content .md-h6{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:24px 0 10px}.md-content .md-p{font-size:clamp(15px,2.5vw,17px);line-height:1.85;color:var(--text);margin:0 0 18px}.md-content .md-blockquote{border-left:3px solid var(--accent);padding:14px 20px;margin:22px 0;background:var(--surface2);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--text-muted);font-size:15px;line-height:1.75}.md-content .md-pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;overflow-x:auto;margin:22px 0}.md-content .md-code{font-family:var(--font-mono);font-size:13px;line-height:1.75;color:#c8b98a}.md-content .md-inline-code{font-family:var(--font-mono);font-size:13px;background:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:2px 7px;color:var(--accent)}.md-content .md-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--accent-dim);text-decoration-color:var(--accent-dim);transition:-webkit-text-decoration-color .15s;transition:text-decoration-color .15s;transition:text-decoration-color .15s,-webkit-text-decoration-color .15s}.md-content .md-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.md-content .md-ol,.md-content .md-ul{padding-left:26px;margin:12px 0 18px}.md-content .md-li{font-size:clamp(15px,2.5vw,17px);line-height:1.75;color:var(--text);margin-bottom:6px}.md-content .md-hr{border:none;border-top:1px solid var(--border);margin:36px 0}.md-content .md-img{max-width:100%;border-radius:var(--radius);margin:20px 0;border:1px solid var(--border);display:block}.md-content .md-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.md-content .md-th{padding:10px 16px;background:var(--surface2);border:1px solid var(--border2);color:var(--accent);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap}.md-content .md-td{padding:10px 16px;border:1px solid var(--border);color:var(--text);vertical-align:top;line-height:1.5}.md-content tr:hover .md-td{background:var(--surface2)}*{scrollbar-width:thin;scrollbar-color:var(--border2) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px;height:18px;margin-bottom:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.welcome-screen{position:fixed;inset:0;background:var(--bg);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px}.welcome-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(ellipse at center,#c8a96e12 0,transparent 70%);pointer-events:none;border-radius:50%}.welcome-card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.welcome-icon{color:var(--accent);margin-bottom:22px;filter:drop-shadow(0 0 18px #c8a96e40)}.welcome-title{font-family:var(--font-display);font-size:clamp(38px,9vw,56px);font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:10px;line-height:1}.welcome-tagline{font-size:14px;color:var(--text-muted);font-style:italic;line-height:1.7;margin-bottom:32px}.welcome-sep{width:36px;height:1px;background:var(--accent);opacity:.5;margin-bottom:32px;transform-origin:center}.welcome-name-wrap{width:100%;text-align:left;margin-bottom:28px}.welcome-label{display:block;font-size:10px;font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.welcome-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border2);border-radius:0;padding:8px 0 10px;color:var(--text);font-size:24px;font-family:var(--font-display);outline:none;transition:border-color .25s}.welcome-input:focus{border-bottom-color:var(--accent)}.welcome-input::placeholder{color:var(--text-dim);font-style:italic}.welcome-btn{width:100%;padding:14px 24px;background:var(--accent);border:none;border-radius:var(--radius);color:var(--bg);font-size:15px;font-family:var(--font-display);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;letter-spacing:.01em;transition:background .2s}.welcome-btn:hover{background:#d9b97e}.welcome-skip{background:none;border:none;color:var(--text-dim);font-size:12px;font-family:var(--font-serif);cursor:pointer;padding:4px 8px;transition:color .2s}.welcome-skip:hover{color:var(--text-muted)}.welcome-hint{position:absolute;bottom:24px;font-size:11px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em}.user-greeting{gap:9px;padding:10px 0 14px}.user-avatar,.user-greeting{display:flex;align-items:center}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#c8a96e18,#c8a96e30);border:1px solid var(--accent-dim);justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--accent);flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-greeting-text{flex:1 1;min-width:0}.user-greeting-hello{font-size:9px;color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;line-height:1;margin-bottom:2px}.user-greeting-name{font-family:var(--font-display);font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.storage-notice{display:flex;align-items:flex-start;padding:8px 10px;background:var(--surface3);border:1px solid var(--border);border-radius:7px;font-size:10.5px;color:var(--text-dim);line-height:1.55;letter-spacing:.01em}.storage-notice,.wa-mode-badge{gap:6px;font-family:var(--font-mono)}.wa-mode-badge{display:inline-flex;align-items:center;background:#1a3d2b;border:1px solid #25d36640;border-radius:20px;padding:4px 10px;font-size:11px;color:#25d366;margin-bottom:10px;letter-spacing:.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wa-mode-dot{width:6px;height:6px;background:#25d366;border-radius:50%;flex-shrink:0;animation:wa-pulse 2s ease-in-out infinite}@keyframes wa-pulse{0%,to{opacity:1}50%{opacity:.4}}.btn--wa{background:#1a3d2b;border-color:#25d36650;color:#25d366;font-weight:600}.btn--wa:hover{background:#1f4d34;border-color:#25d366;color:#2fe070}.wa-picker-screen{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px 20px;overflow-y:auto;background:#0b1f14}.wa-picker-screen--overlay{position:absolute;inset:0;z-index:10;background:#0b1f14cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wa-picker-card{width:100%;max-width:380px;background:#111f17;border:1px solid #25d36630;border-radius:20px;padding:36px 28px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000060}.wa-picker-bubble-deco{position:absolute;inset:0;pointer-events:none}.wa-picker-bubble-l{position:absolute;top:-40px;left:-30px;width:160px;height:160px;background:radial-gradient(circle,#25d36615 0,transparent 70%);border-radius:50%}.wa-picker-bubble-r{position:absolute;bottom:-30px;right:-20px;width:120px;height:120px;background:radial-gradient(circle,#34b7f115 0,transparent 70%);border-radius:50%}.wa-picker-icon{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 0 12px #25d36640)}.wa-picker-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:#e8f5e9;margin-bottom:8px}.wa-picker-sub{font-size:13px;color:#6a9a78;line-height:1.6;margin-bottom:24px;max-width:280px}.wa-picker-hint{font-size:11px;color:#3d6b4a;font-family:var(--font-mono);margin-top:16px}.wa-picker-list{display:flex;flex-direction:column;gap:8px;width:100%}.wa-picker-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#162a1e;border:1px solid #25d36625;border-radius:12px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;color:#c8e6c9;font-family:var(--font-serif);font-size:14px}.wa-picker-item:hover{background:#1e3828;border-color:#25d36660}.wa-picker-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0;font-family:var(--font-display)}.wa-picker-name{flex:1 1;font-weight:500}.wa-picker-arrow{opacity:.4;flex-shrink:0}.wa-wrapper{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:#0b1f14;background-image:radial-gradient(circle at 20% 20%,#25d36608 0,transparent 50%),radial-gradient(circle at 80% 80%,#128c7e08 0,transparent 50%)}.wa-topbar{gap:12px;padding:10px 16px;background:#1b2e22;border-bottom:1px solid #25d36620;min-height:60px}.wa-topbar,.wa-topbar-avatar{display:flex;align-items:center;flex-shrink:0}.wa-topbar-avatar{width:40px;height:40px;border-radius:50%;justify-content:center;font-size:17px;font-weight:700;color:#fff;font-family:var(--font-display)}.wa-topbar-info{flex:1 1;min-width:0}.wa-topbar-name{font-size:15px;font-weight:600;color:#e8f5e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-topbar-sub{font-size:11px;color:#5a8a68;font-family:var(--font-mono);margin-top:1px}.wa-topbar-btn{background:none;border:none;color:#5a8a68;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.wa-topbar-btn:hover{background:#25d36620;color:#25d366}.wa-messages{flex:1 1;overflow-y:auto;padding:12px 0 24px;scrollbar-width:thin;scrollbar-color:#25d36625 transparent}.wa-messages::-webkit-scrollbar{width:4px}.wa-messages::-webkit-scrollbar-thumb{background:#25d36630;border-radius:4px}.wa-messages-inner{padding:0 12px;display:flex;flex-direction:column;gap:2px}.wa-date-sep{display:flex;justify-content:center;margin:14px 0 10px}.wa-date-sep-label{background:#1e3328;border:1px solid #25d36625;border-radius:20px;padding:4px 14px;font-size:11px;color:#6a9a78;font-family:var(--font-mono);letter-spacing:.02em;text-transform:capitalize}.wa-system-msg{text-align:center;font-size:11.5px;color:#5a8a68;background:#162a1e;border:1px solid #25d36618;border-radius:12px;padding:6px 14px;margin:4px auto;max-width:85%;font-family:var(--font-mono);line-height:1.5}.wa-row{display:flex;align-items:flex-end;gap:6px;margin-bottom:2px}.wa-row--me{flex-direction:row-reverse}.wa-row--them{flex-direction:row}.wa-row-avatar-slot{width:28px;flex-shrink:0;align-self:flex-end}.wa-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:var(--font-display);flex-shrink:0}.wa-bubble{max-width:min(68%,420px);padding:8px 12px 6px;border-radius:12px;position:relative;word-break:break-word;box-shadow:0 1px 4px #00000030}.wa-bubble--me{background:#1f5c38;border-bottom-right-radius:4px}.wa-bubble--them{background:#1b2e22;border-bottom-left-radius:4px}.wa-bubble--tail-me:after{right:-7px;border-left:8px solid #1f5c38}.wa-bubble--tail-me:after,.wa-bubble--tail-them:after{content:"";position:absolute;bottom:0;width:0;height:0;border-bottom:8px solid transparent}.wa-bubble--tail-them:after{left:-7px;border-right:8px solid #1b2e22}.wa-sender-name{font-size:12px;font-weight:600;margin-bottom:3px;line-height:1;font-family:var(--font-mono)}.wa-text{font-size:14px;color:#d4f0dc;line-height:1.55;margin:0;white-space:pre-wrap}.wa-inline-code{font-family:var(--font-mono);font-size:12px;background:#0b1f1488;border-radius:4px;padding:1px 5px;color:#7dd87d}.wa-media-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#6a9a78;font-style:italic;background:#0b1f1460;border-radius:8px;padding:6px 10px}.wa-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px}.wa-time{font-size:10.5px;color:#5a8a68;font-family:var(--font-mono);white-space:nowrap}.wa-ticks{flex-shrink:0;opacity:.7}.wa-exit-fab{position:fixed;bottom:28px;right:24px;z-index:100;background:var(--surface);border:1.5px solid var(--border2);border-radius:28px;padding:12px 18px;display:flex;align-items:center;gap:8px;color:var(--accent);cursor:pointer;box-shadow:0 8px 32px #00000060,0 0 0 1px #c8a96e15;font-size:13px;font-family:var(--font-serif);transition:border-color .15s,background .15s}.wa-exit-fab:hover{background:var(--surface2);border-color:var(--accent-dim)}.wa-exit-fab-label{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;font-size:13px}@media (max-width:480px){.wa-exit-fab{bottom:20px;right:16px;padding:11px 14px}.wa-bubble{max-width:82%}}