/* Theo mẫu May gửi 09:44, màu tự theo thiết bị. */
:root{color-scheme:light;--outer:#ececec;--page:#e5e5e5;--text:#000;--muted:#555;--button:#fff;--line:#000;--hover:#f5f5f5}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--outer:#191919;--page:#242424;--text:#f5f5f5;--muted:#ccc;--button:#303030;--line:#e5e5e5;--hover:#404040}}
*{box-sizing:border-box}body{margin:0;background:var(--outer);color:var(--text);font:16px/1.5 Poppins,Arial,sans-serif}main{max-width:760px;min-height:100vh;margin:auto;padding:24px 64px 28px;background:var(--page)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--text);outline-offset:4px}.profile{text-align:center}.cover{position:relative;aspect-ratio:2/1;border-radius:9px;overflow:hidden}.cover>img{width:100%;height:100%;object-fit:cover}.subscribe{position:absolute;left:22px;top:24px;display:flex;align-items:center;gap:7px;border-radius:99px;padding:9px 15px;background:#e0e0e0;color:#555;font:600 12px Arial,sans-serif}.subscribe svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.share{position:absolute;right:23px;top:24px;background:none;border:0;color:#555;padding:7px;cursor:pointer}.share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.avatar{position:relative;display:block;width:142px;height:142px;margin:-69px auto 15px;border:2px solid var(--line);border-radius:11px;overflow:hidden;background:var(--page)}.avatar img{display:block;width:100%;height:100%;object-fit:cover}h1{font:400 24px/1.4 Poppins,Arial,sans-serif;margin:14px 0 9px}.tagline{font:400 17px/1.5 Arial,sans-serif;margin:0 -20px}.profile-social{display:flex;justify-content:center;gap:8px;margin:15px 0 28px}.profile-social a{display:grid;place-items:center;width:44px;height:44px}.profile-social svg{width:29px;height:29px;fill:currentColor}.choices{display:flex;flex-direction:column;gap:16px}.choices>a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:64px;border:2px solid var(--line);border-radius:999px;background:var(--button);padding:14px 20px;font-size:17px}.choices>a:hover{background:var(--hover)}footer{text-align:center;padding-top:30px;font-size:12px;color:var(--muted)}footer p{margin:12px 0}.founder{display:inline-flex;gap:8px;align-items:center;color:var(--text);min-height:44px}.founder svg{width:22px;height:22px;fill:currentColor}footer a:hover{text-decoration:underline}dialog{width:min(90vw,420px);border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--page);color:var(--text)}dialog::backdrop{background:#0008}dialog h2{font-size:20px}dialog input{width:100%;padding:10px;background:var(--button);color:var(--text);border:1px solid var(--line)}dialog button{padding:10px;margin-top:12px;background:var(--button);color:var(--text);border:1px solid var(--line);border-radius:8px;cursor:pointer}dialog .close{float:right;margin:0;font-size:20px}#share-status{font-size:13px}
@media(max-width:600px){main{padding:20px 24px 24px}.cover{margin:0 -8px}.avatar{width:112px;height:112px;margin-top:-54px}h1{font-size:21px}.tagline{font-size:14px;margin:0}.choices>a{font-size:16px;min-height:58px}.subscribe{top:15px;left:14px;font-size:10px;padding:7px 10px}.share{top:10px;right:10px}.profile-social{margin-bottom:24px}}