*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070910;--bg-2:#0c0f1a;--surface:#111522;--surface-2:#161b2e;--border:#ffffff12;--border-2:#ffffff1f;--accent:#3d7bff;--accent-dim:#3d7bff26;--accent-glow:#3d7bff59;--text-1:#edf0ff;--text-2:#8a90aa;--text-3:#4a5070;--green:#22c55e;--yellow:#f59e0b;--red:#ef4444;--green-dim:#22c55e1f;--yellow-dim:#f59e0b1f;--red-dim:#ef44441f;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow:0 8px 32px #00000080;--shadow-sm:0 2px 8px #0006;--font-ui:"DM Sans",sans-serif;--font-display:"Syne",sans-serif;--font-mono:"IBM Plex Mono",monospace;--sidebar-w:280px;--header-h:56px;--transition:.15s cubic-bezier(.4,0,.2,1)}html,body{height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#3d7bff1f 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 20% 10%,#3d7bff0f 0%,#0000 60%),radial-gradient(40% 50% at 80% 90%,#633aff0d 0%,#0000 60%);position:fixed;inset:0}.app-shell{z-index:1;grid-template-rows:var(--header-h)1fr;grid-template-columns:var(--sidebar-w)1fr;grid-template-areas:"header header""sidebar main";height:100vh;display:grid;position:relative;overflow:hidden}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:10;background:#070910e6;grid-area:header;align-items:center;gap:12px;padding:0 20px 0 24px;display:flex;position:relative}.header-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-mark{background:var(--accent);width:30px;height:30px;box-shadow:0 0 16px var(--accent-glow);border-radius:7px;justify-content:center;align-items:center;display:flex;position:relative}.logo-mark svg{width:16px;height:16px}.header-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);font-size:15px;font-weight:700}.header-by-artinoid{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;opacity:.7;transition:opacity var(--transition);margin-left:-2px;font-size:9px;text-decoration:none}.header-by-artinoid:hover{opacity:1}.header-divider{background:var(--border-2);flex-shrink:0;width:1px;height:20px}.header-subtitle{color:var(--text-3);letter-spacing:.02em;flex:1;font-size:12px;font-weight:400}.header-meta{align-items:center;gap:8px;margin-left:auto;display:flex}.session-badge{font-family:var(--font-mono);color:var(--text-3);background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(-4px)}.session-badge.visible{opacity:1;transform:none}.session-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.btn-new-session{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-2);font-family:var(--font-ui);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.btn-new-session:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-new-session svg{width:13px;height:13px}.app-sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0e1a99;flex-direction:column;grid-area:sidebar;display:flex;overflow:hidden}.sidebar-section{border-bottom:1px solid var(--border);padding:16px}.sidebar-section:last-child{border-bottom:none}.sidebar-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;font-size:10px;font-weight:600}.drop-zone{border:1.5px dashed var(--border-2);border-radius:var(--radius);text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition);background:#ffffff03;padding:20px 16px;position:relative;overflow:hidden}.drop-zone:hover{border-color:var(--accent);background:var(--accent-dim)}.drop-zone.dragging{border-color:var(--accent);background:var(--accent-dim);box-shadow:inset 0 0 0 1px #3d7bff33,0 0 20px var(--accent-dim)}.drop-zone.uploading{cursor:not-allowed;border-color:#3d7bff66}.drop-zone.error{border-color:var(--red);background:var(--red-dim)}.drop-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop-zone.uploading input[type=file]{pointer-events:none}.dz-icon{background:var(--surface-2);border:1px solid var(--border-2);width:36px;height:36px;transition:all var(--transition);border-radius:10px;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.drop-zone:hover .dz-icon,.drop-zone.dragging .dz-icon{background:var(--accent-dim);border-color:var(--accent)}.dz-icon svg{width:18px;height:18px;color:var(--text-2)}.drop-zone:hover .dz-icon svg,.drop-zone.dragging .dz-icon svg{color:var(--accent)}.dz-title{color:var(--text-1);margin-bottom:3px;font-size:12px;font-weight:600}.dz-sub{color:var(--text-3);font-size:11px;line-height:1.4}.dz-formats{justify-content:center;gap:4px;margin-top:10px;display:flex}.dz-fmt{font-family:var(--font-mono);color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:10px}.dz-limits{color:var(--text-3);margin-top:6px;font-size:10px}.dz-spinner{flex-direction:column;align-items:center;gap:8px;display:flex}.spinner-ring{border:2px solid #3d7bff33;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dz-uploading-text{color:var(--accent);font-size:11px;font-weight:500}.dz-error-text{color:var(--red);margin-top:4px;font-size:11px}.doc-list{scrollbar-width:thin;scrollbar-color:var(--surface-2)transparent;flex:1;padding:12px;overflow-y:auto}.doc-list-empty{text-align:center;color:var(--text-3);padding:20px 0;font-size:11px}.doc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:default;transition:border-color var(--transition),box-shadow var(--transition);margin-bottom:8px;padding:11px 12px;animation:.3s cubic-bezier(.34,1.56,.64,1) both card-in;position:relative;overflow:hidden}.doc-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-sm)}@keyframes card-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.doc-card:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.doc-header{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.doc-icon{background:var(--accent-dim);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.doc-icon svg{width:14px;height:14px;color:var(--accent)}.doc-info{flex:1;min-width:0}.doc-delete-btn{cursor:pointer;width:24px;height:24px;color:var(--text-3);opacity:0;transition:all var(--transition);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-card:hover .doc-delete-btn{opacity:1}.doc-delete-btn:hover{color:var(--red);background:var(--red-dim)}.doc-delete-btn svg{width:13px;height:13px}.doc-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.doc-size{font-family:var(--font-mono);color:var(--text-3);font-size:10px}.doc-tags{flex-wrap:wrap;gap:4px;display:flex}.tag{font-size:10px;font-weight:500;font-family:var(--font-mono);letter-spacing:.01em;border-radius:4px;padding:2px 7px}.tag-default{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.tag-type{color:#7eb3ff;background:#3d7bff1a;border:1px solid #3d7bff33}.tag-conf-green{background:var(--green-dim);color:var(--green);border:1px solid #22c55e33}.tag-conf-yellow{background:var(--yellow-dim);color:var(--yellow);border:1px solid #f59e0b33}.tag-conf-red{background:var(--red-dim);color:var(--red);border:1px solid #ef444433}.sidebar-session{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:auto;padding:12px 16px;display:flex}.session-label{color:var(--text-3);font-size:10px}.session-id{font-family:var(--font-mono);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar-branding{border-top:1px solid var(--border);text-align:center;padding:12px 16px}.sidebar-branding a{color:var(--text-3);transition:color var(--transition);font-size:11px;text-decoration:none}.sidebar-branding a strong{color:var(--accent);font-weight:600}.sidebar-branding a:hover{color:var(--text-2)}.app-main{flex-direction:column;grid-area:main;display:flex;position:relative;overflow:hidden}.empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;animation:.5s both fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.empty-icon-wrap{background:var(--surface);border:1px solid var(--border-2);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;position:relative;box-shadow:0 0 40px #3d7bff14}.empty-icon-wrap:before{content:"";z-index:-1;background:linear-gradient(135deg,#3d7bff4d 0%,#0000 60%);border-radius:21px;position:absolute;inset:-1px}.empty-icon-wrap svg{width:32px;height:32px;color:var(--accent)}.empty-title{font-family:var(--font-display);color:var(--text-1);text-align:center;letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:700}.empty-desc{color:var(--text-2);text-align:center;max-width:360px;margin-bottom:24px;font-size:13px;line-height:1.6}.empty-artinoid{color:var(--text-3);transition:color var(--transition);margin-bottom:28px;font-size:12px;text-decoration:none;display:inline-block}.empty-artinoid strong{color:var(--accent);font-weight:600}.empty-artinoid:hover{color:var(--text-2)}.sample-chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:500px;display:flex}.chip{background:var(--surface);border:1px solid var(--border-2);color:var(--text-2);cursor:pointer;transition:all var(--transition);border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:500;animation:.4s cubic-bezier(.34,1.56,.64,1) both chip-in;display:flex}.chip:first-child{animation-delay:.1s}.chip:nth-child(2){animation-delay:.15s}.chip:nth-child(3){animation-delay:.2s}@keyframes chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 4px 12px var(--accent-dim);transform:translateY(-1px)}.chat-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-area{scrollbar-width:thin;scrollbar-color:var(--surface-2)transparent;flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.msg-row{gap:10px;max-width:840px;animation:.25s cubic-bezier(.34,1.56,.64,1) both msg-in;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.msg-row.user{flex-direction:row-reverse;align-self:flex-end}.msg-row.assistant{align-self:flex-start}.msg-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.msg-avatar.user-av{background:var(--accent);color:#fff;font-family:var(--font-display)}.msg-avatar.ai-av{background:var(--surface-2);border:1px solid var(--border-2)}.msg-avatar.ai-av svg{width:14px;height:14px;color:var(--accent)}.msg-bubble{border-radius:var(--radius-lg);max-width:580px;padding:12px 16px;font-size:13.5px;line-height:1.65}.user .msg-bubble{background:var(--accent);color:#fff;border-radius:var(--radius-lg)var(--radius-lg)4px var(--radius-lg)}.assistant .msg-bubble{background:var(--surface);border:1px solid var(--border-2);color:var(--text-1);border-radius:var(--radius-lg)var(--radius-lg)var(--radius-lg)4px}.msg-text{white-space:pre-wrap}.msg-text strong{font-weight:600}.msg-text em{color:var(--text-2);font-style:italic}.citations{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.citations-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px;font-size:10px;font-weight:600}.citation-list{flex-direction:column;gap:4px;display:flex}.citation-item{align-items:baseline;gap:7px;font-size:11.5px;display:flex}.cite-num{font-family:var(--font-mono);background:var(--accent-dim);min-width:18px;height:18px;color:var(--accent);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:500;display:inline-flex}.cite-text{color:var(--text-2);line-height:1.4}.cite-doc{color:var(--text-1);font-weight:500}.cite-section{color:var(--text-3)}.msg-meta{font-family:var(--font-mono);color:var(--text-3);align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.msg-meta-sep{opacity:.4}.conf-val{color:var(--green)}.msg-system{text-align:center;color:var(--text-3);align-self:center;align-items:center;gap:8px;font-size:11px;animation:.25s both msg-in;display:flex}.msg-system:before,.msg-system:after{content:"";background:var(--border);flex:1;max-width:120px;height:1px}.msg-system span{background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:3px 12px}.typing-indicator{align-self:flex-start;align-items:flex-start;gap:10px;animation:.2s both msg-in;display:flex}.typing-bubble{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg)var(--radius-lg)var(--radius-lg)4px;align-items:center;gap:10px;padding:12px 16px;display:flex}.typing-dots{align-items:center;gap:4px;display:flex}.typing-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.typing-label-text{color:var(--text-2);font-size:12px;font-style:italic}.chat-input-area{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070910cc;padding:16px 28px 36px}.input-wrap{background:var(--surface);border:1px solid var(--border-2);transition:border-color var(--transition),box-shadow var(--transition);border-radius:12px;align-items:flex-end;gap:10px;padding:8px 8px 8px 14px;display:flex;position:relative}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3d7bff1f}.chat-textarea{resize:none;font-family:var(--font-ui);color:var(--text-1);scrollbar-width:none;background:0 0;border:none;outline:none;flex:1;min-height:22px;max-height:96px;padding:3px 0;font-size:13.5px;line-height:1.55}.chat-textarea::placeholder{color:var(--text-3)}.chat-textarea:disabled{opacity:.5;cursor:not-allowed}.send-btn{background:var(--accent);color:#fff;cursor:pointer;width:34px;height:34px;transition:all var(--transition);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #3d7bff4d}.send-btn:hover:not(:disabled){background:#5590ff;transform:scale(1.05);box-shadow:0 4px 16px #3d7bff80}.send-btn:active:not(:disabled){transform:scale(.96)}.send-btn:disabled{background:var(--surface-2);box-shadow:none;cursor:not-allowed;opacity:.5}.send-btn svg{width:15px;height:15px}.input-hint{color:var(--text-3);margin-top:6px;padding-left:4px;font-size:11px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:4px}.mobile-menu-btn{background:var(--surface-2);border:1px solid var(--border-2);width:36px;height:36px;color:var(--text-2);cursor:pointer;transition:all var(--transition);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{border-color:var(--accent);color:var(--accent)}.mobile-menu-btn svg{width:16px;height:16px}.mobile-overlay{display:none}@media (max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header""main"}.mobile-menu-btn{display:flex}.desktop-only{display:none!important}.app-header{gap:8px;padding:0 12px}.header-logo{gap:8px}.header-by-artinoid{display:none}.btn-new-session{padding:6px 10px}.btn-new-session-text{display:none}.app-sidebar{top:var(--header-h);z-index:100;border-right:1px solid var(--border-2);background:var(--bg-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:300px;max-width:85vw;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0)}.mobile-overlay{inset:0;top:var(--header-h);z-index:99;background:#00000080;animation:.2s fade-in;display:block;position:fixed}.messages-area{padding:16px 12px}.chat-input-area{padding:12px 12px 32px}.msg-bubble{max-width:calc(100vw - 80px)}.msg-row{max-width:100%}.msg-avatar{border-radius:6px;width:24px;height:24px}.msg-avatar.ai-av svg{width:12px;height:12px}.empty-state{padding:32px 16px}.empty-icon-wrap{border-radius:16px;width:56px;height:56px;margin-bottom:16px}.empty-icon-wrap svg{width:24px;height:24px}.empty-title{font-size:18px}.empty-desc{max-width:280px;font-size:12px}.sample-chips{max-width:300px}.chip{padding:6px 12px;font-size:11px}.app-footer{width:100%;padding:5px 8px;font-size:10px}.doc-delete-btn{opacity:1}.terms-overlay{padding:12px}.terms-modal{max-height:90vh}.terms-header{gap:8px;padding:12px 16px}.terms-header .logo-mark{width:28px;height:28px}.terms-title{font-size:15px}.terms-body{padding:14px 16px;font-size:12px}.terms-footer{padding:12px 16px 16px}.terms-artinoid-badge{padding:2px 8px;font-size:9px}.legal-page{padding:24px 16px 60px}.legal-title{font-size:24px}.legal-section h2{font-size:16px}}@media (max-width:380px){.header-title{font-size:13px}.logo-mark{width:26px;height:26px}.logo-mark svg,.btn-new-session svg{width:14px;height:14px}.btn-new-session{padding:5px 8px}.msg-bubble{max-width:calc(100vw - 60px)}.empty-title{font-size:16px}.chip{padding:5px 10px;font-size:10px}}.hidden{display:none!important}.terms-overlay{background:var(--bg);z-index:1000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.terms-overlay:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#3d7bff0f 0%,#0000 50%),radial-gradient(circle at 70% 80%,#3d7bff0a 0%,#0000 50%);position:fixed;inset:0}.terms-modal{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow),0 0 80px #3d7bff14;flex-direction:column;animation:.4s ease-out terms-in;display:flex;position:relative}@keyframes terms-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.terms-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.terms-header-left{align-items:center;gap:10px;display:flex}.terms-header .logo-mark{flex-shrink:0;width:32px;height:32px}.terms-title{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.02em;font-size:17px;font-weight:700;line-height:1.2}.terms-subtitle{color:var(--text-2);margin-top:1px;font-size:11px}.terms-body{color:var(--text-2);flex:1;padding:18px 24px;font-size:13px;line-height:1.7;overflow-y:auto}.terms-body::-webkit-scrollbar{width:4px}.terms-body::-webkit-scrollbar-track{background:0 0}.terms-body::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.terms-body h2{font-family:var(--font-display);color:var(--text-1);margin-bottom:12px;font-size:15px;font-weight:600}.terms-body h3{color:var(--text-1);text-transform:uppercase;letter-spacing:.04em;margin-top:14px;margin-bottom:6px;font-size:12px;font-weight:600}.terms-body ul{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.terms-body li{padding-left:16px;position:relative}.terms-body li:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:0}.terms-body strong{color:var(--text-1);font-weight:600}.terms-footer{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;padding:16px 24px 20px;display:flex}.terms-consent{color:var(--text-3);text-align:center;font-size:12px;line-height:1.6}.terms-agree-btn{border-radius:var(--radius);background:var(--accent);color:#fff;width:100%;font-family:var(--font-ui);cursor:pointer;transition:background var(--transition),box-shadow var(--transition);border:none;padding:12px;font-size:14px;font-weight:600}.terms-artinoid-badge{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--accent-dim);transition:all var(--transition);background:#3d7bff0f;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:10px;text-decoration:none;display:inline-block}.terms-artinoid-badge:hover{background:var(--accent-dim);border-color:var(--accent)}.terms-agree-btn:hover{background:#4d88ff;box-shadow:0 0 20px #3d7bff4d}.terms-links{align-items:center;gap:8px;font-size:12px;display:flex}.terms-links a{color:var(--text-3);transition:color var(--transition);text-decoration:none}.terms-links a:hover{color:var(--accent)}.terms-links-sep{color:var(--text-3)}.app-footer{width:calc(100% - var(--sidebar-w));color:var(--text-3);background:var(--bg);border-top:1px solid var(--border);z-index:10;justify-content:center;align-items:center;gap:8px;padding:6px 0;font-size:11px;display:flex;position:fixed;bottom:0;right:0}.app-footer a{color:var(--text-3);transition:color var(--transition);text-decoration:none}.app-footer a:hover,.footer-credit a{color:var(--accent)}@media (max-width:768px){.app-footer{width:100%;left:0}}.legal-page{background:var(--bg);justify-content:center;min-height:100vh;padding:48px 24px 80px;display:flex;overflow-y:auto}.legal-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#3d7bff0f 0%,#0000 50%),radial-gradient(circle at 70% 80%,#3d7bff0a 0%,#0000 50%);position:fixed;inset:0}.legal-container{width:100%;max-width:640px;animation:.4s ease-out terms-in;position:relative}.legal-back{color:var(--text-2);transition:color var(--transition);align-items:center;gap:6px;margin-bottom:32px;font-size:13px;text-decoration:none;display:inline-flex}.legal-back:hover{color:var(--accent)}.legal-title{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.02em;margin-bottom:8px;font-size:32px;font-weight:700}.legal-updated{color:var(--text-3);margin-bottom:40px;font-size:13px}.legal-section{margin-bottom:32px}.legal-section h2{font-family:var(--font-display);color:var(--text-1);margin-bottom:12px;font-size:18px;font-weight:600}.legal-section p{color:var(--text-2);margin-bottom:12px;font-size:14px;line-height:1.7}.legal-section ul{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.legal-section li{color:var(--text-2);padding-left:18px;font-size:14px;line-height:1.7;position:relative}.legal-section li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:0}.legal-section strong{color:var(--text-1);font-weight:600}.legal-contact-btn{background:var(--accent);color:#fff;font-family:var(--font-ui);border-radius:var(--radius);transition:background var(--transition),box-shadow var(--transition);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.legal-contact-btn:hover{background:#4d88ff;box-shadow:0 0 20px #3d7bff4d}.legal-footer{border-top:1px solid var(--border);text-align:center;margin-top:48px;padding-top:24px}.legal-footer p{color:var(--text-3);font-size:13px}.legal-footer a{color:var(--accent);text-decoration:none}.legal-footer a:hover{text-decoration:underline}.legal-artinoid-badge{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--accent-dim);transition:all var(--transition);background:#3d7bff0f;border-radius:20px;margin-bottom:20px;padding:5px 14px;font-size:11px;text-decoration:none;display:inline-block}.legal-artinoid-badge:hover{background:var(--accent-dim);border-color:var(--accent)}.legal-inline-link{color:var(--accent);font-weight:600;text-decoration:none}.legal-inline-link:hover{text-decoration:underline}