*{box-sizing:border-box}html,body{min-height:100%;scroll-behavior:smooth}body{margin:0;background:#eef4fb;color:#10204a;font-family:"Nunito",system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior-x:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid #dde5f2;padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto;z-index:35}.brand{display:flex;align-items:center;gap:12px;padding:10px 8px 18px}.brand-mark{width:46px;height:46px;border-radius:16px;background:#0436b8;color:#fff;display:grid;place-items:center;font-family:"Baloo 2";font-weight:800;font-size:29px;box-shadow:0 10px 22px rgba(4,54,184,.26)}.brand strong{display:block;font-size:23px;line-height:1;color:#0436b8}.brand span{display:block;font-size:13px;color:#65738c;margin-top:4px}.search-label{display:block;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#65738c;margin:4px 8px 6px}.search{width:100%;border:2px solid #d8e2f5;background:#f8fbff;border-radius:18px;padding:13px 14px;font:700 15px "Nunito";outline:none;color:#10204a}.search:focus{border-color:#0b50e8;box-shadow:0 0 0 4px rgba(11,80,232,.1)}.topic-list{display:grid;gap:9px;margin-top:14px;padding-bottom:26px}.topic-btn{width:100%;border:0;text-align:left;background:#f6f8ff;color:#172957;border-radius:18px;padding:12px 12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:900;line-height:1.15;display:flex;gap:10px;align-items:center;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.topic-btn span:first-child{min-width:30px;height:30px;border-radius:11px;background:#e7efff;color:#0436b8;display:grid;place-items:center;font-family:"Baloo 2";font-size:13px}.topic-btn:hover{transform:translateX(3px);background:#eef4ff}.topic-btn:focus-visible{outline:3px solid rgba(4,54,184,.24);outline-offset:2px}.topic-btn.active{background:#0436b8;color:#fff;box-shadow:0 12px 26px rgba(4,54,184,.23)}.topic-btn.active span:first-child{background:#fff;color:#0436b8}.viewer{min-width:0;display:flex;flex-direction:column;padding-top:78px;transition:padding-top .22s ease}.topbar{position:fixed;top:0;left:320px;right:0;z-index:20;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 22px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #dde5f2;box-shadow:0 8px 26px rgba(17,34,70,.08);transform:translateY(0);transition:transform .22s ease}.chrome-hidden .topbar{transform:translateY(-110%)}.chrome-hidden .viewer{padding-top:0}.eyebrow{display:block;color:#ef2668;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.13em}.top-title h1{font-family:"Baloo 2","Nunito",sans-serif;margin:0;color:#0436b8;font-size:30px;line-height:1}.actions{display:flex;gap:8px;align-items:center}.action-btn,.icon-btn{border:0;border-radius:14px;font-family:inherit;font-weight:900;cursor:pointer}.action-btn{padding:11px 14px;font-size:14px}.action-btn.ghost{background:#eef4ff;color:#0436b8}.action-btn:hover{background:#e3edff}.icon-btn{width:48px;height:48px;background:#0436b8;color:#fff;display:none;place-items:center;box-shadow:0 12px 28px rgba(4,54,184,.23);position:relative;overflow:hidden}.icon-btn:before{content:"";position:absolute;inset:7px;border:2px solid rgba(255,255,255,.22);border-radius:14px}.hamburger{width:24px;height:20px;position:relative;z-index:1;display:block}.hamburger i{position:absolute;left:0;height:3px;background:#fff;border-radius:20px;box-shadow:0 1px 0 rgba(0,0,0,.18);transition:transform .2s ease,opacity .16s ease,width .18s ease}.hamburger i:nth-child(1){top:1px;width:24px}.hamburger i:nth-child(2){top:9px;width:17px;left:7px}.hamburger i:nth-child(3){top:17px;width:24px}.menu-open .hamburger i:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-open .hamburger i:nth-child(2){opacity:0;width:0}.menu-open .hamburger i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.stage{flex:1;display:grid;justify-items:center;gap:22px;padding:26px 18px 34px;background:radial-gradient(circle at 50% 0,#fff 0,#f3f7fe 42%,#edf3fb 100%);touch-action:pan-y;user-select:none}.swipe-hint{width:min(100%,600px);background:rgba(255,255,255,.9);border:1px solid #dce6f7;border-radius:999px;padding:10px 14px;color:#61708a;font-size:13px;text-align:center;font-weight:900;box-shadow:0 8px 20px rgba(17,34,70,.06)}.visual-card{width:min(100%,570px);border-radius:32px;padding:10px;background:#101827;box-shadow:0 20px 65px rgba(21,35,78,.24),0 0 0 1px rgba(0,0,0,.06);animation:fadeUp .24s ease}.section-label{display:flex;align-items:center;gap:9px;color:#fff;font-weight:1000;font-size:15px;padding:5px 8px 12px;text-transform:uppercase;letter-spacing:.03em}.section-label span{height:28px;min-width:36px;border-radius:10px;background:#fff;color:#0436b8;display:grid;place-items:center;font-family:"Baloo 2";font-weight:800}.image-wrap{margin:0;border-radius:24px;overflow:hidden;background:#fff;min-height:40px}.image-wrap img{display:block;width:100%;height:auto;user-select:none;background:#fff;-webkit-user-drag:none}.image-wrap img.is-loading{min-height:520px;background:linear-gradient(90deg,#fff,#f3f7ff,#fff);background-size:200% 100%;animation:loading 1.1s linear infinite}.viewer-footer{padding:14px 22px;display:flex;justify-content:space-between;gap:16px;color:#64748b;font-size:13px;background:#fff;border-top:1px solid #dde5f2}.viewer-footer strong{font-weight:900;color:#0436b8}.overlay{display:none}.slide-left{animation:slideLeft .24s ease}.slide-right{animation:slideRight .24s ease}.load-error{padding:28px;text-align:center;color:#a40032;font-weight:900;background:#fff3f6;border:2px dashed #ff9bb9;border-radius:18px}@keyframes loading{to{background-position:-200% 0}}@keyframes fadeUp{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{from{opacity:.75;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:.75;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(88vw,340px);height:100dvh;transform:translateX(-105%);transition:.22s ease;box-shadow:0 20px 60px rgba(0,0,0,.28)}.sidebar.open{transform:translateX(0)}.overlay.show{display:block;position:fixed;inset:0;background:rgba(11,19,38,.46);z-index:25}.icon-btn{display:grid}.viewer{padding-top:68px}.topbar{left:0;padding:10px 12px;gap:10px}.top-title h1{font-size:22px;max-width:calc(100vw - 86px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:none}.stage{padding:10px 8px 18px;gap:14px}.swipe-hint{font-size:11px;line-height:1.25;border-radius:14px;padding:8px 10px}.visual-card{width:100%;max-width:480px;border-radius:0;padding:0;background:transparent;box-shadow:none}.section-label{color:#0436b8;background:rgba(255,255,255,.92);border:1px solid #dce6f7;border-radius:14px;margin:0 0 8px;padding:8px 10px;font-size:12px;box-shadow:0 8px 20px rgba(17,34,70,.06)}.section-label span{background:#0436b8;color:#fff;height:24px;min-width:30px}.image-wrap{border-radius:16px;box-shadow:0 10px 30px rgba(21,35,78,.16)}.image-wrap img.is-loading{min-height:420px}.viewer-footer{padding:11px 12px;display:block}.viewer-footer span,.viewer-footer strong{display:block;margin:3px 0}.chrome-hidden .viewer{padding-top:0}.chrome-hidden .swipe-hint{display:none}}@media print{.sidebar,.topbar,.viewer-footer,.overlay,.swipe-hint{display:none!important}.app-shell,.viewer,.stage{display:block;padding:0;background:#fff}.visual-card{width:100%;max-width:none;border-radius:0;padding:0;background:#fff;box-shadow:none;break-after:page}.section-label{display:none}.image-wrap{border-radius:0;box-shadow:none;overflow:visible}.image-wrap img{width:100%;max-width:100%;height:auto}@page{size:A4 portrait;margin:0}}