:root{--primary:#004C6B;--secondary:#22E7B4;--accent:#FFCD92;--bg:#F4F8FA;--text:#173042;--muted:#60717D;--line:#D7E4E8;--white:#fff;--shadow:0 18px 50px rgba(0,76,107,.18)}*{box-sizing:border-box}html{background:#e8f0f3;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;background:transparent}.mobile-shell{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;background:var(--bg);padding:calc(16px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 0 0 1px rgba(0,76,107,.04)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{display:block;letter-spacing:.08em;color:var(--primary);font-size:15px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.hero{text-align:center}.hero h1{font-size:clamp(25px,7vw,31px);line-height:1.08;margin:8px 0 10px;color:var(--primary);letter-spacing:-.02em}.hero p{font-size:15px;line-height:1.5;margin:0 auto 14px;max-width:36ch;color:var(--muted)}.video-card{position:relative;width:100%;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#062f43;box-shadow:var(--shadow);border:1px solid rgba(0,76,107,.14)}video{display:block;width:100%;height:100%;object-fit:contain;background:#062f43}.play-button{position:absolute;inset:0;margin:auto;width:118px;height:118px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--primary);display:grid;place-items:center;align-content:center;gap:5px;box-shadow:0 8px 30px rgba(0,0,0,.22);font-size:14px;cursor:pointer}.play-button span{font-size:36px;line-height:1;padding-left:5px}.play-button[hidden]{display:none}.progress-label{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(2,38,54,.78);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:99px;text-align:center;padding:8px 12px;font-size:13px;backdrop-filter:blur(8px)}.microcopy{font-size:14px;line-height:1.45;color:var(--muted);text-align:center;margin:16px 8px}.secondary-button{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;border-radius:14px;border:1px solid var(--primary);background:#fff;color:var(--primary);font-weight:700;text-decoration:none;cursor:pointer}.secondary-button[hidden]{display:none}footer{text-align:center;padding-top:26px;color:var(--muted);font-size:13px}footer a{color:var(--primary);margin:0 8px}footer p{font-style:italic}.ai-sheet{position:fixed;z-index:50;left:50%;bottom:0;transform:translate(-50%,105%);width:min(430px,100%);height:40dvh;min-height:330px;max-height:90dvh;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -18px 60px rgba(0,48,67,.25);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);transition:transform .28s ease,height .28s ease;border:1px solid var(--line)}.ai-sheet.open{transform:translate(-50%,0)}.ai-sheet.expanded{height:90dvh}.sheet-handle{width:44px;height:5px;border-radius:99px;background:var(--line);margin:8px auto 4px}.ai-sheet header{display:flex;align-items:center;gap:10px;padding:8px 14px 10px;border-bottom:1px solid var(--line)}.ai-sheet header img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg);border:2px solid var(--secondary)}.ai-sheet header div{min-width:0;flex:1}.ai-sheet header strong{display:block;color:var(--primary);font-size:15px}.ai-sheet header small{display:block;color:var(--muted);font-size:12px}.ai-sheet header button{width:44px;height:44px;border:0;border-radius:50%;background:var(--bg);font-size:26px;color:var(--primary);cursor:pointer}.transcript{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.bubble{max-width:88%;padding:11px 13px;border-radius:16px;font-size:15px;line-height:1.45;white-space:pre-wrap}.bubble.assistant{align-self:flex-start;background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:5px}.bubble.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:5px}.turn-pending{align-self:flex-start;color:var(--muted);font-size:13px;padding:3px 8px}.system-status{margin:0 14px 8px;border-radius:12px;padding:10px 12px;background:#fff5eb;border:1px solid var(--accent);font-size:13px;line-height:1.35}.system-status[hidden]{display:none}#composer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:#fff}#message-input{flex:1;min-height:46px;max-height:120px;resize:none;border:1px solid var(--line);border-radius:14px;padding:12px;font:inherit;font-size:15px;color:var(--text);outline:none}#message-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,76,107,.1)}#send-button{flex:0 0 46px;height:46px;border:0;border-radius:14px;background:var(--primary);color:#fff;font-size:20px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell-page{padding-top:calc(28px + env(safe-area-inset-top))}.shell-page h1{color:var(--primary);font-size:28px}.shell-logo{width:72px}.shell-page dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.shell-page dt,.shell-page dd{margin:0;padding:12px;background:white}.shell-page dt{font-weight:700}.notice{padding:12px;border-left:4px solid var(--accent);background:#fff}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border:1px solid var(--line);text-align:left;font-size:13px}@media(max-width:359px){body:before{content:"AIC System V2.1 hỗ trợ màn hình từ 360 px";display:block;background:#7a1d1d;color:white;padding:8px;text-align:center;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
details{margin:14px 0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}details summary{cursor:pointer;color:var(--primary)}details form{margin-top:12px;display:grid;gap:10px}.admin-input{display:block;width:100%;min-height:44px;margin-top:5px;border:1px solid var(--line);border-radius:10px;padding:9px;font:inherit}h2{margin-top:28px;color:var(--primary);font-size:20px}