@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--ink:#151826;--muted:#687083;--line:#e8eaf0;--soft:#f6f7fa;--purple:#6957f5;--purple2:#8a78ff;--navy:#12152a;--green:#15956c;--orange:#f5763b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:DM Sans,sans-serif;background:#fff}a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.landing{overflow:hidden}.topnav{height:76px;justify-content:space-between}.logo,.topnav{display:flex;align-items:center}.logo{gap:10px;font:800 19px Manrope;letter-spacing:-.5px}.logo>span:last-child span{color:var(--purple)}.logo-mark{height:30px;width:30px;border-radius:9px;background:var(--purple);color:#fff;display:grid;place-items:center;box-shadow:0 7px 16px #6757f53d}.navlinks{display:flex;gap:34px;font-size:14px;color:#555d6d}.navlinks a:hover{color:var(--purple)}.nav-actions{display:flex;align-items:center;gap:22px}.text-link{font-size:14px;font-weight:600}.button{border:0;background:var(--purple);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:10px;font-weight:700;font-size:14px;box-shadow:0 8px 20px #6657f52b;cursor:pointer}.button:hover{background:#5845ee;transform:translateY(-1px)}.button.small{padding:10px 15px}.button.ghost{background:#fff;color:var(--ink);border:1px solid #dfe2e9;box-shadow:none}.hero{text-align:center;padding:92px 0 0}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:7px;color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font:800 clamp(46px,6.4vw,78px)/1.04 Manrope;letter-spacing:-4px;margin:20px 0}.hero h1 span{background:linear-gradient(100deg,#5c49ef,#9e68ee);-webkit-background-clip:text;color:transparent}.hero-copy{font-size:19px;line-height:1.6;color:var(--muted);width:min(710px,100%);margin:0 auto}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.microcopy{font-size:12px;color:#8b92a0}.hero-panel{width:min(980px,100%);margin:60px auto -80px;text-align:left;border:1px solid #e3e4eb;border-radius:18px;background:#fff;box-shadow:0 30px 70px #2323401c;overflow:hidden;position:relative;z-index:2}.panel-top{height:52px;background:#fafafd;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px;color:#7c8391}.panel-top>div{font-weight:700;color:#363a46}.status-dot{width:7px;height:7px;border-radius:50%;background:#19b77d;display:inline-block;margin-right:8px;box-shadow:0 0 0 4px #19b77d1a}.opportunity-grid{display:grid;grid-template-columns:1fr 310px}.op-main{padding:35px 42px;position:relative;min-height:260px}.op-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;color:#9197a3}.op-main h3{font:700 26px Manrope;margin:12px 0}.tags{display:flex;gap:8px}.tags span{background:#f1efff;color:#6351d7;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.spark-bars{height:85px;display:flex;align-items:flex-end;gap:9px;margin-top:26px;border-bottom:1px solid var(--line)}.spark-bars i{flex:1 1;background:linear-gradient(#8a78ff,#c8c0ff);border-radius:5px 5px 0 0}.op-score{border-left:1px solid var(--line);padding:25px 30px}.score-ring{width:115px;height:115px;border-radius:50%;background:conic-gradient(var(--purple) 0 87%,#eceefa 87%);position:relative;margin:0 auto 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring:before{content:"";position:absolute;inset:8px;background:white;border-radius:50%}.score-ring span,.score-ring strong{z-index:1}.score-ring strong{font:800 30px Manrope}.score-ring span{font-size:9px;color:var(--muted)}.score-row{display:flex;justify-content:space-between;padding:7px 0;font-size:11px;color:var(--muted)}.score-row b{color:var(--ink)}.trust-strip{background:#f5f4fb;padding:118px 0 34px}.trust-strip .shell{display:flex;align-items:center;justify-content:center;gap:28px;color:#9694a5;font-size:11px;letter-spacing:.11em}.trust-strip span{text-transform:none;letter-spacing:0;color:#6f6d7a}.trust-strip i{width:4px;height:4px;background:#bab7c9;border-radius:50%}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.center-head h2,.final-cta h2,.section-head h2,.workflow h2{font:750 clamp(32px,4vw,50px)/1.1 Manrope;letter-spacing:-2px;margin:12px 0}.section-head>p{width:410px;color:var(--muted);line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature{padding:30px;min-height:290px;border-right:1px solid var(--line);position:relative}.feature:last-child{border:0}.feature>svg{color:var(--purple);margin-top:35px}.feature-index{position:absolute;right:20px;top:18px;color:#b8bdc7;font:700 11px Manrope}.feature h3{font:700 17px/1.35 Manrope;margin:19px 0 9px}.feature p{font-size:13px;line-height:1.65;color:var(--muted)}.feature a{position:absolute;bottom:28px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--purple)}.workflow{background:var(--navy);color:#fff;padding:105px 0}.workflow-grid{display:grid;grid-template-columns:1fr 480px;grid-gap:100px;gap:100px;align-items:center}.kicker.light{color:#a89dff}.workflow p{color:#a9aec1;line-height:1.7;max-width:540px}.safety-list{display:flex;flex-direction:column;gap:13px;margin-top:30px}.safety-list span{display:flex;align-items:center;gap:10px;font-size:13px}.safety-list svg{color:#7e70ef}.comment-card{background:#fff;color:var(--ink);border-radius:16px;padding:24px;box-shadow:0 25px 60px #05071480}.comment-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;font-weight:700}.comment-head small{color:var(--orange);background:#fff1e9;padding:5px 8px;border-radius:6px}.comment{display:flex;gap:13px;padding-top:20px}.avatar{height:36px;width:36px;min-width:36px;border-radius:10px;background:#ece9ff;color:var(--purple);display:grid;place-items:center;font-size:11px;font-weight:800}.comment b{font-size:13px}.comment p{color:#555d6d;font-size:12px;margin:6px 0;line-height:1.55}.ai-draft{background:#f7f6ff;border:1px solid #e4e0ff;border-radius:10px;padding:12px;margin-top:13px;color:var(--purple)}.ai-draft>span{font-size:9px;text-transform:uppercase;font-weight:800;margin-left:5px}.ai-draft p{color:#41465a}.comment-actions{display:flex;gap:8px;margin-top:10px}.comment-actions button{border:0;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:700}.comment-actions button:first-child{background:var(--purple);color:#fff}.center-head{text-align:center}.center-head>p{color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:48px;align-items:center}.price-card{border:1px solid var(--line);padding:31px;border-radius:14px;position:relative}.price-card.popular{border:2px solid var(--purple);padding:40px 31px;box-shadow:0 20px 50px #6957f51a}.popular-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--purple);color:#fff;padding:6px 13px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.price-card h3{font:700 21px Manrope;margin:0}.price-card>p{color:var(--muted);font-size:12px;min-height:36px}.price{margin:24px 0}.price span{font-size:18px;vertical-align:top}.price strong{font:800 42px Manrope}.price small{color:var(--muted)}.price-card .button{width:100%}.button.outline{background:#fff;color:var(--ink);border:1px solid #dfe2e9;box-shadow:none}.price-card ul{list-style:none;padding:20px 0 0;border-top:1px solid var(--line);margin:24px 0 0}.price-card li{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0}.price-card li svg{color:var(--green)}.pricing-note{text-align:center;color:var(--muted);font-size:11px;margin-top:24px}.final-cta{background:linear-gradient(135deg,#6755ef,#8c67ec);border-radius:22px;color:#fff;text-align:center;padding:65px;margin-bottom:90px;box-shadow:0 25px 55px #6657f544}.final-cta h2{font-size:38px}.final-cta p{color:#e3dfff}.light-button{background:#fff;color:var(--purple);box-shadow:none}.landing footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;color:var(--muted);font-size:11px}.landing footer>div{display:flex;gap:20px}.auth-page{min-height:100vh;display:grid;grid-template-columns:45% 55%;background:#fff}.auth-brand{background:linear-gradient(145deg,#17192f,#262044);color:#fff;padding:52px 10%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff12;border-radius:50%;right:-200px;bottom:-100px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.auth-brand h1{font:800 46px/1.1 Manrope;letter-spacing:-2.5px}.auth-brand p{color:#b8bbce;max-width:430px;line-height:1.65}.auth-brand>small{color:#898da5}.auth-form-wrap{padding:45px 12%;display:flex;justify-content:center;flex-direction:column}.back{position:absolute;top:35px;display:flex;gap:7px;align-items:center;color:var(--muted);font-size:12px}.auth-form{max-width:430px;width:100%;margin:auto;text-align:center}.auth-form h2{font:800 29px Manrope;margin:0 0 8px}.auth-form>p{color:var(--muted);font-size:14px}.google-button{display:block;width:100%;margin:25px 0 14px;border:1px solid #dfe2e8;background:#f8f9fb;color:#9a9fac;border-radius:9px;padding:13px;font-weight:700}.google-button span{background:white;border:1px solid var(--line);padding:4px 7px;border-radius:4px;margin-right:7px}.notice{text-align:left;display:flex;gap:11px;background:#f5f3ff;border:1px solid #e5e0ff;color:var(--purple);padding:13px;border-radius:10px;margin:10px 0 18px}.notice p{margin:0;font-size:11px;line-height:1.5;color:#5f5a7b}.auth-demo{width:100%}.flip{transform:rotate(180deg)}.auth-form>small{display:block;color:#9ba0aa;font-size:10px;margin-top:18px}.app-shell{display:flex;min-height:100vh;background:#f5f6f9}.sidebar{width:242px;background:#171a2d;color:#c6cad8;padding:20px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.side-logo{padding:3px 9px 18px;color:white}.side-logo button{display:none}.workspace-switch{display:flex;align-items:center;gap:10px;background:#21253b;border:1px solid #2c3048;padding:10px;border-radius:10px;margin-bottom:24px}.workspace-avatar{height:32px;width:32px;border-radius:8px;display:grid;place-items:center;background:#7160ee;color:#fff;font-size:10px;font-weight:800}.workspace-switch>div:nth-child(2){display:flex;flex-direction:column;flex:1 1}.workspace-switch b{font-size:11px;color:#fff}.workspace-switch span{font-size:9px;color:#858ba1}.nav-group{margin-bottom:19px}.nav-group label{font-size:8px;letter-spacing:.14em;color:#6f758b;font-weight:800;padding:0 11px}.nav-group button,.sidebar-bottom>button{width:100%;border:0;background:transparent;color:#9ca2b6;display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:7px;font-size:12px;text-align:left;cursor:pointer;margin:2px 0}.nav-group button.active,.nav-group button:hover{background:#272b43;color:#fff}.nav-group button.active svg{color:#8c7cff}.nav-group button i{margin-left:auto;background:#e86473;color:#fff;border-radius:10px;padding:2px 6px;font-size:8px;font-style:normal}.sidebar-bottom{margin-top:auto}.account{border-top:1px solid #2a2e43;margin-top:10px;padding:17px 6px 0;display:flex;align-items:center;gap:9px}.avatar.gradient{background:linear-gradient(135deg,#6d5dfc,#b269de);color:#fff}.account>div:nth-child(2){display:flex;flex:1 1;flex-direction:column}.account b{font-size:10px;color:#fff}.account span{font-size:8px;color:#7f859a}.app-main{margin-left:242px;min-width:0;flex:1 1}.app-header{height:65px;background:#fff;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 27px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-header,.search{display:flex;align-items:center}.search{height:36px;width:min(390px,40vw);background:#f5f6f8;border:1px solid #eceef2;border-radius:8px;padding:0 11px;color:#969ca8}.search input{border:0;outline:0;background:transparent;flex:1 1;padding:0 9px;font-size:11px}.search kbd{font-size:9px;background:#fff;border:1px solid #dfe2e8;border-radius:4px;padding:3px 5px}.header-actions{display:flex;align-items:center;gap:10px}.demo-badge{font-size:8px;font-weight:800;letter-spacing:.08em;background:#fff0e8;color:#dd6d36;padding:5px 7px;border-radius:5px}.header-actions>button{border:1px solid var(--line);background:#fff;height:35px;border-radius:8px;display:flex;align-items:center;gap:8px;color:#525968;position:relative}.header-actions>button>i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ef5265;right:7px;top:6px}.channel-button{padding:0 10px;font-size:10px;font-weight:700}.channel-icon{width:20px;height:20px;background:#ee394c;color:#fff;display:grid;place-items:center;border-radius:5px}.mobile-menu{display:none}.app-content{padding:30px;width:min(1320px,100%);margin:auto}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.welcome span{font-size:10px;color:#8c93a0}.welcome h1{font:750 27px Manrope;letter-spacing:-1px;margin:5px 0 2px}.welcome p{font-size:12px;color:var(--muted);margin:0}.insight-banner{background:linear-gradient(95deg,#29224f,#3d326e);color:#fff;display:flex;align-items:center;padding:14px 17px;border-radius:11px;margin-bottom:17px;box-shadow:0 10px 25px #30295c20}.spark-icon{width:38px;height:38px;display:grid;place-items:center;background:#ffffff16;border:1px solid #ffffff1f;border-radius:9px;margin-right:13px;color:#b9afff}.insight-banner>div:nth-child(2){flex:1 1}.insight-banner b{font-size:12px}.insight-banner p{margin:4px 0 0;color:#bbb7d1;font-size:10px}.insight-banner button{background:#fff;color:#352c60;border:0;border-radius:7px;padding:9px 11px;display:flex;gap:6px;align-items:center;font-size:9px;font-weight:800}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px;margin-bottom:13px}.dash-card,.metric{background:#fff;border:1px solid #e7e9ee;border-radius:11px;box-shadow:0 2px 5px #262b3f05}.metric{padding:16px}.metric-top{display:flex;justify-content:space-between;color:#858c99;font-size:10px}.metric-top svg{color:#a7acb5}.metric>strong{display:block;font:750 23px Manrope;margin:10px 0 5px}.metric>small{font-size:8px;color:#9298a3}.metric>small b{color:var(--green);margin-right:3px}.dash-grid{display:grid;grid-template-columns:1.65fr 1fr;grid-gap:13px;gap:13px;margin-bottom:13px}.dash-card{padding:18px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.card-head h2{font:700 13px Manrope;margin:0 0 4px}.card-head p{font-size:9px;color:#9197a2;margin:0}.card-head button,.icon-btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 9px;font-size:9px;color:#636a77;display:flex;align-items:center;gap:5px}.icon-btn{border:0!important}.chart-summary{display:flex;align-items:center;gap:9px;margin-top:18px}.chart-summary strong{font:700 18px Manrope}.chart-summary span{font-size:8px;color:var(--green);background:#eaf8f2;padding:3px 5px;border-radius:4px}.chart{height:185px;margin-top:5px}.trend-list{margin-top:13px}.trend-row{display:grid;grid-template-columns:27px 1fr 47px 33px;grid-gap:9px;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #eff0f3}.trend-num{height:24px;width:24px;display:grid;place-items:center;border-radius:7px;background:#f0f1f5;font-size:9px;font-weight:800}.trend-num.hot{background:#fff0e9;color:#ef6c36}.trend-num.warm{background:#fff6df;color:#c99018}.trend-row>div:nth-child(2){display:flex;flex-direction:column}.trend-row b{font-size:10px}.trend-row small{font-size:8px;color:#9298a4;margin-top:3px}.trend-row>div:nth-child(3){display:flex;flex-direction:column;text-align:right}.trend-row strong{font-size:9px;color:var(--green)}.mini-score{background:#efedff;color:var(--purple);height:25px;border-radius:7px;display:grid;place-items:center}.card-link,.mini-score{font-size:9px;font-weight:800}.card-link{border:0;background:transparent;color:var(--purple);display:flex;gap:4px;align-items:center;margin-top:13px}.lower{grid-template-columns:1.2fr 1fr}.comment-list,.video-table{margin-top:13px}.video-row{display:grid;grid-template-columns:42px 1fr 49px 48px 20px;grid-gap:10px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #f0f1f4}.thumb{width:42px;height:30px;border-radius:6px;display:grid;place-items:center;color:#ffffffbb}.video-row>div:nth-child(2){display:flex;flex-direction:column}.video-row b{font-size:9px}.video-row small{font-size:7px;color:#9399a5;margin-top:3px}.video-row>span,.video-row>strong{font-size:9px;display:flex;flex-direction:column}.video-row>strong{color:var(--green)}.comment-row>button,.video-row button{border:0;background:transparent;color:#969ca8}.comment-row{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #f0f1f4;padding:10px 0}.comment-row>div:nth-child(2){flex:1 1;min-width:0}.comment-row b{font-size:9px;display:flex;align-items:center}.comment-row b span{font-size:7px;color:var(--purple);background:#efedff;padding:2px 5px;border-radius:5px;margin-left:6px}.comment-row p{font-size:8px;color:#777e8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.comment-row>button{color:var(--purple)}.scrim{display:none}@media(max-width:900px){.navlinks{display:none}.hero{padding-top:60px}.hero h1{letter-spacing:-2px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}.workflow-grid{gap:50px}.price-grid,.workflow-grid{grid-template-columns:1fr}.price-card{max-width:480px;width:100%;margin:auto}.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-wrap{min-height:100vh}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.side-logo{display:flex;justify-content:space-between}.side-logo button{display:block;background:transparent;border:0;color:#fff}.app-main{margin-left:0}.mobile-menu{display:block;border:0;background:transparent}.scrim{display:block;position:fixed;inset:0;background:#11152870;z-index:15}.dash-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.text-link{display:none}.hero-actions{flex-direction:column}.opportunity-grid{grid-template-columns:1fr}.op-score{border-left:0;border-top:1px solid var(--line)}.trust-strip .shell{flex-wrap:wrap}.section{padding:75px 0}.section-head{align-items:flex-start;flex-direction:column}.section-head>p{width:auto}.feature-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)!important}.workflow-grid{grid-template-columns:1fr}.comment-card{padding:16px}.final-cta{width:calc(100% - 28px);padding:45px 20px}.landing footer{flex-direction:column;gap:20px}.app-header{padding:0 12px}.search{display:none}.channel-button{max-width:135px}.app-content{padding:18px 12px}.welcome{align-items:flex-start}.welcome .button{padding:10px;font-size:0}.welcome .button svg{margin:0}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.insight-banner p{display:none}.insight-banner button{font-size:0}.video-row{grid-template-columns:42px 1fr 40px}.video-row>button,.video-row>span{display:none}}.google-button.google-active{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 8px 22px #6555e633;cursor:pointer}.google-button.google-active:hover{background:#5848dc;border-color:#5848dc;transform:translateY(-1px)}.google-login-primary{display:flex;width:100%;margin:25px 0 14px;align-items:center;justify-content:center;gap:10px;border:1px solid #5845ee;background:#6957f5;color:#fff;border-radius:10px;padding:15px;font-weight:700;box-shadow:0 9px 24px #6555e640;cursor:pointer;transition:.15s}.google-login-primary span{display:grid;place-items:center;width:28px;height:28px;background:#fff;color:#5c6370;border-radius:6px}.google-login-primary:hover{background:#5845ee;transform:translateY(-1px);box-shadow:0 12px 28px #6555e650}.google-login-primary:focus-visible{outline:3px solid #bcb3ff;outline-offset:3px}.status-banner{margin-bottom:16px;padding:12px 16px;border:1px solid #dcd7ff;border-radius:10px;background:#f5f3ff;color:#51479b;font-size:13px;display:flex;justify-content:space-between;align-items:center}.status-banner button{border:0;background:transparent;color:inherit;cursor:pointer}.empty-state{padding:28px;color:var(--muted);text-align:center}.empty-panel{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-panel p{max-width:580px;color:var(--muted)}.inline-form{display:flex;gap:10px;margin:20px 0}.inline-form input{flex:1 1;border:1px solid var(--line);border-radius:9px;padding:12px 14px}.simple-list>a,.simple-list>div{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-top:1px solid var(--line);gap:18px}.simple-list>a:hover{color:var(--purple)}.simple-list span{display:flex;flex-direction:column;color:var(--ink)}.simple-list small{color:var(--muted);margin-top:4px}.simple-list button{border:0;background:transparent;color:#8b91a0;cursor:pointer}.workspace-switch{width:100%;color:inherit;text-align:left;cursor:pointer}.floating-panel{position:absolute;right:27px;top:57px;width:320px;max-height:430px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 48px #1c203024;padding:18px;z-index:40}.floating-panel.help,.floating-panel.workspace{left:18px;right:auto;top:58px}.floating-panel h3{font:700 15px Manrope;margin:0 28px 12px 0}.floating-panel a,.floating-panel button,.floating-panel p{font-size:12px;line-height:1.5}.floating-panel a{color:var(--purple);font-weight:700}.panel-close{position:absolute;right:10px;top:10px;border:0;background:transparent;cursor:pointer}.panel-item{padding:10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column}.panel-item small{color:var(--muted);margin-top:4px}.comment-list article{border-top:1px solid var(--line);padding:15px 0}.comment-list article>div:first-child{display:flex;justify-content:space-between}.comment-list article small{color:var(--muted)}.comment-list article p{font-size:13px}.reply-box{display:flex;gap:8px}.reply-box input{flex:1 1;border:1px solid var(--line);border-radius:8px;padding:10px}.reply-box .button{padding:9px 13px}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;margin-left:8px}.dash-card>.button{margin-top:12px}