@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#0e0e14;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.card{position:relative;background:#16161f;border:1px solid #2a2a3a;border-radius:24px;padding:2.5rem;width:100%;max-width:520px;box-shadow:0 0 0 1px rgba(99,102,241,.08),0 32px 64px rgba(0,0,0,.5)}.brand{gap:10px;margin-bottom:.3rem}.brand,.brand-icon{display:flex;align-items:center}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;justify-content:center;font-size:16px}.brand h1{font-size:1.25rem;font-weight:700;color:#f0f0ff;letter-spacing:-.02em}.sub{color:#6b6b8a;font-size:.875rem;margin-bottom:1.75rem}.input-wrap{position:relative}textarea{width:100%;height:110px;padding:.875rem 1rem;background:#0e0e14;border:1px solid #2a2a3a;border-radius:12px;font-size:.925rem;font-family:inherit;color:#e0e0f0;resize:vertical;transition:border-color .2s;line-height:1.6}textarea::placeholder{color:#3d3d55}textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.btn{margin-top:.875rem;width:100%;padding:.8rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:-.01em}.btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.loader{margin-top:1.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.slides-icon{display:flex;align-items:flex-end;gap:5px;height:44px}.slide-bar{width:6px;border-radius:3px;background:linear-gradient(180deg,#8b5cf6,#6366f1);animation:rise 1.2s ease-in-out infinite}.slide-bar:first-child{height:28px;animation-delay:0s}.slide-bar:nth-child(2){height:40px;animation-delay:.15s}.slide-bar:nth-child(3){height:34px;animation-delay:.3s}.slide-bar:nth-child(4){height:44px;animation-delay:.45s}.slide-bar:nth-child(5){height:30px;animation-delay:.6s}@keyframes rise{0%,to{opacity:.25;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.step-text{font-size:.85rem;color:#6366f1;font-weight:500;letter-spacing:.01em}.error-msg{margin-top:1rem;padding:.75rem 1rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#f87171;font-size:.85rem}.result{margin-top:1.75rem;padding:1.25rem;background:#0e0e14;border:1px solid #2a2a3a;border-radius:14px;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.result-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.result-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6);flex-shrink:0}.result-title{font-size:.875rem;font-weight:600;color:#e0e0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.625rem;gap:.625rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:.65rem;border-radius:10px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:all .15s;border:none}.action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-btn.primary:hover{opacity:.88;transform:translateY(-1px)}.action-btn.secondary{background:transparent;border:1px solid #2a2a3a;color:#a0a0c0}.action-btn.secondary:hover{border-color:#6366f1;color:#a5b4fc}.action-btn svg{flex-shrink:0}.try-again{display:block;text-align:center;margin-top:.875rem;font-size:.8rem;color:#3d3d55;cursor:pointer;background:none;border:none;font-family:inherit;transition:color .15s}.try-again:hover{color:#6366f1}body:has(.view-page){display:block;padding:0}.view-page{height:100vh;background:#0e0e14;display:flex;flex-direction:column;overflow:hidden}.view-topbar{justify-content:space-between;padding:.875rem 1.5rem;border-bottom:1px solid #2a2a3a;background:#16161f;flex-shrink:0}.view-topbar,.view-topbar-left{display:flex;align-items:center}.view-topbar-left{gap:10px}.back-btn{display:flex;align-items:center;gap:6px;color:#6b6b8a;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;background:none;border:none;font-family:inherit;cursor:pointer}.back-btn:hover,.view-topic{color:#e0e0f0}.view-topic{font-size:.9rem;font-weight:600}.view-download{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;background:transparent;border:1px solid #2a2a3a;border-radius:8px;color:#a0a0c0;font-size:.825rem;font-weight:500;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .15s}.view-download:hover{border-color:#6366f1;color:#a5b4fc}.view-content{flex:1 1;display:flex;overflow:hidden}.office-viewer{width:100%;height:100%;border:none;display:block}.view-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#6b6b8a;font-size:.875rem}