:root{--ink:#171717;--muted:#555555;--green:#171717;--mint:#e5e5e5;--paper:#ffffff;--line:#e5e5e5;--white:#fff;--navy:#171717}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'Sarabun','Noto Sans Thai',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a,button{transition:background .16s,color .16s,box-shadow .16s}a:hover{color:#555555}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #707070;outline-offset:4px}h1,h2,h3,.brand,.footer-brand{font-family:'Noto Sans Thai','Sarabun',sans-serif}button,input,select,textarea{color:var(--ink)}.sidebar{max-width:1280px;margin:auto;padding:25px 40px;display:flex;align-items:center;gap:55px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{width:37px;height:37px;display:block}.brand-wordmark{font-size:25px;font-weight:750;letter-spacing:-1.2px;display:flex;align-items:baseline}.brand-dot{color:#707070}.sidebar nav{display:flex;gap:28px;align-items:center;flex:1}.sidebar nav a{font-size:13px;white-space:nowrap;color:#555555}.sidebar nav a:hover,.sidebar nav a.active{color:var(--green)}.sidebar nav a.active{font-weight:700}.sidebar nav a>span,.sidebar nav small,.tiny-dot,.workspace,.nav-caption,.sidebar-card,.sidebar-bottom{display:none}.sidebar nav a:last-child{margin-left:auto;background:var(--green);color:#fff;border-radius:8px;padding:11px 18px}.main{max-width:1280px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;min-height:64px}.breadcrumb{font-size:11px;color:#707070}.breadcrumb span{margin:0 12px;color:#bdbdbd}.breadcrumb strong{font-weight:500;color:#555555}.header-actions{display:flex;gap:22px;align-items:center;font-size:12px}.header-actions form{margin:0}.text-button{border:0;background:none;padding:8px 0;font-size:12px;color:#555555}.button{border:0;border-radius:8px;padding:13px 23px;min-height:46px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.button.small{padding:8px 16px;min-height:34px;font-size:12px}.dark{background:var(--green);color:white}.dark:hover{background:#171717;color:white}.mint{background:var(--mint);color:var(--green)}.mint:hover{background:#e5e5e5}.full{width:100%}main{padding:0 40px}.setup-note{border:1px solid #e5e5e5;background:#f5f5f5;color:#555555;border-radius:6px;padding:10px 14px;font-size:11px;line-height:1.8;margin:10px 0 20px}.hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding:40px 0 44px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;color:#707070;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#707070}h1{font-size:52px;line-height:1.4;letter-spacing:-1.8px;font-weight:600;margin:19px 0}.hero h1 em{font-style:normal;color:#555555}.hero p{font-size:15px;line-height:1.95;color:#707070;margin:19px 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button.outline{background:transparent;border:1px solid #bdbdbd;color:#555555}.button.outline:hover{background:#f5f5f5}.hero-foot{display:flex;gap:20px;font-size:11px;color:#707070;margin-top:21px}.discovery-board{background:#f5f5f5;border-radius:20px;padding:27px;position:relative;min-height:335px;overflow:hidden}.board-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:2px;color:#707070;margin-bottom:23px}.board-label span:last-child{letter-spacing:0;border:1px solid #bdbdbd;border-radius:20px;padding:5px 9px;font-size:8px}.discovery-card{position:relative;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:18px;margin:10px 0;box-shadow:0 4px 8px #17171704}.discovery-card:nth-child(3){margin-left:24px;background:#f5f5f5}.discovery-card:nth-child(4){margin-right:24px}.discovery-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e5e5e5;color:#555555;font-size:24px;flex-shrink:0}.discovery-card:nth-child(3) .discovery-icon{background:#e5e5e5;color:#707070}.discovery-card:nth-child(4) .discovery-icon{background:#e5e5e5;color:#707070}.discovery-card strong{font-size:13px;font-weight:600;display:block}.discovery-card small{font-size:10px;color:#707070;display:block;margin-top:5px}.discovery-card>span:last-child{margin-left:auto;font-size:18px;color:#bdbdbd}.board-caption{margin:20px 0 0;text-align:center;font-size:10px;color:#707070;letter-spacing:.3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;margin:0 0 48px}.stats>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stat-icon{font-size:25px;color:#707070;display:grid;place-items:center;width:37px}.stats strong{font-size:25px;font-weight:600;line-height:1.2}.stats div div>span{display:block;font-size:11px;color:#707070;margin-top:8px}.percent,.stat-word{font-size:15px}.ranking{scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:29px;letter-spacing:-.8px;font-weight:600;margin:8px 0}.section-heading p{font-size:12px;color:#707070;margin:6px 0}.eyebrow.light{font-size:9px;color:#707070;letter-spacing:2px}.live-label{font-size:10px;color:#707070;white-space:nowrap}.online-dot{display:inline-block;border-radius:50%;width:6px;height:6px;background:#707070;margin-right:6px}.filters{display:flex;gap:10px;margin-bottom:17px}.search-box{display:flex;align-items:center;gap:11px;flex:1;border:1px solid #e5e5e5;border-radius:9px;background:white;padding:7px 8px 7px 17px;box-shadow:0 3px 8px #17171703}.search-box>span{font-size:27px;color:#707070;line-height:1}.search-box input{flex:1;width:100%;min-width:0;border:0;background:transparent;padding:8px 2px;font-size:13px;outline-offset:0}.search-box input:focus-visible{outline:0}.search-box:focus-within{outline:2px solid #707070;outline-offset:1px}.search-box button{border:0;border-radius:6px;padding:10px 23px;background:var(--green);color:#fff;font-size:12px}.filters select{border:1px solid #e5e5e5;border-radius:9px;background:white;width:155px;padding:10px 14px;font-size:12px}.sort-button{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:0 15px;font-size:20px}.category-tabs{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.category-tabs a{padding:8px 15px;border:1px solid #e5e5e5;border-radius:30px;font-size:11px;color:#707070}.category-tabs a:hover{background:#f5f5f5}.category-tabs a.selected{background:#e5e5e5;border-color:#e5e5e5;color:#555555;font-weight:600}.table-wrap{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left}th{padding:16px 20px;font-size:10px;font-weight:400;color:#707070;border-bottom:1px solid var(--line);background:#ffffff;white-space:nowrap}.rank-col{width:75px;text-align:center}td{padding:21px 20px;border-bottom:1px solid #f5f5f5}tr:last-child td{border:0}tbody tr:hover{background:#ffffff}td:first-child{text-align:center}.rank-number{font-size:14px;color:#707070;font-variant-numeric:tabular-nums}.top-rank{font-weight:600;color:#707070}.website-cell{display:flex;gap:16px;align-items:center;min-width:210px}.site-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#f5f5f5;border:1px solid #e5e5e5;color:#555555;font-size:24px;font-weight:600;flex-shrink:0}.color-1{background:#f5f5f5;color:#707070}.color-2{background:#f5f5f5;color:#707070}.color-3{background:#f5f5f5;color:#707070}.color-4{background:#f5f5f5;color:#707070}.website-name{font-size:16px;font-weight:600}.domain{display:block;font-size:10px;color:#707070;margin-top:3px}.website-cell p{font-size:11px;line-height:1.7;margin:7px 0 0;color:#707070;overflow-wrap:anywhere;max-width:420px}.category-badge{font-size:10px;padding:5px 10px;background:#f5f5f5;border-radius:5px;color:#707070;white-space:nowrap}.vote-number{font-size:20px;font-weight:600;color:#555555;font-variant-numeric:tabular-nums}.vote-label{display:block;font-size:9px;color:#707070;margin-top:3px}.vote-button{width:35px;height:35px;display:grid;place-items:center;border:1px solid #e5e5e5;background:#f5f5f5;color:#707070;border-radius:8px;font-size:20px}.vote-button:hover{background:#f5f5f5}.table-foot{display:flex;justify-content:space-between;color:#707070;font-size:10px;margin:14px 2px 30px}.bottom-banner{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:12px;padding:29px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:38px 0 48px}.bottom-banner>div{display:flex;align-items:center;gap:22px}.bottom-banner>div>span{font-size:43px;color:#707070}.bottom-banner strong{font-size:17px;font-weight:600}.bottom-banner p{font-size:12px;color:#707070;margin:8px 0 0}.bottom-banner>a{padding:12px 23px;background:var(--green);color:#fff;border-radius:7px;font-size:12px;white-space:nowrap}footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding:26px 0 32px;font-size:10px;color:#707070}.footer-brand{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:700;color:#555555;letter-spacing:-.7px}.footer-brand>span{color:#707070;margin-left:-6px}.footer-brand img{display:block}footer>a:last-child{margin-left:auto}.alert{background:#f5f5f5;border:1px solid #e5e5e5;color:#555555;padding:15px 19px;border-radius:8px;font-size:12px;line-height:1.9;margin:20px 0}.alert.error{background:#f5f5f5;color:#555555;border-color:#e5e5e5}.page-title{padding:38px 0 23px}.page-title h1{font-size:37px;font-weight:600}.page-title p{color:#707070;font-size:14px;line-height:1.9}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;max-width:1000px;margin:38px auto 80px;min-height:560px}.form-intro{padding:15px}.form-intro h1{font-size:38px;font-weight:600;line-height:1.6}.form-intro p{color:#707070;line-height:2;font-size:14px}.intro-decoration{font-size:120px;font-weight:700;color:#e5e5e5;letter-spacing:-12px;margin:30px 0}.form-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px}.form-card h2{font-size:24px;font-weight:600;margin:0 0 10px}.form-card>p{font-size:13px;color:#707070;line-height:1.8;margin-bottom:26px}.form-card label{display:block;font-size:13px;color:#555555;margin:20px 0}.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid #e5e5e5;border-radius:7px;background:#ffffff;padding:12px 14px;margin-top:9px;font-size:13px}.form-card textarea{resize:vertical}.form-card .full{margin-top:12px}.form-switch{text-align:center;font-size:12px;color:#707070;margin-top:24px}.form-switch a{color:#555555;font-weight:600}.add-form{max-width:780px;margin-bottom:65px}.form-card .field-help{font-size:12px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 35px}.guide-card{padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff}.guide-card>span{font-size:30px;color:#bdbdbd}.guide-card h2{font-size:21px;font-weight:600;margin:20px 0 12px}.guide-card p{font-size:14px;line-height:2;color:#707070}.empty{text-align:center;padding:65px 20px;color:#707070}.empty>span{font-size:40px}.empty h3{font-size:19px;color:#555555}.empty p{font-size:13px;margin-bottom:23px}.user-name{font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1500px){.sidebar,.main{max-width:1360px}.hero{padding-top:55px;padding-bottom:55px;gap:90px}.hero h1{font-size:58px}.discovery-board{padding:34px}.discovery-card{padding:22px}.stats{margin-bottom:55px}}
@media(max-width:1050px){.sidebar{padding:23px 28px;gap:30px}.sidebar nav{gap:18px}.sidebar nav a{font-size:12px}.sidebar nav a:last-child{padding:10px 13px}.brand-wordmark{font-size:23px}header{padding:14px 28px}main{padding:0 28px}.hero{gap:28px}.hero h1{font-size:42px}.hero p{font-size:14px}.discovery-board{padding:20px}.discovery-card{padding:16px 13px;gap:10px}.discovery-card strong{font-size:12px}.discovery-card small{font-size:9px}.board-label{font-size:8px}.stats div div>span{font-size:10px}.stats strong{font-size:23px}.form-layout{gap:35px}.form-intro h1{font-size:32px}td,th{padding-left:15px;padding-right:15px}}
@media(max-width:800px){.sidebar{flex-wrap:wrap;gap:20px;padding:20px 24px 0}.sidebar nav{flex-basis:100%;gap:24px;overflow-x:auto;padding-bottom:17px}.sidebar nav a:last-child{margin-left:auto}.sidebar nav a{font-size:12px}header{padding:13px 24px}.hero{grid-template-columns:1fr 1fr;gap:20px;padding-top:28px}.hero h1{font-size:36px}.hero p br{display:none}.hero p{font-size:13px}.hero-foot{gap:12px;font-size:10px}.hero-actions{gap:8px}.hero-actions .button{font-size:12px;padding:12px 15px}.discovery-board{padding:16px;min-height:300px}.board-label{letter-spacing:1px}.board-label span:last-child{display:none}.discovery-card{padding:15px 10px}.discovery-card:nth-child(3){margin-left:9px}.discovery-card:nth-child(4){margin-right:9px}.discovery-icon{width:32px;height:34px;font-size:20px}.discovery-card small{font-size:8px}.discovery-card strong{font-size:11px}.board-caption{font-size:8px}.stats{grid-template-columns:1fr 1fr;row-gap:26px}.stats>div{justify-content:flex-start;padding-left:30px}.stats>div:nth-child(2){border:0}.stats div div>span{font-size:11px}.website-cell p{max-width:285px}.form-layout{gap:24px}.form-card{padding:26px}.form-intro h1{font-size:29px}.intro-decoration{font-size:100px}.section-heading h2{font-size:26px}}
@media(max-width:600px){main{padding:0 18px}.sidebar{padding:18px 18px 0;gap:17px}.brand-mark{width:33px;height:33px}.brand-wordmark{font-size:23px}.sidebar nav{gap:20px;margin:0 -18px;padding:0 18px 14px;scrollbar-width:none}.sidebar nav a{font-size:11px}.sidebar nav a:last-child{background:none;color:#555555;padding:0}.sidebar nav a:nth-last-child(2){display:none}header{padding:12px 18px;min-height:55px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.header-actions{gap:13px;font-size:11px}.button.small{font-size:11px;min-height:32px;padding:7px 12px}.setup-note{font-size:10px;line-height:1.8;margin-top:3px;padding:9px 12px}.hero{grid-template-columns:1fr;gap:26px;padding:29px 0 28px}.hero h1{font-size:43px;margin:16px 0;line-height:1.42;letter-spacing:-1.5px}.hero p{font-size:14px;margin:16px 0 22px;max-width:330px}.eyebrow{font-size:9px;letter-spacing:1.8px}.hero-actions .button{font-size:13px;min-height:43px;padding:12px 22px}.hero-foot{margin-top:18px;font-size:10px;gap:18px}.discovery-board{min-height:0;padding:19px;border-radius:13px;display:grid;grid-template-columns:1fr;gap:0}.board-label{margin-bottom:12px;font-size:9px}.board-label span:last-child{display:block}.discovery-card{margin:5px 0;padding:12px 14px;gap:14px}.discovery-card:nth-child(3){margin-left:18px}.discovery-card:nth-child(4){margin-right:18px}.discovery-icon{width:34px;height:34px;font-size:21px}.discovery-card strong{font-size:12px}.discovery-card small{font-size:9px;margin-top:3px}.board-caption{margin-top:14px;font-size:9px}.stats{padding:22px 0;row-gap:22px;margin-bottom:33px}.stats>div{padding-left:7px;gap:9px}.stat-icon{width:28px;font-size:21px}.stats strong{font-size:23px}.stats div div>span{font-size:9px;margin-top:5px}.stat-word{font-size:13px}.section-heading{gap:10px;align-items:flex-start;margin-bottom:20px}.section-heading h2{font-size:24px;margin:8px 0}.section-heading p{font-size:11px;line-height:1.8;max-width:245px}.eyebrow.light{font-size:8px;letter-spacing:1.5px}.live-label{font-size:8px;margin-top:30px}.filters{gap:7px;margin-bottom:15px}.search-box{padding:6px 6px 6px 10px;gap:5px}.search-box>span{font-size:24px}.search-box input{font-size:11px}.search-box button{font-size:10px;padding:9px 12px}.filters select{width:96px;font-size:11px;padding:8px}.sort-button{display:none}.category-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -18px 20px;padding:0 18px 3px}.category-tabs a{flex-shrink:0;font-size:10px;padding:7px 13px}.table-wrap{border-radius:9px}td,th{padding:17px 9px}th{font-size:9px}.rank-col{width:33px}.rank-number{font-size:12px}.website-cell{min-width:0;gap:9px;align-items:flex-start}.site-icon{width:32px;height:34px;border-radius:8px;font-size:19px}.website-name{font-size:14px}.website-cell p{font-size:10px;max-width:195px;margin-top:6px}.domain{font-size:9px;margin-top:2px;overflow-wrap:anywhere}.vote-number{font-size:17px}.vote-label{font-size:8px;white-space:nowrap}.vote-button{height:29px;width:29px;font-size:17px}.table-foot{font-size:9px;gap:12px;line-height:1.7;margin-bottom:23px}.bottom-banner{padding:24px 20px;flex-wrap:wrap;gap:20px;margin:27px 0 32px}.bottom-banner>div{gap:15px}.bottom-banner>div>span{font-size:35px}.bottom-banner strong{font-size:15px}.bottom-banner p{font-size:11px;line-height:1.8}.bottom-banner>a{font-size:12px;margin-left:45px;padding:10px 20px}footer{font-size:9px;gap:13px;flex-wrap:wrap;padding:23px 0}.footer-brand{font-size:16px}footer>span{font-size:8px}.page-title{padding:22px 0 17px}.page-title h1{font-size:29px}.page-title p{font-size:13px}.form-layout{grid-template-columns:1fr;gap:25px;margin:22px auto 45px;max-width:450px;min-height:0}.form-intro{padding:0 7px}.form-intro h1{font-size:30px;line-height:1.5}.form-intro h1 br{display:none}.form-intro p{font-size:13px;margin-bottom:0}.intro-decoration{display:none}.form-card{padding:25px 23px}.form-card h2{font-size:23px}.form-card label{font-size:12px}.form-card input,.form-card textarea,.form-card select{font-size:16px}.add-form{margin-bottom:40px}.guide-grid{grid-template-columns:1fr;gap:15px;margin-top:12px}.guide-card{padding:25px}.guide-card h2{font-size:20px}.guide-card p{font-size:13px}.user-name{max-width:85px}.empty{padding:45px 18px}.empty p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}}

.hero h1 em{white-space:nowrap}
@media(max-width:600px){.hero h1{font-size:38px}}

/* Website traffic and owner analytics. */
.traffic-cell{min-width:125px}.traffic-cell>strong{font-size:18px;font-weight:600;color:#555555}.traffic-cell>small{display:block;font-size:9px;color:#707070;margin-top:4px;white-space:nowrap}.analytics-link{display:inline-block;font-size:11px;color:#555555;text-decoration:none;text-underline-offset:3px;margin-top:10px}.analytics-back{font-size:12px;color:#555555;text-decoration:none;text-underline-offset:3px}.analytics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:7px 0 26px}.analytics-summary>div{padding:22px;background:white;border:1px solid var(--line);border-radius:10px}.analytics-summary span{display:block;font-size:12px;color:#707070}.analytics-summary strong{font-size:32px;display:block;margin-top:13px;font-weight:600;font-variant-numeric:tabular-nums}.tracking-install{margin-bottom:35px}.tracking-install textarea{font:13px/1.8 monospace;overflow-wrap:anywhere;background:#f5f5f5}.tracking-install .button{font-size:12px;min-height:40px;padding:10px 18px}.copy-status{font-size:12px;margin-left:12px;color:#707070}.analytics-note{font-size:12px;color:#707070;line-height:1.9;margin:15px 0 35px}.analytics-table td,.analytics-table th{text-align:left}.analytics-table td:nth-child(3),.analytics-table th:nth-child(3){display:table-cell}.analytics-table td{font-size:12px}.analytics-table th{white-space:normal}
@media(max-width:800px){.analytics-summary{grid-template-columns:1fr 1fr}.traffic-cell{min-width:100px}.traffic-cell>small{font-size:8px}}
@media(max-width:600px){.traffic-cell{min-width:75px;padding-left:5px;padding-right:5px}.traffic-cell>strong{font-size:15px}.traffic-cell>small{font-size:8px;white-space:normal}.website-cell{gap:6px}.website-cell .site-icon{display:none}.website-cell p{max-width:150px}.website-name{font-size:13px}.table-wrap td,.table-wrap th{padding-left:6px;padding-right:6px}.rank-col{width:27px}.analytics-link{font-size:10px;line-height:1.7}.analytics-summary{gap:10px}.analytics-summary>div{padding:17px 14px}.analytics-summary span{font-size:11px}.analytics-summary strong{font-size:28px}.tracking-install textarea{font-size:12px}.analytics-table{overflow-x:auto}.analytics-table table{min-width:340px}.analytics-table th{font-size:10px}.analytics-table td,.analytics-table th{padding:14px 10px}.copy-status{display:block;margin:12px 0 0}}

/* Compact presentation with essential labels and actions. */
.hero{padding-top:30px;padding-bottom:32px;gap:45px}.hero h1{font-size:44px;margin:0 0 25px}.discovery-board{min-height:0;padding:18px 22px}.discovery-card{padding:14px 18px}.discovery-card:nth-child(3),.discovery-card:nth-child(4){margin-left:0;margin-right:0}.stats{margin-bottom:32px}.section-heading{margin-bottom:18px}.form-layout{display:block;max-width:470px;min-height:0;margin:35px auto 65px}.form-card h2{margin-bottom:24px}.table-foot{margin-bottom:35px}.analytics-period{font-size:12px;color:#707070;margin:0 0 16px}.tracking-install label{line-height:1.8}.page-title{padding-top:25px}
@media(max-width:600px){.hero{gap:23px;padding:22px 0}.hero h1{font-size:34px;margin:0 0 20px}.discovery-board{padding:12px 16px}.discovery-card{padding:10px 12px}.form-layout{margin:22px auto 40px}.section-heading h2{font-size:24px}.live-label{margin-top:15px}.stats{margin-bottom:25px}}

/* Main navigation: monochrome desktop bar and accessible mobile disclosure. */
.site-header{display:block;height:auto;min-height:0;padding:0;border-bottom:1px solid #e5e5e5;background:#fff;position:relative;z-index:20}.header-inner{max-width:1360px;margin:auto;display:flex;align-items:center;gap:38px;padding:20px 40px}.site-header .brand{gap:10px}.site-header .brand-wordmark{font-size:25px;letter-spacing:-.9px}.nav-group{display:flex;align-items:center;gap:24px;flex:1;min-width:0}.site-nav{display:flex;align-items:center;gap:5px}.site-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:7px;white-space:nowrap;font-size:12px;color:#707070;min-height:39px}.site-nav a:hover{background:#f5f5f5;color:#171717}.site-nav a.active{background:#f0f0f0;color:#171717;font-weight:700}.menu-account{display:flex;align-items:center;gap:16px;margin-left:auto;white-space:nowrap}.menu-account form{margin:0}.menu-login,.menu-register{background:none;border:0;padding:10px 0;font-size:12px;color:#555;min-height:39px;display:inline-flex;align-items:center;justify-content:center}.menu-login:hover,.menu-register:hover{color:#171717;text-decoration:none;text-underline-offset:4px}.menu-register{border-left:1px solid #e5e5e5;padding-left:16px}.menu-add{background:#171717;color:#fff;padding:11px 17px;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;min-height:41px}.menu-add:hover{background:#333;color:white}.menu-add>span{font-size:18px;line-height:1;font-weight:400}.menu-username{font-size:11px;color:#707070;max-width:100px;text-overflow:ellipsis;overflow:hidden}.menu-toggle{display:none}.main>main{padding-top:24px}.site-header [aria-current="page"].menu-login,.site-header [aria-current="page"].menu-register{color:#171717;font-weight:700}
@media(max-width:1150px){.header-inner{gap:23px;padding:19px 28px}.site-nav a{padding:10px 9px;font-size:11px}.menu-account{gap:12px}.menu-register{padding-left:12px}.nav-group{gap:15px}.site-header .brand-wordmark{font-size:23px}.menu-add{padding:10px 13px;font-size:11px}.menu-login,.menu-register{font-size:11px}.menu-username{display:none}}
@media(max-width:950px){.header-inner{padding:17px 24px;gap:14px;flex-wrap:wrap;justify-content:space-between}.site-header .brand-wordmark{font-size:24px}.site-header .brand-mark{width:34px;height:34px}.nav-group{flex-basis:100%;display:flex;align-items:stretch;flex-direction:column;gap:16px;padding-top:15px;border-top:1px solid #e5e5e5}.site-nav{flex-direction:column;align-items:stretch;gap:4px}.site-nav a{justify-content:flex-start;font-size:14px;padding:12px 15px;min-height:45px}.menu-account{margin:0;border-top:1px solid #e5e5e5;padding:16px 2px 5px;gap:18px;flex-wrap:wrap}.menu-login,.menu-register{font-size:12px}.menu-username{display:inline;max-width:120px}.menu-add{margin-left:auto;font-size:12px;padding:11px 16px}.site-header[data-enhanced] .menu-toggle{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e5e5;border-radius:8px;background:white}.menu-toggle>span{width:17px;height:1.5px;background:#171717;display:block;transition:transform .15s,opacity .15s}.site-header[data-enhanced]:not([data-open]) .nav-group{display:none}.site-header[data-open] .menu-toggle>span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.site-header[data-open] .menu-toggle>span:nth-child(2){opacity:0}.site-header[data-open] .menu-toggle>span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.site-header[data-open] .nav-group{display:flex}.main>main{padding-top:18px}}
@media(max-width:600px){.header-inner{padding:15px 18px}.site-header .brand-wordmark{font-size:24px}.menu-account{gap:14px}.menu-add{padding:10px 13px}.menu-username{max-width:90px;font-size:10px}.site-header .brand-mark{width:32px;height:32px}.main>main{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.menu-toggle>span{transition:none}}

/* Remote favicon with a stable initial-letter fallback. */
.website-logo{position:relative;background:#f5f5f5;border:1px solid #e5e5e5;overflow:hidden;flex-shrink:0}.website-logo img{display:block;position:absolute;width:32px;height:32px;object-fit:contain;opacity:0}.website-logo.has-logo{background:#fff}.website-logo.has-logo img{opacity:1}.website-logo.has-logo .logo-fallback{visibility:hidden}.website-logo-preview{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid #e5e5e5;background:#fafafa;border-radius:8px;margin:0 0 22px;font-size:12px;color:#707070}.website-logo-preview .site-icon{display:grid;width:46px;height:46px}.logo-fallback{font-size:21px;color:#555}
@media(max-width:600px){.website-cell .website-logo{display:grid;width:28px;height:30px;border-radius:6px}.website-cell .website-logo img{width:22px;height:22px}.website-cell .logo-fallback{font-size:16px}}

/* Hide the logo preview in the add-website form. */
.website-logo-preview{display:none}

.website-details-link{display:inline-block;font-size:10px;color:#707070;text-decoration:none;text-underline-offset:3px;margin-top:7px}.website-detail{max-width:800px;margin:18px 0 60px;padding:30px;background:#fff;border:1px solid #e5e5e5;border-radius:12px}.detail-heading{display:flex;gap:17px;align-items:center;margin:25px 0 20px}.detail-heading h1{font-size:32px;margin:0;overflow-wrap:anywhere}.detail-description{margin:26px 0;font-size:15px;line-height:2;white-space:normal;overflow-wrap:anywhere}.detail-heading .site-icon{display:grid;width:52px;height:52px}.detail-heading .domain{font-size:12px;margin-top:8px}@media(max-width:600px){.website-detail{padding:22px;margin-top:12px}.detail-heading h1{font-size:25px}.detail-description{font-size:14px}}

/* Categories temporarily disabled. */
.hero{grid-template-columns:1fr}.hero-copy{width:100%}

.community-totals{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:#707070;margin:0 0 25px;padding:0;line-height:1.8}.community-totals span{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;color:#555}.community-totals i{font-style:normal;color:#bdbdbd;margin:0 5px}@media(max-width:600px){.community-totals{font-size:10px;margin-bottom:20px}.community-totals span{font-size:10px}}

.website-delete{display:block;text-align:center;font-size:11px;color:#707070;text-decoration:none;text-underline-offset:3px;margin-top:12px}.website-delete:hover{color:#171717}.delete-confirm{max-width:600px;margin:30px auto 65px}.delete-confirm h1{font-size:27px;margin:0 0 25px}.delete-confirm>strong{font-size:18px}.delete-note{font-size:13px;color:#707070;line-height:1.9;margin:25px 0}.delete-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.delete-actions form{margin:0}.delete-actions .button{font-size:13px}.delete-actions .outline{border:1px solid #ddd;background:white}

.traffic-cell .online-label{color:#555}.online-label>span{font-weight:700;color:#171717}.online-summary{background:#f5f5f5!important}.analytics-summary{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1050px){.analytics-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.online-summary{grid-column:1/-1}}

.realtime-cell{white-space:nowrap}.realtime-cell>strong{display:block;color:#171717;font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}.realtime-cell>small{display:block;color:#707070;font-size:10px;margin-top:5px}@media(max-width:600px){.realtime-cell>strong{font-size:20px}.realtime-cell>small{font-size:9px}}

.detail-statistics{border-top:1px solid #e5e5e5;margin-top:32px;padding-top:28px}.detail-statistics .section-heading{margin-bottom:14px}.detail-statistics h2{font-size:23px}.detail-statistics .analytics-period{margin:0}.detail-statistics .detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-summary .online-summary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px}.detail-summary .online-summary strong{margin-top:0}.detail-statistics h3{font-size:16px;font-weight:600;margin:25px 0 15px}.detail-statistics .analytics-summary>div{padding:18px}.detail-statistics .analytics-summary strong{font-size:28px}@media(max-width:600px){.detail-statistics{margin-top:25px;padding-top:22px}.detail-statistics h2{font-size:21px}.detail-statistics .analytics-summary>div{padding:15px 12px}.detail-summary .online-summary span{max-width:220px;font-size:11px}.detail-statistics .analytics-summary strong{font-size:25px}}

.metadata-controls{display:flex;align-items:center;gap:13px;margin:-5px 0 18px;flex-wrap:wrap}.metadata-fetch{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#f5f5f5;font-size:11px;color:#555}.metadata-fetch:hover{background:#e5e5e5}.metadata-status{font-size:11px;color:#707070}

.website-status{display:flex;align-items:center;gap:5px;width:fit-content;margin-top:7px;padding:3px 7px;border:1px solid #e5e5e5;border-radius:5px;background:#fafafa;font-size:9px;font-weight:400;color:#707070;white-space:normal;line-height:1.6}.website-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#aaa;flex-shrink:0}.website-status[data-state="online"]{color:#171717;border-color:#bdbdbd;background:#f5f5f5}.website-status[data-state="online"]::before{background:#171717}.website-status[data-state="error"]{border-color:#555;color:#333}.website-status[data-state="restricted"]{border-style:dashed}.detail-heading .website-status{font-size:11px;padding:4px 8px;margin-top:10px}@media(max-width:600px){.website-cell .website-status{font-size:8px;padding:3px 5px}.detail-heading .website-status{font-size:10px}}

/* Dedicated availability column; green indicates an HTTP-successful website. */
.website-status-cell{vertical-align:middle}.website-status-cell .website-status{margin-top:0;white-space:nowrap}.website-status[data-state="online"]::before{background:#22a447;width:8px;height:8px}.website-status-heading{white-space:nowrap}@media(max-width:600px){.website-status-cell .website-status{font-size:9px;padding:4px 6px;white-space:normal;min-width:68px}.website-status-cell{padding-left:5px;padding-right:5px}.website-status-heading{font-size:9px;white-space:normal;max-width:85px}}

.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:5px 0 60px;max-width:1000px}.account-settings-grid .form-card{padding:28px}.account-settings-grid .password-settings{grid-column:1/-1;max-width:100%}.password-settings label{max-width:520px}.account-settings-grid input[readonly]{color:#707070;background:#f5f5f5}.account-settings-grid .button{margin-top:10px}.account-settings-grid h2{font-size:22px}@media(max-width:700px){.account-settings-grid{grid-template-columns:1fr;gap:18px;margin-bottom:40px}.account-settings-grid .password-settings{grid-column:auto}.account-settings-grid .form-card{padding:24px 22px}.account-settings-grid input{font-size:16px}}

.badge-install{margin-bottom:35px}.badge-preview{display:flex;align-items:center;padding:20px 0 8px}.badge-preview a,.badge-preview img{display:block;width:160px;height:44px}.badge-preview a{border-radius:10px}.badge-preview a:hover{box-shadow:0 3px 10px #00000014}.badge-install textarea{font:12px/1.8 monospace;overflow-wrap:anywhere;background:#f7f7f7}.badge-install .button{font-size:12px;min-height:40px;padding:10px 18px}.badge-download{display:inline-block;margin-left:18px;color:#707070;font-size:12px;text-decoration:none;text-underline-offset:3px}@media(max-width:600px){.badge-download{display:block;margin:15px 0 0}}

/* Refreshed compact header. */
.site-header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);border-bottom:1px solid #ededed;box-shadow:0 2px 12px #00000003}.header-inner{padding:15px 40px;gap:30px}.site-header .brand-mark{width:36px;height:36px}.site-header .brand-wordmark{font-size:25px;letter-spacing:-1px}.site-nav{padding:4px;background:#f6f6f6;border:1px solid #ededed;border-radius:11px;gap:3px}.site-nav a{padding:9px 14px;border-radius:7px;min-height:37px;font-size:12px;color:#6b6b6b}.site-nav a:hover{background:#eaeaea;color:#171717}.site-nav a.active{background:#171717;color:white;box-shadow:0 2px 5px #00000012}.menu-account{gap:14px}.menu-username{display:flex;align-items:center;gap:7px;max-width:125px;color:#555;padding:4px 0;overflow:visible}.account-avatar{display:grid;place-items:center;width:29px;height:29px;background:#f2f2f2;border:1px solid #e3e3e3;border-radius:50%;font-size:12px;font-weight:600;color:#333;flex-shrink:0}.account-name{font-size:11px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-username:hover .account-avatar{border-color:#999}.menu-account .menu-login{font-size:11px;color:#777}.menu-account .menu-add{border-radius:8px;padding:10px 15px;min-height:40px;font-size:12px}.menu-add:hover{box-shadow:0 3px 10px #00000015}.menu-account .menu-register{font-size:11px}
@media(min-width:951px) and (max-width:1200px){.header-inner{padding:14px 26px;gap:20px}.site-nav a{font-size:11px;padding:9px 10px}.menu-account{gap:11px}.menu-username{max-width:none}.account-name{display:none}.menu-account .menu-add{font-size:11px;padding:10px 12px}.nav-group{gap:15px}.site-header .brand-wordmark{font-size:23px}}
@media(max-width:950px){.header-inner{padding:14px 24px;gap:13px}.site-header .brand-wordmark{font-size:24px}.nav-group{padding-top:14px}.site-nav{padding:5px;border-radius:11px;gap:3px}.site-nav a{font-size:13px;min-height:43px;padding:11px 14px}.site-nav a.active{box-shadow:none}.menu-account{gap:16px;padding:15px 1px 3px}.menu-username{display:flex;max-width:140px}.account-name{display:block;max-width:95px}.menu-account .menu-login{font-size:12px}.menu-account .menu-add{font-size:12px}.site-header[data-enhanced] .menu-toggle{width:38px;height:38px;border-radius:9px;background:#f9f9f9}}
@media(max-width:600px){.header-inner{padding:13px 18px}.site-header .brand-mark{width:32px;height:32px}.site-header .brand-wordmark{font-size:23px}.menu-account{gap:12px}.account-name{max-width:70px}.menu-account .menu-add{padding:10px 12px;font-size:11px}.menu-account .menu-login{font-size:11px}}

/* Clean navigation with an underline and a separate account disclosure. */
.site-header{background:#fff;backdrop-filter:none;box-shadow:none;border-color:#e9e9e9}.header-inner{padding:18px 40px;gap:45px;min-height:80px}.site-header .brand-mark{width:35px;height:35px;border-radius:10px}.site-header .brand-wordmark{font-size:24px;letter-spacing:-.7px}.site-nav{background:none;border:0;padding:0;gap:12px;border-radius:0}.site-nav a{position:relative;background:transparent;border-radius:0;padding:10px 12px;min-height:40px;color:#858585;font-size:13px;font-weight:400}.site-nav a:hover{background:transparent;color:#171717}.site-nav a.active{background:transparent;color:#171717;box-shadow:none;font-weight:700}.site-nav a.active::after{content:'';position:absolute;left:12px;right:12px;bottom:-19px;height:3px;border-radius:2px;background:#171717}.menu-account{gap:20px}.menu-account .menu-add{order:1;min-height:40px;font-size:12px;padding:10px 18px;border-radius:8px}.menu-account .menu-add>span{font-size:18px}.account-dropdown{order:2;position:relative;padding-left:19px;border-left:1px solid #e7e7e7}.account-dropdown summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;min-height:40px;border-radius:6px}.account-dropdown summary::-webkit-details-marker{display:none}.account-dropdown .account-avatar{height:32px;width:32px;border-color:#e5e5e5;background:#fafafa;font-size:12px}.account-dropdown .account-name{display:block;font-size:12px;color:#555;max-width:92px}.account-chevron{font-size:16px;color:#999;margin-left:2px;margin-top:-4px}.account-dropdown[open] .account-chevron{transform:rotate(180deg);margin-top:3px}.account-panel{position:absolute;right:0;top:calc(100% + 15px);width:225px;padding:8px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;box-shadow:0 12px 35px #00000010;z-index:50}.account-panel-name{font-size:11px;color:#8b8b8b;padding:9px 12px 12px;border-bottom:1px solid #eee;margin-bottom:5px;overflow-wrap:anywhere;white-space:normal}.account-panel>a,.account-panel button{display:block;text-align:left;width:100%;padding:11px 12px;font-size:12px;font-family:inherit;border:0;background:none;border-radius:6px;color:#444;min-height:40px}.account-panel>a:hover,.account-panel button:hover{background:#f5f5f5;color:#171717}.account-panel form{margin:0}.menu-account>.menu-login,.menu-account>.menu-register{order:0}
@media(min-width:951px) and (max-width:1200px){.header-inner{padding:16px 27px;gap:28px;min-height:74px}.site-nav{gap:3px}.site-nav a{font-size:12px;padding:10px}.site-nav a.active::after{bottom:-17px;left:10px;right:10px}.menu-account{gap:14px}.account-dropdown{padding-left:14px}.account-dropdown .account-name{display:none}.menu-account .menu-add{padding:10px 14px;font-size:11px}.site-header .brand-wordmark{font-size:23px}}
@media(max-width:950px){.header-inner{padding:15px 24px;min-height:72px;gap:14px}.site-nav{padding:0;gap:2px}.site-nav a{border-radius:7px;padding:13px 15px;font-size:14px}.site-nav a.active{background:#f4f4f4}.site-nav a.active::after{left:0;right:auto;bottom:13px;top:13px;width:3px;height:auto;border-radius:3px}.menu-account{justify-content:space-between;gap:15px;align-items:center}.account-dropdown{padding-left:0;border:0;order:0}.account-dropdown .account-name{display:block;max-width:120px}.account-panel{left:0;right:auto;top:calc(100% + 10px)}.menu-account .menu-add{margin-left:auto;order:1}.site-header[data-enhanced] .menu-toggle{background:#fff;border-color:#e7e7e7}.account-panel-name{white-space:normal}}
@media(max-width:600px){.header-inner{padding:14px 18px;min-height:66px}.site-header .brand-mark{width:32px;height:32px}.site-header .brand-wordmark{font-size:23px}.menu-account .menu-add{font-size:12px;padding:10px 15px}.account-dropdown .account-name{max-width:105px;font-size:12px}.account-panel{width:220px}}

.badge-preview a,.badge-preview img{width:44px;height:44px}.badge-preview a{border-radius:0}.badge-preview a:hover{box-shadow:none;opacity:.7}

.badge-preview a,.badge-preview img{width:24px;height:24px}

.footer-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.footer-badge img{display:block;width:24px;height:24px}.footer-badge:hover{opacity:.7}

footer{justify-content:center}footer>.footer-badge:last-child{margin-left:0;margin-right:0}

.account-avatar{overflow:hidden}.account-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-editor{display:flex;align-items:center;gap:18px;margin:10px 0 24px}.profile-avatar-preview{display:grid;place-items:center;width:88px;height:88px;flex-shrink:0;border:1px solid #e5e5e5;border-radius:50%;overflow:hidden;background:#f5f5f5;font-size:30px;font-weight:600;color:#555}.profile-avatar-preview img{display:block;width:100%;height:100%;object-fit:cover}.profile-avatar-editor>div:last-child{min-width:0}.profile-avatar-editor label{margin:0 0 7px}.account-settings-grid input[type="file"]{width:100%;font-size:11px;padding:8px;background:#fff;margin:0}.avatar-hint,.avatar-status{display:block;font-size:10px;color:#707070;line-height:1.8;margin-top:7px}.account-settings-grid .avatar-remove{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:-8px}.account-settings-grid .avatar-remove input{width:15px;height:15px;margin:0;padding:0;accent-color:#171717}@media(max-width:600px){.profile-avatar-editor{gap:13px}.profile-avatar-preview{height:72px;width:72px}.account-settings-grid input[type="file"]{font-size:11px}}

/* Refined profile control with a double ring and a CSS chevron. */
.account-dropdown summary{gap:10px;padding:3px 7px 3px 3px;min-height:44px;transition:background .16s;border-radius:24px}.account-dropdown summary:hover,.account-dropdown[open] summary{background:#f5f5f5}.account-dropdown .account-avatar{width:36px;height:36px;padding:2px;background:#fff;border:1px solid #dcdcdc;box-shadow:0 1px 3px #00000006}.account-dropdown .account-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.account-dropdown .account-name{font-size:12px;color:#4b4b4b;max-width:100px}.account-chevron{font-size:0!important;width:6px;height:6px;border-right:1.5px solid #858585;border-bottom:1.5px solid #858585;transform:rotate(45deg);margin:-4px 3px 0 5px!important}.account-dropdown[open] .account-chevron{transform:rotate(225deg);margin-top:2px!important}.account-dropdown[open] .account-avatar{border-color:#999}.account-panel{top:calc(100% + 11px)}@media(max-width:600px){.account-dropdown .account-avatar{width:34px;height:34px}.account-dropdown summary{min-height:42px;gap:8px}}

.detail-owner-stats{font-size:12px;padding:10px 18px;min-height:38px;white-space:nowrap}.detail-statistics .section-heading{align-items:center}@media(max-width:600px){.detail-owner-stats{font-size:11px;padding:9px 13px;min-height:35px}}

.detail-heading .detail-domain-link{width:fit-content;text-decoration:none}.detail-heading .detail-domain-link:hover{color:#171717;text-decoration:none}

/* Refreshed website profile */
.website-detail.detail-redesign{max-width:none;padding:0;border:0;margin:26px 0 64px;background:transparent}.detail-profile{padding:30px 32px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#fafafa,#fff 65%)}.detail-kicker{font-size:11px;color:#888}.detail-redesign .detail-heading{margin:22px 0 0;gap:20px}.detail-redesign .detail-heading>div{min-width:0}.detail-redesign .detail-heading h1{font-size:36px;line-height:1.4;letter-spacing:-1px}.detail-redesign .detail-heading .site-icon{width:76px;height:76px;border-radius:20px;flex-shrink:0;background:#fff}.detail-redesign .detail-heading .site-icon img{width:44px;height:44px}.detail-redesign .detail-heading .domain{display:block;font-size:14px;margin-top:7px}.detail-redesign .detail-heading .website-status{border:0;background:transparent;padding:0;font-size:11px}.detail-redesign .website-status[data-state="online"]::before{background:#20a34a}.detail-redesign .detail-description{font-size:14px;line-height:1.9;color:#666;max-width:760px;margin:22px 0 0}
.detail-redesign .detail-statistics{border:0;padding-top:0;margin-top:32px}.detail-redesign .section-heading{margin-bottom:18px}.detail-redesign .section-heading h2{font-size:22px;margin:0 0 5px}.detail-redesign .analytics-period{font-size:11px;color:#888}.detail-redesign .detail-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.detail-redesign .detail-summary>div{min-width:0;padding:22px 18px;border-radius:14px}.detail-redesign .detail-summary .online-summary{grid-column:auto;display:block;background:#171717!important;border-color:#171717;color:#fff}.detail-redesign .detail-summary span{font-size:11px;line-height:1.7}.detail-redesign .detail-summary strong{font-size:34px;line-height:1.3;margin:16px 0 0;letter-spacing:-.8px}.detail-redesign .online-summary span{color:#ddd}.detail-redesign .online-summary small{display:block;font-size:9px;color:#aaa;margin-top:3px}.detail-live-dot{display:inline-block;width:6px;height:6px;background:#4ade80;border-radius:50%;margin-right:6px}
.detail-chart-card{border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:28px}.detail-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-redesign .detail-chart-heading h3{font-size:16px;margin:0}.detail-chart-heading>span{font-size:11px;color:#888}.detail-chart{height:180px;display:flex;align-items:flex-end;gap:7px;margin-top:30px;border-bottom:1px solid #ddd;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#f1f1f1 calc(25% - 1px),#f1f1f1 25%)}.detail-chart-column{height:100%;flex:1;min-width:0;display:flex;align-items:flex-end;position:relative}.detail-chart-bar{width:100%;min-height:2px;background:#414141;border-radius:4px 4px 0 0}.detail-chart-bar[data-empty="true"]{background:#ddd}.detail-chart-column:hover .detail-chart-bar,.detail-chart-column:focus .detail-chart-bar{background:#999}.detail-chart-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#171717;color:#fff;padding:5px 8px;border-radius:6px;font-size:10px;z-index:2;pointer-events:none}.detail-chart-column:hover .detail-chart-tip,.detail-chart-column:focus .detail-chart-tip{display:block}.detail-chart-column:first-child .detail-chart-tip{left:0;transform:none}.detail-chart-column:last-child .detail-chart-tip{left:auto;right:0;transform:none}.detail-chart-axis{display:flex;justify-content:space-between;margin-top:10px;color:#888;font-size:10px}.detail-chart-empty{text-align:center;color:#888;font-size:12px;margin:18px 0 0}.detail-daily-title{display:flex;justify-content:space-between;align-items:center}.detail-daily-title small{font-size:11px;font-weight:400;color:#888}.detail-redesign .analytics-table{border-radius:14px}.detail-redesign .analytics-table th{background:#fafafa;font-size:11px;font-weight:400;color:#888}.detail-redesign .analytics-table td{font-size:12px;font-variant-numeric:tabular-nums}.detail-redesign .analytics-table td,.detail-redesign .analytics-table th{padding:17px 22px;text-align:right}.detail-redesign .analytics-table td:first-child,.detail-redesign .analytics-table th:first-child{text-align:left}
@media(max-width:950px){.detail-redesign .detail-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-redesign .detail-summary .online-summary{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.detail-redesign .online-summary strong{margin:0}}
@media(max-width:600px){.website-detail.detail-redesign{margin-top:16px}.detail-profile{padding:20px;border-radius:15px}.detail-redesign .detail-heading{gap:14px;margin-top:18px}.detail-redesign .detail-heading h1{font-size:26px;letter-spacing:-.5px}.detail-redesign .detail-heading .site-icon{width:58px;height:58px;border-radius:15px}.detail-redesign .detail-heading .site-icon img{width:34px;height:34px}.detail-redesign .detail-heading .domain{font-size:12px}.detail-redesign .detail-description{font-size:13px;margin-top:18px}.detail-redesign .detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-redesign .detail-summary>div{padding:17px}.detail-redesign .detail-summary strong{font-size:29px}.detail-redesign .section-heading h2{font-size:20px}.detail-chart-card{padding:18px 14px}.detail-chart{gap:4px;height:150px}.detail-chart-tip{font-size:9px}.detail-redesign .analytics-table td,.detail-redesign .analytics-table th{padding:14px 10px}}

.detail-chart-column svg.detail-chart-bar{height:100%;background:transparent;border-radius:0;fill:#414141}.detail-chart-column svg.detail-chart-bar[data-empty="true"]{fill:#ddd;background:transparent}.detail-chart-column:hover svg.detail-chart-bar,.detail-chart-column:focus svg.detail-chart-bar{fill:#999;background:transparent}

/* Add website form */
.add-page{max-width:760px;margin:40px auto 64px}.add-page-heading{display:flex;align-items:center;gap:15px;margin-bottom:25px}.add-page-symbol{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:#171717;color:#fff;font-size:29px;font-weight:300;border-radius:14px}.add-page-heading h1{font-size:29px;font-weight:650;letter-spacing:-.6px;line-height:1.4;margin:0}.add-page-heading>div>span{font-size:11px;color:#999;display:block;margin-top:3px}.add-page .add-form-redesign{max-width:none;margin:0;padding:0;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #00000003}.add-form-section{padding:28px 30px}.add-form-section+.add-form-section{border-top:1px solid var(--line)}.add-section-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}.add-section-title>span{font-size:10px;color:#888;background:#f3f3f3;border-radius:6px;padding:5px 8px;font-variant-numeric:tabular-nums}.add-page .add-section-title h2{font-size:16px;margin:0;font-weight:600}.add-section-title small{margin-left:auto;font-size:11px;font-weight:400;color:#999}.add-page .add-form-redesign label{display:block;font-size:12px;font-weight:500;margin:0 0 8px;color:#555}.add-page .add-form-redesign input,.add-page .add-form-redesign textarea{display:block;width:100%;margin:0;padding:13px 15px;border:1px solid #ddd;border-radius:9px;background:#fff;font-size:14px;line-height:1.65;transition:border-color .15s,box-shadow .15s}.add-page .add-form-redesign input:focus,.add-page .add-form-redesign textarea:focus{border-color:#888;box-shadow:0 0 0 3px #17171708;outline:none}.add-page .add-form-redesign input::placeholder,.add-page .add-form-redesign textarea::placeholder{color:#aaa}.add-url-row{display:flex;align-items:stretch;gap:10px}.add-url-row input{flex:1;min-width:0}.add-page .metadata-fetch{flex-shrink:0;border-radius:9px;padding:0 17px;font-size:12px;background:#f4f4f4;border-color:#e4e4e4;color:#333}.add-page .metadata-fetch:hover{background:#e9e9e9}.add-page .metadata-controls{min-height:16px;margin:7px 0 13px}.add-page .metadata-status{font-size:11px}.add-page textarea{resize:vertical;min-height:116px;max-height:350px}.add-form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 30px;background:#fafafa;border-top:1px solid var(--line)}.add-form-actions>a{font-size:12px;color:#777;padding:8px 0}.add-form-actions .button{gap:10px;font-size:13px;padding:12px 24px;border-radius:9px}.add-form-actions .button>span{font-size:20px;line-height:1;font-weight:400}
@media(max-width:600px){.add-page{margin:25px auto 40px}.add-page-heading{gap:12px;margin-bottom:20px}.add-page-heading h1{font-size:25px}.add-page-symbol{width:42px;height:42px;border-radius:12px;font-size:26px}.add-form-section{padding:23px 20px}.add-section-title{margin-bottom:18px}.add-page .add-form-redesign input,.add-page .add-form-redesign textarea{font-size:16px;padding:12px}.add-url-row{flex-wrap:wrap;gap:9px}.add-url-row input{flex-basis:100%}.add-page .metadata-fetch{min-height:40px;padding:9px 13px}.add-form-actions{padding:17px 20px}.add-form-actions .button{padding:12px 20px}.add-page .add-form-redesign{border-radius:14px}}

.detail-links{margin-top:30px}.detail-links-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.detail-links h2{font-size:22px;margin:0}.detail-links-heading>span{font-size:11px;color:#888}.detail-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-link-group{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.detail-link-group h3{display:flex;justify-content:space-between;align-items:center;margin:0;padding:18px 20px;background:#fafafa;font-size:14px;font-weight:600}.detail-link-group h3>span{font-size:11px;color:#888;font-weight:400}.detail-link-group ul{list-style:none;padding:0;margin:0;max-height:440px;overflow:auto}.detail-link-group li+li{border-top:1px solid #eee}.detail-link-group a{display:block;padding:15px 20px;text-decoration:none;overflow-wrap:anywhere}.detail-link-group a:hover{background:#fafafa}.detail-link-group a strong{display:block;font-size:13px;font-weight:500}.detail-link-group a>span{display:block;font-size:11px;color:#888;margin-top:5px}.detail-links-empty{font-size:12px;color:#888;padding:18px 20px;margin:0}@media(max-width:600px){.detail-links-grid{grid-template-columns:1fr;gap:14px}.detail-links-heading{align-items:flex-start;flex-direction:column;gap:6px}.detail-links h2{font-size:20px}.detail-link-group a{padding:14px 16px}}

.detail-link-group .detail-link-item>a{display:flex;gap:11px;align-items:flex-start}.detail-link-group .external-link-copy{display:block;min-width:0;margin:0;color:inherit}.external-link-copy>strong{display:block;font-size:13px;font-weight:500}.external-link-copy>span{display:block;font-size:11px;color:#888;margin-top:5px}.detail-link-group .external-link-logo{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;margin:0;border:1px solid #eee;border-radius:9px;background:#fafafa}.external-link-logo img{object-fit:contain}.external-link-logo img[hidden]{display:none}.external-link-status{display:flex;align-items:center;gap:5px;margin:-6px 20px 13px 65px;font-size:10px;color:#999;width:fit-content}.external-link-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#aaa;flex-shrink:0}.external-link-status[data-state="online"]{color:#555}.external-link-status[data-state="online"]::before{background:#20a34a}.external-link-status[data-state="error"]::before{background:#d75b5b}.external-link-status[data-state="restricted"]::before{background:#b58a35}@media(max-width:600px){.external-link-status{margin-left:61px;margin-right:16px}}

footer{flex-direction:column;gap:22px}.footer-socials{display:flex;align-items:center;justify-content:center;gap:8px 20px;flex-wrap:wrap}.footer-socials a{display:inline-flex;align-items:center;gap:7px;color:#777;font-size:11px;padding:7px 0;text-decoration:none}.footer-socials a:hover{color:#171717}.footer-socials svg{display:block;flex-shrink:0}.footer-socials+ .footer-badge{margin:0}@media(max-width:600px){.footer-socials{gap:4px 16px}.footer-socials a{font-size:10px;min-height:38px}.footer-socials svg{width:16px;height:16px}}

.rss-page{max-width:680px;margin:45px auto 70px}.rss-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#171717;color:#fff}.rss-page h1{font-size:32px;margin:22px 0 8px;letter-spacing:-.5px}.rss-page>p{font-size:14px;color:#888;margin:0 0 25px}.rss-card{border:1px solid var(--line);border-radius:16px;padding:28px}.rss-card label{display:block;font-size:12px;color:#777;margin-bottom:10px}.rss-card input{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;background:#fafafa;font-size:14px}.rss-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.rss-card small{display:block;font-size:11px;color:#888;line-height:1.8;margin-top:22px}@media(max-width:600px){.rss-page{margin:26px auto 40px}.rss-page h1{font-size:27px}.rss-card{padding:20px}.rss-card input{font-size:13px}}

/* Profile settings */
.profile-page{max-width:1040px;margin:36px auto 64px}.profile-page-heading{display:flex;align-items:center;gap:15px;margin-bottom:26px}.profile-page-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#171717;color:#fff;flex-shrink:0}.profile-page-heading>div{min-width:0}.profile-page-heading h1{font-size:29px;line-height:1.4;letter-spacing:-.6px;margin:0}.profile-page-heading>div>span{display:block;font-size:12px;color:#888;margin-top:5px;overflow-wrap:anywhere}.profile-page .profile-settings{max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:0;align-items:start}.profile-settings .profile-identity-card{grid-column:1;grid-row:1/3}.profile-settings .profile-email-card{grid-column:2;grid-row:1}.profile-settings .password-settings{grid-column:2;grid-row:2}.profile-page .profile-settings .form-card{padding:26px;border-radius:16px;min-width:0;box-shadow:0 6px 24px #00000002}.profile-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:24px}.profile-card-heading>span{padding:5px 8px;font-size:10px;font-variant-numeric:tabular-nums;color:#888;background:#f3f3f3;border-radius:6px}.profile-page .profile-card-heading h2{font-size:17px;font-weight:600;margin:0}.profile-page .profile-settings label{font-size:12px;color:#555;font-weight:500;margin:0 0 18px;display:block}.profile-page .profile-settings input:not([type="checkbox"]){width:100%;padding:12px 14px;margin-top:8px;border:1px solid #ddd;border-radius:9px;font-size:14px;background:#fff;line-height:1.6}.profile-page .profile-settings input[readonly]{background:#f7f7f7;color:#888}.profile-page .profile-settings input:focus{border-color:#888;outline:0;box-shadow:0 0 0 3px #17171708}.profile-page .profile-settings input[type="checkbox"]:focus-visible{outline:2px solid #777;outline-offset:3px}.profile-page .profile-avatar-editor{display:flex;flex-direction:column;align-items:center;gap:19px;padding:24px 16px;background:#fafafa;border:1px solid #eee;border-radius:12px;margin:0 0 22px;text-align:center}.profile-page .profile-avatar-preview{width:96px;height:96px;background:white;border:1px solid #ddd;box-shadow:0 0 0 5px #fff;font-size:32px}.profile-page .profile-avatar-editor>div:last-child{width:100%}.profile-page .profile-avatar-editor label{font-size:12px;margin:0}.profile-page .profile-settings input[type="file"]{font-size:11px;padding:8px;max-width:300px;margin:9px auto 0;text-align:left}.profile-page input[type="file"]::file-selector-button{font:inherit;border:0;background:#ededed;color:#444;padding:7px 10px;border-radius:5px;margin-right:10px;cursor:pointer}.profile-page .profile-settings .avatar-remove{display:flex;gap:7px;align-items:center;font-size:11px;margin:0 0 20px}.profile-page .avatar-hint{margin-top:10px}.profile-card-actions{display:flex;justify-content:flex-end;border-top:1px solid #eee;padding-top:18px;margin-top:23px}.profile-page .profile-settings .button{font-size:12px;border-radius:9px;padding:11px 19px;min-height:42px;margin:0}.profile-page .password-settings label{max-width:none}
@media(max-width:760px){.profile-page .profile-settings{grid-template-columns:1fr;gap:16px}.profile-settings .profile-identity-card,.profile-settings .profile-email-card,.profile-settings .password-settings{grid-column:auto;grid-row:auto}.profile-page{max-width:560px;margin-top:25px}.profile-page .profile-avatar-editor{flex-direction:row;align-items:center;text-align:left;padding:20px 16px}.profile-page .profile-avatar-editor>div:last-child{width:auto;flex:1}.profile-page .profile-avatar-preview{width:76px;height:76px}.profile-page .profile-settings input[type="file"]{max-width:100%;margin-top:7px}}
@media(max-width:600px){.profile-page-heading{gap:12px;margin-bottom:20px}.profile-page-heading h1{font-size:25px}.profile-page-mark{width:42px;height:42px;border-radius:12px}.profile-page .profile-settings .form-card{padding:22px 20px;border-radius:14px}.profile-page .profile-settings input:not([type="checkbox"]){font-size:16px}.profile-page .profile-settings input[type="file"]{font-size:10px;padding:6px}.profile-page .profile-avatar-editor{gap:13px;padding:18px 12px}.profile-page .profile-avatar-preview{width:64px;height:64px}.profile-page .avatar-hint{font-size:9px}.profile-card-heading{margin-bottom:20px}}

.website-visibility{border:0;border-top:1px solid var(--line);padding:24px 30px;margin:0;display:flex;gap:14px;flex-wrap:wrap}.website-visibility legend{float:left;width:100%;font-size:13px;font-weight:600;padding:0;margin-bottom:14px}.add-page .website-visibility label{display:flex;align-items:flex-start;gap:9px;flex:1;min-width:180px;padding:14px;border:1px solid #ddd;border-radius:9px;margin:0}.add-page .website-visibility input[type="radio"]{width:16px;height:16px;padding:0;margin:3px 0 0;accent-color:#171717;flex-shrink:0}.website-visibility small{display:block;font-size:10px;font-weight:400;color:#888;margin-top:4px}.website-visibility label:has(input:checked){border-color:#555;background:#fafafa}.visibility-form{min-width:110px;display:grid;gap:7px}.visibility-form label{font-size:10px;color:#888}.visibility-form select{border:1px solid #ddd;border-radius:6px;padding:7px;font-size:11px;background:#fff}.visibility-form button{font-size:10px;padding:6px;border:1px solid #ddd;border-radius:6px;background:#f5f5f5}@media(max-width:600px){.website-visibility{padding:22px 20px}.add-page .website-visibility label{min-width:100%}}

.tracker-verified{display:inline-block;font-size:12px;line-height:1;vertical-align:middle;margin-left:4px}.tracker-verified[hidden]{display:none}.detail-heading h1 .tracker-verified{font-size:18px}@media(max-width:600px){.tracker-verified{font-size:11px}.detail-heading h1 .tracker-verified{font-size:15px}}

/* Monochrome verification seal */
.tracker-verified{display:inline-flex;align-items:center;justify-content:center;color:#222;vertical-align:-3px;margin-left:2px;line-height:1}.tracker-verified .verified-icon{display:block;width:17px;height:17px;flex-shrink:0}.detail-heading h1 .tracker-verified{vertical-align:middle;margin-left:3px}.detail-heading h1 .verified-icon{width:24px;height:24px}.tracker-verified[hidden]{display:none}@media(max-width:600px){.tracker-verified .verified-icon{width:15px;height:15px}.detail-heading h1 .verified-icon{width:21px;height:21px}}

/* Verification tooltip */
.tracker-verified{position:relative;cursor:default;overflow:visible}.tracker-verified::after{content:attr(data-verify-label);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(3px);background:rgba(45,45,45,.92);color:#fff;white-space:nowrap;padding:10px 15px;border-radius:11px;box-shadow:0 5px 18px #0002;font:500 13px/1.6 'Sarabun','Noto Sans Thai',sans-serif;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;z-index:1100;transition:opacity .15s,transform .15s}.tracker-verified:hover::after,.tracker-verified:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.tracker-verified::after{transition:none}}

.website-cell .website-domain-link{display:block;width:fit-content;text-decoration:none}.website-cell .website-domain-link:hover{color:#171717}

.brand .brand-live-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.brand-live-badge img{display:block;width:24px;height:24px}.brand .brand-wordmark{color:var(--ink);text-decoration:none}

.site-header .brand-mark{width:24px;height:24px;flex-shrink:0;border-radius:0;clip-path:none;mask:none;background:transparent;box-shadow:none}

/* Preserve the original shape of profile images. */
.account-dropdown .account-avatar{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:visible}.account-dropdown .account-avatar img{border-radius:0;object-fit:contain}.profile-page .profile-avatar-preview{border-radius:0;background:transparent;border:0;box-shadow:none}.profile-avatar-preview img{border-radius:0;object-fit:contain}

.website-edit{display:block;text-align:center;border:1px solid #ddd;border-radius:7px;padding:8px 12px;font-size:11px;margin-bottom:12px;background:#fff}.website-edit:hover{background:#f5f5f5}

.delete-dialog{width:min(440px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #e5e5e5;border-radius:20px;padding:28px;color:#171717;background:#fff;box-shadow:0 24px 80px #0003}.delete-dialog::backdrop{background:#17171766;backdrop-filter:blur(3px)}.delete-dialog-heading{display:flex;align-items:center;justify-content:space-between}.delete-dialog-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff1f1;color:#c83b3b}.delete-dialog-close{border:0;background:transparent;color:#888;font-size:25px;line-height:1;padding:8px;border-radius:8px}.delete-dialog-close:hover{background:#f5f5f5}.delete-dialog h2{font-size:24px;margin:22px 0 18px;letter-spacing:-.4px}.delete-dialog-site{padding:14px 16px;border:1px solid #eee;border-radius:10px;background:#fafafa;overflow-wrap:anywhere}.delete-dialog-site strong{display:block;font-size:14px;font-weight:600}.delete-dialog-site span{display:block;font-size:12px;color:#888;margin-top:5px}.delete-dialog p{font-size:12px;color:#777;line-height:1.9;margin:16px 0 24px}.delete-dialog-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #eee;padding-top:20px}.delete-dialog-actions .button{font-size:12px;min-height:42px;padding:11px 20px}.delete-dialog-submit{background:#c73535;color:#fff}.delete-dialog-submit:hover{background:#ad2929;color:#fff}@media(max-width:600px){.delete-dialog{padding:23px;border-radius:16px}.delete-dialog h2{font-size:22px}.delete-dialog-actions .button{flex:1}}

.online-pages-card{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:16px}.online-pages-card h2{font-size:20px;margin:0}.online-pages-list{font-size:12px;color:#777}.online-page-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-top:1px solid #eee}.online-page-row>span{overflow-wrap:anywhere;min-width:0}.online-page-row strong{font-size:12px;color:#333;white-space:nowrap;font-weight:500}.online-pages-card>small{display:block;color:#999;font-size:10px;margin-top:14px}@media(max-width:600px){.online-pages-card{padding:20px 16px}.online-pages-card h2{font-size:18px}}

.online-page-row>a{min-width:0;overflow-wrap:anywhere;color:#777;text-decoration:none}.online-page-row>a:hover,.online-page-row>a:focus{color:#171717;text-decoration:none}