.card{background-color:var(--main-100);border:1px solid var(--border-color);border-radius:var(--simple-radius);box-shadow:var(--simple-shadow);padding:1.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card.fullwidth{width:100%}.card[role=button]{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card[role=button]:focus-visible,.card[role=button]:hover{border-color:var(--accent-200);box-shadow:var(--lifted-shadow);transform:translateY(-2px)}.success.card{background-color:var(--success-100);border-color:var(--success-200)}.secondary.card{background-color:var(--secondary-100)}.danger.card{background-color:var(--danger-100);border-color:var(--danger-200)}.paragraph .highlight{color:var(--accent-300);font-weight:700;letter-spacing:0}.link-container{color:inherit;cursor:pointer;text-decoration:none}.page-container{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:var(--page-container-width);width:100%}.problem-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.filter-option{align-items:center;background-color:var(--secondary-100);border:1px solid #0000;border-radius:var(--simple-radius);color:var(--muted-text-color);cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;min-height:2.75rem;padding:.55rem .8rem;text-transform:capitalize;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.filter-option.active,.filter-option:focus-visible,.filter-option:hover{background-color:var(--main-100);border-color:var(--accent-200);color:var(--text-color);transform:translateY(-1px)}.filter-option.easy.active{border-color:var(--success-300)}.filter-option.medium.active{border-color:var(--warning-300)}.filter-option.hard.active{border-color:var(--danger-300)}.filter-count{align-items:center;background-color:var(--main-200);border-radius:999px;color:var(--text-color);display:inline-flex;font-family:var(--secondary-font-family);font-size:.8rem;height:1.65rem;justify-content:center;min-width:1.65rem;padding:0 .35rem}@media (max-width:768px){.problem-filter{justify-content:stretch}.filter-option{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1}}.page{background-color:var(--background-color);display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;padding:2rem;position:relative;width:100%}@media (max-width:768px){.page{padding:1rem}}.home-page .hero-card{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) auto;padding:1.5rem}.home-page .hero-copy{display:flex;flex-direction:column;gap:.85rem;max-width:760px}.home-page .hero-copy .paragraph{max-width:670px}.home-page .hero-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(7.5rem,1fr))}.home-page .metric-pill{align-items:center;background-color:var(--secondary-100);border:1px solid var(--border-color);border-radius:var(--simple-radius);display:flex;gap:1rem;justify-content:space-between;min-height:4.25rem;padding:.85rem 1rem}.home-page .metric-pill strong{color:var(--text-color);font-family:var(--secondary-font-family);font-size:1.55rem;line-height:1}.home-page .metric-pill span{color:var(--muted-text-color);font-weight:700}.home-page .metric-pill.easy{background-color:var(--success-100);border-color:var(--success-200)}.home-page .metric-pill.medium{background-color:var(--warning-100);border-color:var(--warning-200)}.home-page .metric-pill.hard{background-color:var(--danger-100);border-color:var(--danger-200)}.home-page .solution-toolbar{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(18rem,1fr) auto;padding:.85rem}.home-page .search-control{align-items:center;background-color:var(--secondary-100);border:1px solid var(--border-color);border-radius:var(--simple-radius);color:var(--muted-text-color);display:flex;gap:.75rem;min-height:3rem;padding:0 .9rem}.home-page .search-control svg{flex:0 0 auto}.home-page .search-control input{background:#0000;border:0;color:var(--text-color);min-width:0;outline:0;width:100%}.home-page .search-control:focus-within{background-color:var(--main-100);border-color:var(--accent-200)}.home-page .results-heading{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between}.home-page .page-indicator{color:var(--muted-text-color);font-family:var(--secondary-font-family);font-size:.9rem}.home-page .problem-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.home-page .problem-box{align-items:stretch;animation:enter .35s ease both;background-color:var(--main-100);border:1px solid var(--border-color);border-radius:var(--simple-radius);box-shadow:5px 5px 0 var(--main-200),var(--simple-shadow);color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;min-height:17.5rem;padding:1rem;position:relative;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.home-page .problem-box:focus-visible,.home-page .problem-box:hover{border-color:var(--accent-200);box-shadow:8px 8px 0 var(--main-300),var(--lifted-shadow);transform:translate(-2px,-2px)}.home-page .problem-box.easy{box-shadow:5px 5px 0 var(--success-200),var(--simple-shadow)}.home-page .problem-box.easy:focus-visible,.home-page .problem-box.easy:hover{border-color:var(--success-300);box-shadow:8px 8px 0 var(--success-200),var(--lifted-shadow)}.home-page .problem-box.medium{box-shadow:5px 5px 0 var(--warning-200),var(--simple-shadow)}.home-page .problem-box.medium:focus-visible,.home-page .problem-box.medium:hover{border-color:var(--warning-300);box-shadow:8px 8px 0 var(--warning-200),var(--lifted-shadow)}.home-page .problem-box.hard{box-shadow:5px 5px 0 var(--danger-200),var(--simple-shadow)}.home-page .problem-box.hard:focus-visible,.home-page .problem-box.hard:hover{border-color:var(--danger-300);box-shadow:8px 8px 0 var(--danger-200),var(--lifted-shadow)}.home-page .problem-card-footer,.home-page .problem-card-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.home-page .problem-box-number{color:var(--accent-300);font-family:var(--secondary-font-family);font-size:.95rem;font-weight:800}.home-page .problem-box p{color:var(--muted-text-color);font-size:.95rem;line-height:1.5}.home-page .problem-card-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:.9rem}.home-page .problem-card-footer span{align-items:center;color:var(--muted-text-color);display:inline-flex;font-family:var(--secondary-font-family);font-size:.82rem;font-weight:700;gap:.4rem}.home-page .problem-pagination{align-items:center;align-self:center;display:flex;gap:.75rem}.home-page .action-button,.home-page .pagination-button{align-items:center;background-color:var(--main-100);border:1px solid var(--border-color);border-radius:var(--simple-radius);box-shadow:var(--simple-shadow);color:var(--text-color);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;transition:border-color .2s ease,opacity .2s ease,transform .2s ease;width:3rem}.home-page .pagination-button:focus-visible,.home-page .pagination-button:hover{border-color:var(--accent-200);transform:translateY(-1px)}.home-page .pagination-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.home-page .pagination-button svg{height:1.35rem;width:1.35rem}.home-page .empty-state{display:flex;flex-direction:column;gap:.5rem}@media (max-width:1024px){.home-page .hero-card,.home-page .solution-toolbar{grid-template-columns:1fr}.home-page .problem-filter{justify-content:flex-start}.home-page .problem-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.home-page .hero-card{padding:1rem}.home-page .hero-metrics,.home-page .problem-container{grid-template-columns:1fr}.home-page .solution-toolbar{padding:.75rem}.home-page .results-heading{align-items:flex-start;flex-direction:column}.home-page .problem-box{min-height:14rem}}.details-page .details-nav{align-items:center;display:flex;gap:1rem;justify-content:space-between}.details-page .action-button{align-items:center;background-color:var(--main-100);border:1px solid var(--border-color);border-radius:var(--simple-radius);box-shadow:var(--simple-shadow);color:var(--text-color);cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;min-height:2.75rem;padding:.65rem .9rem;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.details-page .action-button.primary{background-color:var(--accent-100);border-color:#0000;color:var(--accent-300)}.details-page .action-button:focus-visible,.details-page .action-button:hover{border-color:var(--accent-200);box-shadow:var(--lifted-shadow);transform:translateY(-1px)}.details-page .solution-heading{display:flex;flex-direction:column;gap:1rem}.details-page .problem-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.details-page .problem-meta-row span:not(.difficulty-badge){align-items:center;background-color:var(--secondary-100);border-radius:999px;color:var(--muted-text-color);display:inline-flex;font-family:var(--secondary-font-family);font-size:.78rem;font-weight:700;gap:.35rem;min-height:1.75rem;padding:.25rem .65rem}.details-page .solution-code,.details-page .solution-content,.details-page .solution-section{display:flex;flex-direction:column;gap:.75rem;min-width:0}.details-page .solution-content{gap:1rem}.details-page .section-heading{align-items:center;color:var(--accent-300);display:flex;gap:.55rem}.details-page .section-heading svg{flex:0 0 auto}.details-page .section-heading .title{color:var(--text-color)}.details-page .card.danger{background-color:var(--danger-100)}.details-page .card.success{background-color:var(--success-100)}.details-page .card.code{background-color:var(--atom-one-color);border-color:#0000;overflow:hidden;padding:0}.details-page .paragraph.pre{white-space:pre-wrap}.details-page .code-toolbar{align-items:center;background-color:#1f232b;border-bottom:1px solid #ffffff14;color:#c9d1d9;display:flex;font-family:var(--secondary-font-family);font-size:.82rem;font-weight:700;gap:1rem;justify-content:space-between;min-height:3rem;padding:.7rem .9rem .7rem 1rem}.details-page .copy-code-button{align-items:center;background-color:#ffffff14;border:1px solid #ffffff24;border-radius:var(--simple-radius);color:#dbeafe;cursor:pointer;display:inline-flex;font:inherit;gap:.4rem;justify-content:center;min-height:2rem;padding:.35rem .65rem;transition:background-color .2s ease,border-color .2s ease}.details-page .copy-code-button:focus-visible,.details-page .copy-code-button:hover{background-color:#ffffff24;border-color:#ffffff47}.details-page .code-frame{display:grid;grid-template-columns:auto minmax(0,1fr);overflow-x:auto}.details-page .code-line-numbers{background-color:#0000002e;border-right:1px solid #ffffff14;color:#7d8590;font-family:var(--secondary-font-family);font-size:.9rem;line-height:1.6;list-style:none;margin:0;padding:1rem .85rem 1rem 1rem;text-align:right;-webkit-user-select:none;user-select:none}.details-page .shiki-highlight{min-width:0}.details-page .shiki-highlight .shiki,.details-page .shiki-loading{background-color:initial!important;font-size:.92rem;line-height:1.6;margin:0;overflow:visible;padding:1rem}.details-page .shiki-highlight .shiki code,.details-page .shiki-loading{display:block;min-width:-webkit-max-content;min-width:max-content}.details-page .shiki-loading{color:#c9d1d9;font-family:var(--secondary-font-family)}.details-page .empty-state{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.details-page .details-nav{align-items:stretch;flex-direction:column}.details-page .action-button{width:100%}.details-page .code-line-numbers,.details-page .shiki-highlight .shiki,.details-page .shiki-loading{font-size:.82rem}}:root{--main-100:#fff;--main-200:#eef2ff;--main-300:#dbeafe;--secondary-100:#f3f4f6;--secondary-200:#d6dbe6;--secondary-300:#4b5563;--success-100:#ecfdf5;--success-200:#bbf7d0;--success-300:#35b56d;--success-400:#147a46;--warning-100:#fffbeb;--warning-200:#fde68a;--warning-300:#d97706;--danger-100:#fff1f2;--danger-200:#fecdd3;--danger-300:#e11d48;--accent-100:#e0f2fe;--accent-200:#38bdf8;--accent-300:#0369a1;--text-color:#202124;--muted-text-color:#616b7c;--background-color:#f6f7fb;--border-color:#e4e8f0;--atom-one-color:#282c34;--base-font-size:16px;--main-font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--secondary-font-family:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--simple-radius:8px;--simple-shadow:0 14px 30px -24px #0f172abf;--lifted-shadow:0 22px 46px -30px #0f172ae6;--page-container-width:1180px}@media (max-width:1280px){:root{--page-container-width:100%}}html{box-sizing:border-box;font-family:var(--main-font-family);font-size:var(--base-font-size)}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-weight:400;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--secondary-font-family);font-weight:700}ol,ul{list-style:none}img{height:auto;max-width:100%}button,input{font:inherit}button{color:inherit}.title{color:var(--text-color);font-size:2.85rem;letter-spacing:0;line-height:1.05}.title.secondary{font-size:1.25rem;line-height:1.2}.paragraph{color:var(--muted-text-color);font-size:1.05rem;line-height:1.65}.eyebrow{color:var(--accent-300);text-transform:uppercase}.difficulty-badge,.eyebrow{font-family:var(--secondary-font-family);font-size:.78rem;font-weight:700}.difficulty-badge{align-items:center;border-radius:999px;display:inline-flex;min-height:1.75rem;padding:.25rem .65rem;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.difficulty-badge.easy{background-color:var(--success-100);color:var(--success-400)}.difficulty-badge.medium{background-color:var(--warning-100);color:var(--warning-300)}.difficulty-badge.hard{background-color:var(--danger-100);color:var(--danger-300)}@media (max-width:768px){.title{font-size:2.15rem}.title.secondary{font-size:1.1rem}.paragraph{font-size:1rem;line-height:1.55}}@keyframes enter{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}
/*# sourceMappingURL=main.9d4abb11.css.map*/