:root{--ink-950:#09291b;--ink-900:#103d28;--green-800:#17643d;--green-700:#238653;--green-600:#2da968;--green-500:#42c47b;--green-300:#a9e2bc;--green-200:#cdeed7;--green-100:#e3f6e8;--green-50:#f2fbf5;--page:#f1f8f3;--surface:#fff;--surface-2:#f8fcf9;--line:#d7e9dc;--line-strong:#b9d9c3;--ink:var(--ink-950);--muted:#698073;--muted-strong:#4e6758;--accent:var(--green-700);--accent-strong:var(--green-800);--accent-soft:var(--green-100);--danger:#c34e5a;--danger-soft:#fff0f1;--shadow-soft:0 8px 26px #124b2c12;--shadow-card:0 18px 55px #124b2c1f;--shadow-button:0 8px 18px #23865338;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--ink);background:var(--page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--page:#07170f;--surface:#0e2418;--surface-2:#132d1f;--line:#244b35;--line-strong:#326746;--ink:#effaf2;--muted:#a8c3af;--muted-strong:#c4ddca;--accent:#61d48d;--accent-strong:#8be5aa;--accent-soft:#153a25;--danger:#ff9a9f;--danger-soft:#3b1c21;--shadow-soft:0 8px 26px #0000002e;--shadow-card:0 18px 55px #00000047;--shadow-button:0 8px 18px #155c3457;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{background:radial-gradient(circle at 0% 0%, #42c47b21, transparent 30rem), var(--page);min-width:320px;min-height:100svh;color:var(--ink);margin:0}#root{width:100%;min-height:100svh}button,input,select{font:inherit}button,select,input{border-radius:12px}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible,.auth-link:focus-visible{outline-offset:3px;outline:3px solid #42c47b4d}h1,h2,p{margin:0}h1,h2{color:var(--ink);letter-spacing:-.045em}h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.03}h2{font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.08}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;font-size:.73rem;font-weight:800;line-height:1.2;display:inline-flex}.eyebrow:before{width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-soft);content:"";background:currentColor;border-radius:50%}.primary-button,.secondary-button{min-height:46px;padding:0 18px;font-size:.9rem;font-weight:750;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}.primary-button{color:#fff;background:linear-gradient(135deg, var(--green-700), var(--green-600));box-shadow:var(--shadow-button)}.primary-button:hover:not(:disabled){background:linear-gradient(135deg, var(--green-800), var(--green-700));transform:translateY(-2px);box-shadow:0 12px 24px #23865347}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.48}.secondary-button{border:1px solid var(--line-strong);color:var(--accent-strong);background:var(--surface);box-shadow:var(--shadow-soft)}.secondary-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.auth-shell{place-items:center;min-height:100svh;padding:40px 24px;display:grid}.auth-layout{border:1px solid var(--line);background:var(--surface);width:min(100%,1120px);box-shadow:var(--shadow-card);border-radius:32px;grid-template-columns:minmax(0,.95fr) minmax(420px,.8fr);display:grid;overflow:hidden}.auth-intro{color:#f1fff4;background:radial-gradient(circle at 84% 8%,#64e28f5c,#0000 15rem),radial-gradient(circle at 18% 72%,#349e5f52,#0000 19rem),linear-gradient(145deg,#0d3925 0%,#0b2b1d 55%,#061a11 100%);flex-direction:column;justify-content:flex-end;min-height:650px;padding:52px;display:flex;position:relative;overflow:hidden}.auth-intro:before,.auth-intro:after{content:"";pointer-events:none;border:1px solid #bfffd029;border-radius:50%;position:absolute}.auth-intro:before{width:470px;height:470px;top:-170px;right:-110px}.auth-intro:after{width:570px;height:570px;bottom:-290px;right:90px}.brand-mark{color:#d7ffdf;width:48px;height:48px;font-family:var(--mono);background:#ffffff14;border:1px solid #d9ffe047;border-radius:15px;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:48px;left:52px;box-shadow:inset 0 1px #ffffff1f}.auth-intro .eyebrow{z-index:1;color:#9ee8b4;position:relative}.auth-intro .eyebrow:before{background:#9ee8b4;box-shadow:0 0 0 4px #9ee8b426}.auth-intro h1{z-index:1;color:#f1fff4;max-width:540px;margin-top:18px;font-size:clamp(2.5rem,5vw,4.3rem);line-height:.98;position:relative}.auth-intro-copy{z-index:1;color:#e8fcedb8;max-width:430px;margin-top:22px;font-size:1rem;line-height:1.7;position:relative}.auth-proof{z-index:1;color:#e8fcedc7;border-top:1px solid #ddffe529;align-items:center;gap:12px;max-width:390px;margin-top:46px;padding-top:20px;font-size:.82rem;line-height:1.5;display:flex;position:relative}.proof-icon{color:#0c3b24;background:#a8e9b7;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:.8rem;font-weight:900;display:grid}.auth-card{background:var(--surface);flex-direction:column;justify-content:center;min-width:0;padding:58px clamp(32px,6vw,76px);display:flex}.auth-form-card{width:100%}.auth-form-card h2{margin-top:18px}.form-lead{color:var(--muted);margin-top:14px;font-size:.94rem;line-height:1.65}.auth-form-card form{gap:9px;margin-top:34px;display:grid}.field-label{color:var(--muted-strong);margin-top:6px;font-size:.78rem;font-weight:750}.auth-form-card input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:var(--surface-2);outline:none;padding:0 15px;transition:border-color .16s,box-shadow .16s,background .16s}.auth-form-card input::placeholder{color:var(--muted);opacity:.78}.auth-form-card input:focus{border-color:var(--green-500);background:var(--surface);box-shadow:0 0 0 4px #42c47b21}.auth-form-card .primary-button{width:100%;margin-top:14px}.auth-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:28px;padding-top:22px;display:flex}.auth-link{color:var(--accent);cursor:pointer;font-size:.78rem;font-weight:750;line-height:1.5;text-decoration:none;transition:color .16s}.auth-link:hover{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.state-card{border:1px solid var(--line);width:calc(100% - 48px);max-width:1100px;min-height:120px;color:var(--muted-strong);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:20px;justify-content:center;align-items:center;gap:12px;margin:42px auto;font-size:.9rem;font-weight:650;display:flex}.loading-orb{border:2px solid var(--green-200);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.state-error{color:var(--danger);border-color:#c34e5a47}.state-icon{color:#fff;background:var(--danger);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.78rem;font-weight:900;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.problems-page{min-height:100svh;padding:52px 24px 60px}.problems-header{justify-content:space-between;align-items:flex-end;gap:28px;width:calc(100% - 48px);max-width:1100px;margin:0 auto 36px;display:flex}.problems-header h1{margin-top:16px}.problems-header p{color:var(--muted);margin-top:13px;font-size:.98rem}.filter-control{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:14px;align-items:center;gap:10px;padding:7px 7px 7px 14px;display:flex}.filter-control label{color:var(--muted);font-size:.78rem;font-weight:750}.filter-control select,.language-control select{border:1px solid var(--line);min-height:38px;color:var(--ink);background-color:var(--surface-2);cursor:pointer;outline:none;padding:0 30px 0 11px}.filter-control select:focus,.language-control select:focus{border-color:var(--green-500);box-shadow:0 0 0 4px #42c47b1f}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;width:calc(100% - 48px);max-width:1100px;margin:0 auto;display:grid}.submissions-page{min-height:100svh;padding:52px 24px 60px}.submissions-heading{justify-content:space-between;align-items:flex-end;gap:18px;width:calc(100% - 48px);max-width:1100px;margin:0 auto 22px;display:flex}.submissions-heading h1{margin-top:8px}.submissions-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;width:calc(100% - 48px);max-width:1100px;margin:0 auto;display:grid}.submissions-grid .submission-card{border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;min-height:116px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.submissions-grid .submission-card:hover{border-color:var(--green-300);box-shadow:var(--shadow-card);transform:translateY(-3px)}.submissions-grid .submission-card .secondary-button{align-self:flex-end;min-height:38px;margin-left:auto;padding:8px 12px;font-size:.85rem}.problem-card{border:1px solid var(--line);background:var(--surface);min-height:104px;box-shadow:var(--shadow-soft);cursor:pointer;border-radius:18px;align-items:center;gap:17px;padding:17px 19px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.problem-card:hover{border-color:var(--green-300);box-shadow:var(--shadow-card);transform:translateY(-3px)}.problem-number{width:44px;height:44px;color:var(--accent-strong);background:var(--accent-soft);font-family:var(--mono);border-radius:14px;flex:0 0 44px;place-items:center;font-size:.76rem;font-weight:800;display:grid}.problem-card-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.problem-card-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:760;overflow:hidden}.problem-card-copy small{color:var(--muted);font-size:.75rem;font-weight:650}.problem-arrow{width:30px;height:30px;color:var(--muted);background:var(--surface-2);border-radius:50%;flex:0 0 30px;place-items:center;font-size:1rem;transition:color .18s,background .18s,transform .18s;display:grid}.problem-card:hover .problem-arrow{color:#fff;background:var(--accent);transform:translate(2px,-2px)}.pagination{justify-content:flex-end;align-items:center;gap:12px;width:calc(100% - 48px);max-width:1100px;margin:24px auto 0;display:flex}.pagination>span{min-width:64px;color:var(--muted);text-align:center;font-size:.78rem;font-weight:750}.problem-page{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:20px;min-height:100svh;padding:30px;display:grid}.problem-description,.editor-panel{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow-soft);border-radius:24px}.problem-description{flex-direction:column;padding:clamp(24px,4vw,42px);display:flex}.problem-heading{border-bottom:1px solid var(--line);padding-bottom:28px}.problem-heading h1{margin-top:17px;font-size:clamp(2rem,4vw,3.1rem)}.description-body{color:var(--muted-strong);white-space:pre-wrap;padding-top:28px;font-size:.98rem;line-height:1.8}.problem-tip{color:var(--muted);align-items:flex-start;gap:11px;margin-top:auto;padding-top:28px;font-size:.77rem;line-height:1.55;display:flex}.tip-icon{width:24px;height:24px;color:var(--accent-strong);background:var(--accent-soft);border-radius:8px;flex:0 0 24px;place-items:center;font-size:.8rem;display:grid}.editor-panel{flex-direction:column;gap:18px;min-height:620px;padding:19px;display:flex}.editor-toolbar,.editor-footer,.editor-surface-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.editor-title,.editor-subtitle{display:block}.editor-title{color:var(--ink);font-size:.88rem;font-weight:800}.editor-subtitle{color:var(--muted);margin-top:4px;font-size:.72rem}.language-control{color:var(--muted);align-items:center;gap:9px;font-size:.72rem;font-weight:750;display:flex}.language-control select{min-height:35px}.editor-surface{background:#092016;border:1px solid #204d34;border-radius:17px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #d1ffdc12}.editor-surface-header{color:#d5f5dc;font-family:var(--mono);background:#ffffff09;border-bottom:1px solid #caffd81a;padding:13px 17px;font-size:.7rem}.editor-status{color:#83d99d;align-items:center;gap:7px;display:inline-flex}.editor-status i{background:#61d48d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #61d48d1f}.code-editor,.submission-code{color:#d8f8df;font-family:var(--mono);text-align:left;white-space:pre;background:0 0;flex:1;padding:22px;font-size:.82rem;line-height:1.75;display:block;overflow:auto}.editor-surface .token.comment,.editor-surface .token.prolog,.editor-surface .token.doctype,.editor-surface .token.cdata{color:#6f9d7b}.editor-surface .token.punctuation{color:#b8d8c0}.editor-surface .token.property,.editor-surface .token.tag,.editor-surface .token.boolean,.editor-surface .token.number,.editor-surface .token.constant,.editor-surface .token.symbol{color:#f3b56d}.editor-surface .token.selector,.editor-surface .token.attr-name,.editor-surface .token.string,.editor-surface .token.char,.editor-surface .token.builtin,.editor-surface .token.inserted{color:#9fe3ad}.editor-surface .token.operator,.editor-surface .token.entity,.editor-surface .token.url,.editor-surface .token.variable{color:#72d8d2}.editor-surface .token.atrule,.editor-surface .token.attr-value,.editor-surface .token.keyword{color:#d7a7ed}.editor-surface .token.function,.editor-surface .token.function-name,.editor-surface .token.class-name{color:#8fc7ff}.editor-surface .token.regex,.editor-surface .token.important{color:#f28f8f}.editor-footer{align-items:center}.editor-hint{color:var(--muted);font-size:.72rem;line-height:1.45}.submit-button{flex:none;align-items:center;gap:11px;display:inline-flex}.submit-button span{font-size:1.1rem;line-height:0}.profile-page,.submission-page{width:calc(100% - 48px);max-width:820px;margin:0 auto;padding:66px 0 80px}.profile-heading p,.submission-heading>p{color:var(--muted);margin-top:14px}.profile-heading h1,.submission-heading h1{margin-top:16px}.profile-card,.submission-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);border-radius:24px;margin-top:32px;padding:26px}.profile-card{align-items:center;gap:26px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(145deg, var(--green-600), var(--green-800));width:78px;height:78px;box-shadow:var(--shadow-button);border-radius:24px;flex:0 0 78px;place-items:center;font-size:1.8rem;font-weight:800;display:grid}.profile-details{gap:0;width:100%;display:grid}.profile-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.profile-row:last-child{border-bottom:0}.profile-row>span{color:var(--muted);font-size:.78rem;font-weight:700}.profile-row strong{color:var(--ink);text-align:right;font-size:.88rem}.role-badge,.result-badge{background:var(--accent-soft);letter-spacing:.03em;text-transform:capitalize;border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex;color:var(--accent-strong)!important;font-size:.7rem!important}.submission-heading{position:relative}.submission-heading .result-badge{position:absolute;bottom:0;right:0}.result-accepted{background:var(--accent-soft);color:var(--accent-strong)!important}.result-failed{background:var(--danger-soft);color:var(--danger)!important}.submission-summary{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.submission-summary>div{background:var(--surface-2);flex-direction:column;gap:8px;padding:17px;display:flex}.submission-summary span{color:var(--muted);font-size:.72rem;font-weight:700}.submission-summary strong{color:var(--ink);font-family:var(--mono);font-size:.86rem}.submission-error{color:var(--danger);background:var(--danger-soft);border:1px solid #c34e5a38;border-radius:12px;margin-top:16px;padding:14px 16px;font-size:.8rem;line-height:1.55}.submission-code-header{color:var(--muted);margin:26px 0 10px;font-size:.76rem;font-weight:750}.submission-code{background:#092016;border:1px solid #204d34;border-radius:16px;min-height:250px}@media (width<=900px){.auth-layout{grid-template-columns:1fr}.auth-intro{min-height:390px;padding:40px}.brand-mark{top:34px;left:40px}.auth-intro h1{max-width:600px;font-size:clamp(2.35rem,7vw,3.8rem)}.auth-proof{margin-top:28px}.problem-page{grid-template-columns:1fr}.editor-panel{min-height:600px}}@media (width<=680px){.auth-shell{padding:14px}.auth-layout{border-radius:24px}.auth-intro{min-height:350px;padding:32px 28px}.brand-mark{top:25px;left:28px}.auth-intro h1{margin-top:15px;font-size:2.55rem}.auth-intro-copy{margin-top:16px;font-size:.88rem}.auth-proof{margin-top:22px;padding-top:15px;font-size:.75rem}.auth-card{padding:36px 25px 30px}.problems-page{padding:34px 0 48px}.problems-header{flex-direction:column;align-items:flex-start;gap:22px;width:calc(100% - 32px);margin-bottom:26px}.problems-header h1{font-size:2.45rem}.filter-control{justify-content:space-between;width:100%}.filter-control select{flex:1}.problem-grid{grid-template-columns:1fr;width:calc(100% - 32px)}.pagination{width:calc(100% - 32px)}.problem-page{gap:14px;padding:14px}.problem-description{padding:24px}.editor-panel{min-height:570px;padding:14px}.editor-toolbar{flex-direction:column;align-items:flex-start}.language-control{justify-content:space-between;width:100%}.language-control select{flex:1}.editor-footer{flex-direction:column;align-items:stretch}.submit-button{justify-content:center}.profile-page,.submission-page{width:calc(100% - 32px);padding:40px 0 56px}.profile-card{flex-direction:column;align-items:flex-start;padding:20px}.profile-details{width:100%}.submission-heading .result-badge{margin-top:22px;position:static}.submission-card{padding:16px}}@media (width<=420px){.auth-intro h1{font-size:2.25rem}.auth-actions{justify-content:flex-start}.problem-card{gap:12px;padding:14px}.problem-number{border-radius:11px;flex-basis:38px;width:38px;height:38px}.problem-card-copy strong{font-size:.9rem}.pagination{justify-content:space-between}.pagination .secondary-button{padding:0 13px}}.upload-problem-page{width:calc(100% - 48px);max-width:820px;margin:0 auto;padding:40px 0 80px}.upload-problem-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:18px;gap:12px;margin-top:18px;padding:20px;display:grid}.upload-problem-row{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:12px;display:flex}.upload-problem-row span{min-width:120px;color:var(--muted);font-size:.92rem;font-weight:700}.upload-problem-row input,.upload-problem-row textarea{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface-2);border-radius:10px;outline:none;flex:1;padding:10px 12px}.upload-problem-row .test-row{border-radius:10px;flex-direction:column;gap:8px;min-width:220px;max-width:260px;padding:8px 6px;display:flex}.upload-problem-row .test-row input{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;width:100%;min-width:0;padding:8px 10px}.upload-problem-row .test-row button{background:var(--surface);border:1px solid var(--line);min-height:34px;color:var(--muted-strong);cursor:pointer;border-radius:10px;align-self:flex-end;padding:6px 10px}.upload-problem-row>button{align-self:flex-start;margin-left:8px}@media (width<=680px){.upload-problem-row .test-row{flex-direction:row;align-items:center;gap:8px;min-width:100%;max-width:100%}.upload-problem-row .test-row input{flex:1}}.upload-problem-row textarea{resize:vertical;min-height:120px}.upload-problem-card button{background:linear-gradient(135deg, var(--green-700), var(--green-600));color:#fff;box-shadow:var(--shadow-button);cursor:pointer;border:0;border-radius:12px;justify-self:end;margin-top:6px;padding:10px 14px;font-weight:800;transition:transform .16s,box-shadow .16s}.upload-problem-card button:hover:not(:disabled){transform:translateY(-2px)}@media (width<=680px){.upload-problem-row{flex-direction:column;align-items:stretch}.upload-problem-row span{min-width:0}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}