@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#1e3027;--muted:#6c7771;--border:#e3e8e3;--bg:#f7f9f6;--accent:#d6f58b;--green:#245f45;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #4b966b}button{transition:background .15s}button:hover:not(:disabled){filter:brightness(.97)}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:30;background:#fff;flex-direction:column;width:278px;padding:30px 20px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;margin:0 8px 40px;font:800 24px Manrope,sans-serif;display:flex}.brand-icon{background:var(--ink);width:35px;height:35px;color:var(--accent);border-radius:10px;place-items:center;margin-right:10px;display:grid}.brand-light{font-weight:500}.brand-dot{color:#569145}.workspace-label,.pattern-heading{letter-spacing:1.4px;color:#8a938d;margin-bottom:13px;padding:0 13px;font-size:11px;font-weight:700}.nav-item{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;margin-bottom:5px;padding:12px 13px;font-size:14px;display:flex}.nav-item span{color:#6b7770;margin-left:auto;font-size:12px}.nav-item.active{color:#345c36;background:#edf3e6;font-weight:700}.nav-item.active span{background:#dbe8cb;border-radius:4px;padding:2px 5px}.pattern-heading{justify-content:space-between;margin-top:33px;display:flex}.pattern-heading span{letter-spacing:.5px;font-size:10px}.pattern-nav{scrollbar-width:thin;flex:1;margin-right:-10px;padding-right:10px;overflow:auto}.pattern-link{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:11px 9px;font-size:13px;line-height:1.4;display:flex}.pattern-link>span:nth-child(2){flex:1}.pattern-link>span:last-child{color:#8d9690;white-space:nowrap;font-size:11px}.pattern-link.selected{background:#f0f5ed;font-weight:700}.pattern-number{color:#8d9690;min-width:18px;font-size:11px}.pattern-link.selected .pattern-number{color:#4b773b}.complete{color:#257343!important}.sidebar-bottom{border-top:1px solid var(--border);align-items:center;gap:11px;margin-top:18px;padding:19px 6px 0;font-size:12px;display:flex}.sidebar-bottom small{color:var(--muted);margin-top:5px;font-size:11px;display:block}main{flex:1;min-width:0;margin-left:278px}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:15px;height:82px;padding:0 38px;display:flex}.breadcrumb{color:#8b948e;align-items:center;gap:16px;font-size:13px;display:flex}.breadcrumb strong{color:#34453b;font-weight:500}.account{align-items:center;gap:14px;display:flex}.guest-label{color:var(--muted);font-size:12px}.google-button,.outline-button{white-space:nowrap;background:#fff;border:1px solid #dce2da;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:inline-flex}.google-g{color:#4285f4;margin-right:3px;font:700 17px Arial}.avatar{background:var(--accent);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.account-name{font-size:13px}.icon-button{background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.content{max-width:1510px;margin:auto;padding:40px 38px 25px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.6px;color:#769060;margin-bottom:10px;font-size:10px;font-weight:700}h1{letter-spacing:-1.5px;margin:0 0 12px;font:700 clamp(28px,3vw,39px)/1.2 Manrope,sans-serif}p{line-height:1.6}.page-heading p{color:var(--muted);margin:0;font-size:14px}.stats{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:1.35fr 1fr 1fr 1fr;margin-bottom:22px;display:grid;overflow:hidden}.stat{border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;gap:14px;padding:23px 24px;display:flex}.stat:last-child{border:0}.stat>span{color:#708075;align-items:center;gap:9px;font-size:12px;display:flex}.stat strong{letter-spacing:-1.4px;font:600 32px Manrope,sans-serif}.stat>div>span{color:#8b978c;margin-left:7px;font-size:13px}.stat small{color:#8b978c;font-size:11px}.main-stat{background:#eff6e8}.main-stat>span{justify-content:space-between}.small-label{color:#4b6a38;background:#e1edce;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700}.progress-track{background:#dae5d1;border-radius:4px;height:5px;margin:4px 0}.progress-track i{background:#668b3c;border-radius:4px;height:100%;transition:width .2s;display:block}.text-button{color:#49634c;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.storage-banner{background:#f0f2ef;border-radius:7px;align-items:center;gap:12px;padding:12px 15px;display:flex}.storage-banner>svg{color:#7a8976;flex-shrink:0}.storage-banner p{color:#7c877c;flex:1;margin:0;font-size:12px}.storage-banner strong{color:#4b5c4e;font-weight:500}.storage-banner button{white-space:nowrap}.notice{color:var(--green);height:30px;padding-top:7px;font-size:12px}.error-banner{color:#a54129;background:#fff0ed;border:1px solid #eac0b4;border-radius:7px;justify-content:space-between;align-items:center;margin-top:12px;padding:9px 15px;font-size:14px;display:flex}.pattern-intro{align-items:center;gap:20px;margin:6px 0 23px;display:flex}.pattern-hero-icon{color:#557348;background:#eaf0e2;border:1px solid #d9e3cf;border-radius:13px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.pattern-description{flex:1}.pattern-description .eyebrow{margin-bottom:7px;font-size:10px}.pattern-description h2{letter-spacing:-.6px;margin:0 0 7px;font:700 24px Manrope,sans-serif}.pattern-description p{color:#788278;max-width:650px;margin:0;font-size:13px}.pattern-description small{color:#7a796d;margin-top:8px;font-size:12px;display:block}.pattern-score{text-align:right;min-width:100px}.pattern-score strong{font:600 23px Manrope,sans-serif}.pattern-score strong span{color:#9aa18f;font-size:16px}.pattern-score small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.learning-strip{color:#7c867c;border-bottom:1px solid var(--border);gap:27px;margin-bottom:24px;padding-bottom:20px;font-size:11px;display:flex}.learning-strip b{color:#6b7d5e;background:#eaf0e4;border-radius:3px;margin-right:7px;padding:3px 6px;font-size:10px}.learning-strip small{color:#9aa195;margin-left:auto;font-size:10px}.problem-section{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.table-top{justify-content:space-between;align-items:center;padding:22px 23px 15px;display:flex}.table-top h2{margin:0;font-size:16px;font-weight:600}.table-top h2 span{color:#85927c;background:#eff2ec;border-radius:4px;margin-left:7px;padding:3px 6px;font-size:11px}.filters{gap:10px;padding:0 23px 20px;display:flex}.search{border:1px solid var(--border);color:#98a093;border-radius:6px;flex:1;align-items:center;gap:9px;min-width:170px;padding:9px 11px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}.select-filter{border:1px solid var(--border);color:#75806f;border-radius:6px;align-items:center;gap:6px;padding:0 9px;display:flex}.select-filter select{color:#65715e;background:0 0;border:0;padding:8px 0;font-size:11px}.filter-select{border:1px solid var(--border);color:#65715e;background:#fff;border-radius:6px;padding:8px;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:730px}thead{background:#f9faf7}th{letter-spacing:.8px;color:#899080;border-block:1px solid var(--border);white-space:nowrap;padding:13px 15px;font-size:10px;font-weight:600}td{border-bottom:1px solid #edf0e9;padding:19px 15px;font-size:13px}.check-cell{width:42px;padding-left:23px;padding-right:8px}input[type=checkbox]{appearance:none;cursor:pointer;border:1px solid #d8dfd1;border-radius:4px;place-content:center;width:17px;height:17px;margin:0;display:grid}input[type=checkbox]:checked{background:#406944;border-color:#406944}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px}input[type=checkbox]:disabled{opacity:.5}.problem-title{align-items:center;gap:8px;font-weight:500;line-height:1.5;display:flex}.problem-title:hover{color:#5b813c}.problem-id{color:#949c8d;min-width:25px;font-size:12px;font-weight:400}.problem-title svg{color:#9a9d88;flex-shrink:0}.problem-patterns{color:#939c8c;max-width:350px;margin:5px 0 0 34px;font-size:10px}.difficulty{border-radius:5px;padding:4px 8px;font-size:11px}.easy{color:#4f8b60;background:#edf7ed}.medium{color:#b48b36;background:#fff6df}.hard{color:#b86868;background:#feeeee}.status-select{color:#909789;background:#f2f4ef;border:0;border-radius:5px;max-width:125px;padding:6px 8px;font-size:11px}.status-select.solved{color:#2d7850;background:#ecf7ee}.status-select.in-progress{color:#587ba0;background:#edf3fa}.status-select.revisit{color:#ad733d;background:#fbf0df}.notes-button{color:#9a9f92;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:4px;font-size:11px;display:flex}.notes-button.due{color:#b78232}.external-link{color:#9ca493;display:inline-flex}.link-cell{width:40px;padding-left:4px;padding-right:18px}.solved-row{background:#fcfefb}.table-footer{color:#9aa18e;justify-content:space-between;align-items:center;gap:12px;padding:16px 23px;font-size:10px;display:flex}.footer-divider{margin:0 8px}.table-footer>div{gap:14px;display:flex}.table-footer button{color:#607353;background:0 0;border:0;padding:0;font-size:11px}.bottom-note{justify-content:space-between;align-items:center;gap:20px;padding:26px 0 22px;display:flex}.bottom-note>div{align-items:center;gap:13px;display:flex}.bottom-note svg{color:#8c9a7b;flex-shrink:0}.bottom-note p{margin:0;font-size:12px}.bottom-note p strong{color:#657454;font-weight:500;display:block}.bottom-note p span{color:#939b88;margin-top:4px;font-size:11px;display:block}.bottom-note>span{color:#a1a895;white-space:nowrap;font-size:10px}footer{border-top:1px solid var(--border);color:#a0a797;padding-top:18px;font-size:10px;line-height:1.8}footer span{float:right}.empty{text-align:center;color:#7b8a70;padding:40px 20px}.empty svg{margin:auto}.empty h3{font-size:18px}.empty p{font-size:14px}.mobile-menu,.mobile-close{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog{border:1px solid var(--border);width:min(570px,100% - 32px);color:var(--ink);border-radius:16px;max-height:90dvh;padding:28px;overflow:auto;box-shadow:0 20px 80px #1c302733}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15251d70}.dialog-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.dialog-header h2{margin:0;font:700 22px Manrope,sans-serif}.field{flex-direction:column;gap:9px;margin-bottom:18px;font-size:14px;font-weight:500;display:flex}.field input,.field select,.field textarea{color:var(--ink);background:#fbfcf9;border:1px solid #d4dfcf;border-radius:7px;width:100%;padding:11px;font-size:14px;font-weight:400}.field textarea{resize:vertical;line-height:1.7}.dialog-hint{color:var(--muted);font-size:12px}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.primary-button{color:#fff;background:#284e36;border:0;border-radius:7px;padding:12px 19px;font-size:14px}.dialog-error{color:#a54129;font-size:14px}.scrim{display:none}.nav-item,.pattern-link,.google-button,.outline-button,.page-heading p,.stat>span,.stat small,.text-button,.storage-banner p,.pattern-description p,.search input,.select-filter select,.filter-select,td,.status-select,.notes-button,.table-footer button,.bottom-note p,.field input,.field select,.field textarea{font-size:14px}.workspace-label,.pattern-heading,.pattern-link>span:last-child,.pattern-number,.sidebar-bottom,.sidebar-bottom small,.breadcrumb,.guest-label,.eyebrow,.small-label,.stat>div>span,.notice,.pattern-description .eyebrow,.pattern-description small,.pattern-score small,.learning-strip,.learning-strip small,.learning-strip b,.table-top h2 span,th,.problem-id,.problem-patterns,.difficulty,.table-footer,.bottom-note p span,.bottom-note>span,footer{font-size:12px}.filters{flex-wrap:wrap}.search{flex-basis:230px}.learning-strip{flex-wrap:wrap;gap:15px}.learning-strip small{margin-left:0}.sidebar{width:290px}main{margin-left:290px}.stats{grid-template-columns:1.2fr 1fr 1fr 1fr}.stat{padding:21px 20px}.stat .text-button{font-size:12px}.bottom-note{flex-wrap:wrap}th{letter-spacing:.4px}.problem-title{min-width:190px}.pattern-link{padding:12px 9px}.pattern-nav{overscroll-behavior:contain}@media (min-width:1600px){.content{padding-top:48px}.pattern-intro{margin-top:14px}.stats{margin-bottom:25px}td{padding-top:22px;padding-bottom:22px}}@media (max-width:1250px){.sidebar{width:260px;padding-inline:13px}main{margin-left:260px}.content{padding:30px 24px}.topbar{padding:0 24px}.guest-label{display:none}.stat{padding:20px 15px}.page-heading{align-items:flex-start}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.storage-banner{flex-wrap:wrap}.storage-banner p{flex-basis:70%}.learning-strip{gap:12px}.learning-strip small,.bottom-note>span{display:none}footer span{float:none;display:block}}@media (max-width:800px){.sidebar{width:285px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}main{margin:0}.mobile-menu,.mobile-close{display:inline-flex}.mobile-close{position:absolute;top:30px;right:10px}.brand{margin-left:4px}.scrim{z-index:20;background:#162a2355;border:0;display:block;position:fixed;inset:0}.topbar{height:70px;padding:0 16px}.breadcrumb{gap:8px}.breadcrumb>span,.account-name{display:none}.content{padding:27px 18px}.google-button{padding:9px 10px;font-size:12px}.page-heading{flex-wrap:wrap;gap:16px;margin-bottom:22px}.page-heading h1{font-size:32px}.page-heading>.outline-button{padding:9px 12px}.pattern-intro{align-items:flex-start;gap:13px}.pattern-description h2{font-size:22px}.pattern-hero-icon{border-radius:9px;width:42px;height:42px}.pattern-score{display:none}.learning-strip{gap:14px;font-size:12px;line-height:1.8}.learning-strip span{flex-basis:100%}.table-top{align-items:flex-start;gap:10px;padding:18px 15px}.table-top h2{font-size:15px}.table-top>a{font-size:12px}.filters{gap:8px;padding:0 15px 17px}.search{flex-basis:100%;padding:12px}.search input{font-size:16px}.filter-select,.select-filter{flex:1;min-width:100px;font-size:12px}.select-filter select{max-width:130px;font-size:12px}.table-footer{flex-wrap:wrap;padding:14px 15px;line-height:1.7}.table-footer>div{justify-content:space-between;width:100%}.storage-banner{align-items:flex-start;gap:9px}.storage-banner p{font-size:13px}.storage-banner .text-button{margin-left:26px;font-size:13px}.stats{border-radius:9px}.stat{gap:12px;padding:18px}.stat>span{font-size:13px}.stat small{font-size:12px}.stat strong{font-size:30px}.stat .text-button{font-size:12px}.bottom-note{padding:24px 0}.bottom-note p span{font-size:12px}.eyebrow{font-size:11px}.field input,.field select,.field textarea{font-size:16px}dialog{padding:22px}.table-scroll{scrollbar-width:thin}.table-scroll:focus{outline:2px solid #668b3c}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.workspace-label,.pattern-heading,.pattern-number,.pattern-link>span:last-child,.sidebar-bottom small,.breadcrumb,.stat small,.stat>span,.stat>div>span,.storage-banner p,.pattern-description p,.pattern-score small,.learning-strip,.learning-strip small,.problem-id,.problem-patterns,.notes-button,.table-footer,.bottom-note p span,.bottom-note>span,footer{color:#65715f}th{color:#66725f}.search input::placeholder{color:#727b6b}.status-select{color:#606d57}.medium{color:#896411}.hard{color:#a34545}.easy{color:#397347}.eyebrow{color:#597347}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--ink)}.theme-toggle{border:1px solid var(--border);background:#f7f9f6;border-radius:9px;flex:0 0 38px;width:38px;height:38px;transition:background .18s,border-color .18s,transform .18s}.theme-toggle:hover:not(:disabled){filter:none;background:#edf3e8;transform:translateY(-1px)}.google-logo{flex:0 0 18px;display:block}html[data-theme=dark]{--ink:#edf4ef;--muted:#9eaaa3;--border:#2b3a32;--bg:#0f1512;--accent:#c9ee76;--green:#85c995;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar{border-color:var(--border);background:#151d19}html[data-theme=dark] .brand-icon{background:var(--accent);color:#183122}html[data-theme=dark] .brand-dot{color:#9dcc78}html[data-theme=dark] .workspace-label,html[data-theme=dark] .pattern-heading,html[data-theme=dark] .pattern-number,html[data-theme=dark] .pattern-link>span:last-child,html[data-theme=dark] .sidebar-bottom small,html[data-theme=dark] .breadcrumb,html[data-theme=dark] .guest-label,html[data-theme=dark] .stat small,html[data-theme=dark] .stat>span,html[data-theme=dark] .stat>div>span,html[data-theme=dark] .storage-banner p,html[data-theme=dark] .pattern-description p,html[data-theme=dark] .pattern-score small,html[data-theme=dark] .learning-strip,html[data-theme=dark] .learning-strip small,html[data-theme=dark] .problem-id,html[data-theme=dark] .problem-patterns,html[data-theme=dark] .notes-button,html[data-theme=dark] .table-footer,html[data-theme=dark] .bottom-note p span,html[data-theme=dark] .bottom-note>span,html[data-theme=dark] footer{color:#9aa79f}html[data-theme=dark] .breadcrumb strong{color:#dce7df}html[data-theme=dark] .nav-item span{color:#9aa79f}html[data-theme=dark] .nav-item.active{color:#d8edc8;background:#233129}html[data-theme=dark] .nav-item.active span{color:#d9eecb;background:#304333}html[data-theme=dark] .pattern-link.selected{background:#202d26}html[data-theme=dark] .pattern-link.selected .pattern-number{color:#9fd27a}html[data-theme=dark] .complete{color:#7fd99b!important}html[data-theme=dark] .sidebar-bottom{border-color:var(--border)}html[data-theme=dark] .theme-toggle{color:#dce8df;background:#1c2721;border-color:#34463c}html[data-theme=dark] .theme-toggle:hover:not(:disabled){background:#25342b}html[data-theme=dark] .google-button{color:#f1f3f4;background:#1f1f1f;border-color:#5f6368}html[data-theme=dark] .outline-button{color:#e4ede7;background:#18211d;border-color:#36483d}html[data-theme=dark] .icon-button:hover:not(:disabled){filter:none;background:#202b25}html[data-theme=dark] .avatar{background:var(--accent);color:#173022}html[data-theme=dark] .eyebrow{color:#9bc27c}html[data-theme=dark] .page-heading p{color:var(--muted)}html[data-theme=dark] .stats{border-color:var(--border);background:#151d19}html[data-theme=dark] .stat{border-color:var(--border)}html[data-theme=dark] .main-stat{background:#1a271f}html[data-theme=dark] .small-label{color:#c7e5a9;background:#2b3d2d}html[data-theme=dark] .progress-track{background:#2b3a31}html[data-theme=dark] .progress-track i{background:#8fbd63}html[data-theme=dark] .text-button{color:#a8c99b}html[data-theme=dark] .storage-banner{background:#19221e}html[data-theme=dark] .storage-banner>svg{color:#a0aea4}html[data-theme=dark] .storage-banner strong{color:#d7e2da}html[data-theme=dark] .notice{color:#85c995}html[data-theme=dark] .error-banner{color:#f0a18f;background:#321d1b;border-color:#69413b}html[data-theme=dark] .pattern-hero-icon{color:#afd18f;background:#1e2b23;border-color:#324438}html[data-theme=dark] .pattern-description small{color:#aaa99d}html[data-theme=dark] .pattern-score strong span{color:#8f9b93}html[data-theme=dark] .learning-strip{border-color:var(--border)}html[data-theme=dark] .learning-strip b{color:#b4cba5;background:#26342b}html[data-theme=dark] .problem-section{border-color:var(--border);background:#151d19}html[data-theme=dark] .table-top h2 span{color:#a3afa7;background:#222d27}html[data-theme=dark] .search,html[data-theme=dark] .select-filter,html[data-theme=dark] .filter-select{color:#aab6ae;background:#141c18;border-color:#35473d}html[data-theme=dark] .search input,html[data-theme=dark] .select-filter select,html[data-theme=dark] .filter-select{color:#e0e8e3}html[data-theme=dark] .search input::placeholder{color:#7f8c84}html[data-theme=dark] .select-filter select,html[data-theme=dark] .filter-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] thead{background:#19221e}html[data-theme=dark] th{color:#a5b0a8;border-color:var(--border)}html[data-theme=dark] td{border-color:#24322a}html[data-theme=dark] input[type=checkbox]{background:#101713;border-color:#53665a}html[data-theme=dark] input[type=checkbox]:checked{background:#79a65f;border-color:#79a65f}html[data-theme=dark] .problem-title:hover{color:#a8d482}html[data-theme=dark] .problem-title svg,html[data-theme=dark] .external-link{color:#8f9c94}html[data-theme=dark] .easy{color:#86d29c;background:#183225}html[data-theme=dark] .medium{color:#e7bf63;background:#352d18}html[data-theme=dark] .hard{color:#efa09d;background:#3a2020}html[data-theme=dark] .status-select{color:#aeb9b1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#222c27}html[data-theme=dark] .status-select.solved{color:#87d4a0;background:#183225}html[data-theme=dark] .status-select.in-progress{color:#8fbce6;background:#1a2c3b}html[data-theme=dark] .status-select.revisit{color:#e1ae72;background:#3a2b1c}html[data-theme=dark] .notes-button.due{color:#e0ad63}html[data-theme=dark] .solved-row{background:#132019}html[data-theme=dark] .table-footer button{color:#a7c69b}html[data-theme=dark] .bottom-note svg{color:#9aa98e}html[data-theme=dark] .bottom-note p strong{color:#b8c9ad}html[data-theme=dark] footer{border-color:var(--border)}html[data-theme=dark] .empty{color:#9aa99f}html[data-theme=dark] dialog{color:var(--ink);background:#18211d;border-color:#33463b;box-shadow:0 20px 80px #0008}html[data-theme=dark] dialog::backdrop{background:#050907b8}html[data-theme=dark] .field input,html[data-theme=dark] .field select,html[data-theme=dark] .field textarea{color:#e7eee9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101713;border-color:#3b4c42}html[data-theme=dark] .dialog-hint{color:#9eaaa3}html[data-theme=dark] .primary-button{color:#102016;background:#77a45e}html[data-theme=dark] .dialog-error{color:#f0a18f}html[data-theme=dark] .scrim{background:#05090799}html[data-theme=dark] button:focus-visible,html[data-theme=dark] a:focus-visible,html[data-theme=dark] input:focus-visible,html[data-theme=dark] select:focus-visible,html[data-theme=dark] textarea:focus-visible{outline-color:#9acb78}@media (max-width:520px){.account{gap:8px}.theme-toggle{flex-basis:36px;width:36px;height:36px}.google-button{gap:6px}}.pattern-link{gap:7px}.pattern-link>span.pattern-icon-shell{color:#607c53;background:#f7faf4;border:1px solid #dfe7d9;border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:grid}.pattern-link>.pattern-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pattern-link>.pattern-progress{color:#8d9690;white-space:nowrap;flex:none;margin-left:2px;font-size:11px}.pattern-link.selected .pattern-icon-shell{color:#3f6e3e;background:#dfead5;border-color:#cbdcbd;transform:translateY(-1px)}.pattern-link:hover .pattern-icon-shell{background:#eff5e9;border-color:#cad9c2}.pattern-hero-icon svg{width:30px;height:30px}.learn-button{color:#456442;background:#fbfcf9;border:1px solid #dbe4d6;border-radius:8px;align-items:center;gap:7px;margin-top:13px;padding:8px 10px;font-size:12px;font-weight:600;line-height:1;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:inline-flex}.learn-button:hover{filter:none;background:#f0f5eb;border-color:#cddbc6;transform:translateY(-1px);box-shadow:0 4px 12px #23361e0d}.learn-button .learn-source{letter-spacing:.5px;color:#71816c;background:#eaf0e5;border-radius:4px;margin-left:2px;padding:3px 5px;font-size:9px;font-weight:800}.learn-button>svg:last-child{opacity:.7}html[data-theme=dark] .pattern-link>span.pattern-icon-shell{color:#9bbd88;background:#18221d;border-color:#2f4136}html[data-theme=dark] .pattern-link.selected .pattern-icon-shell{color:#c4e5ab;background:#2a3b30;border-color:#3e5546}html[data-theme=dark] .pattern-link:hover .pattern-icon-shell{background:#223028;border-color:#3b5043}html[data-theme=dark] .learn-button{color:#b9d7a8;background:#18221d;border-color:#34483b}html[data-theme=dark] .learn-button:hover{background:#223028;border-color:#45604f;box-shadow:0 4px 14px #0003}html[data-theme=dark] .learn-button .learn-source{color:#b6c8ad;background:#2a382f}@media (max-width:800px){.pattern-link{gap:8px}.pattern-link>span.pattern-icon-shell{flex-basis:26px;width:26px;height:26px}.learn-button{margin-top:12px;padding:9px 10px}.pattern-hero-icon svg{width:24px;height:24px}}