#center{max-width:30rem;margin-inline:auto}.import-section{flex-direction:column;align-items:center;gap:1rem;max-width:800px;margin:2rem auto;display:flex}.upload-card{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.results-section{flex-direction:column;gap:.75rem;width:100%;max-width:800px;display:flex}.result-dropdown{border:1px solid var(--border);background:var(--surface-elevated);border-radius:8px;padding:.75rem 1rem}.result-dropdown summary{cursor:pointer;font-weight:600}.result-content{max-height:250px;font-family:var(--mono);white-space:pre-wrap;margin-top:.75rem;overflow-y:auto}@media (width<=700px){.upload-card{flex-direction:column;align-items:stretch}}.theme-toggle{border:1px solid var(--accent-border);background:var(--accent-bg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s;display:inline-flex;position:relative}.theme-toggle:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--surface-elevated));box-shadow:0 0 0 3px var(--accent-bg)}.theme-toggle:active{transform:scale(.97)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle__track{background:color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:999px;width:2rem;height:1.1rem;margin:-.55rem 0 0 -1rem;transition:background .2s;position:absolute;top:50%;left:50%}html[data-theme=dark] .theme-toggle__track{background:color-mix(in srgb, var(--accent) 55%, var(--border))}.theme-toggle__track:after{content:"";background:var(--surface-elevated);border-radius:50%;width:.85rem;height:.85rem;margin-top:-.425rem;transition:transform .22s cubic-bezier(.34,1.2,.64,1);position:absolute;top:50%;left:2px;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .theme-toggle__track:after{transform:translate(.9rem)}.theme-toggle__icons{z-index:1;width:1.65rem;color:var(--text-h);opacity:.65;pointer-events:none;justify-content:space-between;align-items:center;font-size:.65rem;display:flex;position:relative}.theme-toggle__sun,.theme-toggle__moon{line-height:1}.landing-page{justify-content:flex-start;gap:1.25rem;padding-top:2rem}.landing-logo{margin:0}.landing-logo img{max-width:min(320px,90vw);height:auto;display:block}.landing-enter{min-width:8rem}.auth-switch-container{justify-content:center;width:100%;display:flex}.auth-panel{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-elevated);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:16px;padding:1.5rem}.auth-card,.auth-panel form{flex-direction:column;gap:.85rem;display:flex}.auth-card h1,.auth-card h2,.auth-panel h1,.auth-panel h2{color:var(--text-h);text-align:center;margin:0 0 .5rem}.auth-card label,.auth-panel label{text-align:left;font-size:.95rem;font-weight:600}.auth-card input,.auth-panel input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:.75rem .9rem}.auth-card input:focus,.auth-panel input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.auth-panel button{box-sizing:border-box;width:100%}.auth-toggle-button{align-self:center;padding:.45rem .8rem;font-size:.9rem;width:50%!important;margin-top:1rem!important}.auth-error{color:#ff5c5c;text-align:center;font-size:.92rem;font-weight:600}.landing-page a{color:var(--accent);-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);font-weight:700}.landing-page a:hover{color:var(--accent-hover);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (width<=700px){.auth-panel{max-width:100%}}.auth-status{justify-content:flex-end;align-items:center;display:flex}.auth-status__user{color:var(--text-muted);flex-direction:column;align-items:flex-end;gap:.35rem;font-size:.95rem;display:flex}.auth-status__guest{color:var(--text-muted);align-items:center;gap:.35rem;display:inline-flex}.auth-status__guest a{color:var(--accent);font-weight:600;text-decoration:none}.auth-status__guest a:hover{text-decoration:underline}.auth-status .inverse-button{border-radius:.5rem;margin-left:0;padding:.35rem .7rem;font-size:.82rem;line-height:1.2}@media (width<=720px){.auth-status__user{flex-wrap:wrap;justify-content:flex-end}}.theme-color-picker{gap:.65rem;display:grid}.theme-color-picker__label{color:var(--text-muted);font-size:.9rem;font-weight:600}.theme-color-picker__options{flex-wrap:wrap;gap:.55rem;display:flex}.theme-color-picker__button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:999px;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.theme-color-picker__button:hover{border-color:var(--accent-border)}.theme-color-picker__button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg)}.theme-color-picker__swatch{border:1px solid #0000002e;border-radius:999px;width:1.2rem;height:1.2rem}.theme-color-picker__button--orange .theme-color-picker__swatch{background:#e76f1f}.theme-color-picker__button--blue .theme-color-picker__swatch{background:#2563eb}.theme-color-picker__button--green .theme-color-picker__swatch{background:#16a34a}.theme-color-picker__button--purple .theme-color-picker__swatch{background:#7c3aed}.theme-color-picker__button--red .theme-color-picker__swatch{background:#dc2626}.theme-color-picker__button--grey .theme-color-picker__swatch{background:#64748b}.theme-color-picker__button--pink .theme-color-picker__swatch{background:#db2777}.theme-color-picker__button--cream .theme-color-picker__swatch{background:#f5d08a}.theme-color-picker__button--light-blue .theme-color-picker__swatch{background:#7dd3fc}.theme-color-picker__button--light-purple .theme-color-picker__swatch{background:#c084fc}.theme-color-picker__button--light-green .theme-color-picker__swatch{background:#86efac}.letter-scheme-grid{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(4,auto);grid-template-areas:".u. .""l f r b"".d. .";justify-content:center;gap:.35rem;display:grid}.letter-face{grid-template-rows:repeat(3,2.6rem);grid-template-columns:repeat(3,2.6rem);gap:3px;display:grid}.letter-face--u{grid-area:u}.letter-face--l{grid-area:l}.letter-face--f{grid-area:f}.letter-face--r{grid-area:r}.letter-face--b{grid-area:b}.letter-face--d{grid-area:d}.letter-face__cell{border:1px solid var(--border);background:var(--surface);width:2.6rem;height:2.6rem;color:var(--text-h);font:inherit;text-align:center;border-radius:6px;font-size:1rem;font-weight:700}.letter-face__center{color:var(--text-muted);background:0 0;justify-content:center;align-items:center;display:flex}.letter-face__input{text-transform:uppercase;outline:none}.letter-face__input:focus{border-color:var(--accent);background:var(--accent-bg)}@media (width<=700px){.letter-scheme-grid{grid-template-columns:repeat(2,auto);grid-template-areas:"u u""l f""r b""d d"}.letter-face{grid-template-rows:repeat(3,2.25rem);grid-template-columns:repeat(3,2.25rem)}.letter-face__cell{width:2.25rem;height:2.25rem;font-size:.9rem}}.settings-button{border:1px solid var(--border);background:var(--surface-elevated);width:2.25rem;height:2.25rem;color:var(--text-h);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.settings-button:hover{border-color:var(--accent-border);background:var(--accent-bg)}.settings-modal-backdrop{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-modal{background:var(--surface-elevated);width:min(820px,96vw);max-height:90vh;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.settings-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.settings-modal__header h2{color:var(--text-h);margin:0;font-size:1.6rem}.settings-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1}.settings-modal__close:hover{color:var(--accent)}.settings-modal__body{gap:1.5rem;padding:1.5rem;display:grid;overflow:auto}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:1rem;padding:1rem;display:grid}.settings-section__title{color:var(--text-h);margin:0;font-size:1rem;font-weight:700}.settings-display__row{justify-content:flex-start;align-items:center;gap:.85rem;width:fit-content;display:inline-flex}.settings-display__label{color:var(--text-muted);font-size:.9rem;font-weight:600}.settings-modal__actions{justify-content:center;margin-top:.25rem;display:flex}.settings-modal__save{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);font:inherit;cursor:pointer;border-radius:999px;padding:.65rem 1.25rem;font-weight:700}.settings-modal__save:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff}.settings-modal__save:disabled{opacity:.6;cursor:not-allowed}.nav-bar{z-index:40;background:color-mix(in srgb, var(--surface) 92%, transparent);border-bottom:1px solid var(--border);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.nav-bar__inner{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1600px;margin:0 auto;padding:.65rem 3rem;display:flex}.nav-bar__brand{color:var(--text-h);white-space:nowrap;letter-spacing:-.02em;border-radius:8px;margin:-.35rem -.5rem;padding:.35rem .5rem;font-size:1.05rem;font-weight:650;text-decoration:none;transition:color .15s,background .15s}.nav-bar__brand:hover{color:var(--accent);background:var(--accent-bg)}.nav-bar__nav{flex:1;justify-content:center;min-width:0;display:flex}.nav-bar__list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.nav-bar__link,.nav-bar__parity-trigger{color:var(--text);font:inherit;border-radius:8px;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.94rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s,box-shadow .15s,transform .12s;display:inline-flex}.nav-bar__link:hover,.nav-bar__parity-trigger:hover{color:var(--accent);background:var(--accent-bg)}.nav-bar__link--active{color:var(--accent);background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent-border)}.nav-bar__link:focus-visible,.nav-bar__parity-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-bar__theme{flex-shrink:0}.nav-bar__parity{position:relative}.nav-bar__parity-trigger{cursor:pointer;background:0 0;border:none;gap:.25rem}.nav-bar__chevron{opacity:.75;font-size:.7rem}.nav-bar__dropdown{z-index:50;border:1px solid var(--border);background:var(--surface-elevated);min-width:10rem;box-shadow:var(--shadow);border-radius:10px;margin:0;padding:.55rem .35rem .35rem;list-style:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.nav-bar__dropdown .nav-bar__link{box-sizing:border-box;justify-content:flex-start;width:100%}@media (width<=720px){.nav-bar__inner{padding:.55rem 1rem}}.home-page{text-align:center;width:100%;max-width:70rem;margin:0 auto;padding:3rem 1rem 5rem}.home-hero{margin-bottom:3rem}.home-hero h1{max-width:52rem;color:var(--text-h);letter-spacing:-.04em;margin:0 auto;font-size:clamp(2.75rem,6vw,4.5rem);line-height:1}.home-hero p{max-width:44rem;color:var(--text-muted);margin:1.5rem auto 0;font-size:1.1rem;line-height:1.6}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:3rem;display:grid}.home-card{border:1px solid var(--border);background:var(--surface-elevated);min-height:140px;box-shadow:var(--shadow);color:inherit;text-align:left;border-radius:14px;flex-direction:column;justify-content:center;padding:1.5rem;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex}.home-card:hover{border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-2px)}.home-card h2{color:var(--text-h);margin:0 0 .6rem;font-size:1.3rem}.home-card p{color:var(--text-muted);margin:0;line-height:1.5}.home-card:visited,.home-card:active,.home-card:focus{color:inherit;text-decoration:none}.home-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-section{max-width:52rem;margin:0 auto 3rem}.home-section h2{color:var(--text-h);margin:0 0 .75rem;font-size:2rem}.home-section p{color:var(--text-muted);margin:0;line-height:1.6}.home-future-list{color:var(--text-muted);text-align:left;margin:1rem auto 0;padding-left:1.5rem;line-height:1.8;display:inline-block}.home-future-list li+li{margin-top:.25rem}@media (width<=900px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.home-page{padding:2rem 1rem 4rem}.home-grid{grid-template-columns:1fr}.home-card{text-align:center;min-height:120px}.home-hero h1{font-size:clamp(2.2rem,9vw,3.5rem)}.home-section h2{font-size:1.75rem}.home-future-list{width:fit-content;display:block}}.algorithms-container{text-align:left;width:100%;max-width:56rem;margin:2rem auto 0}.algorithms-container h2{color:var(--text-h);text-align:center;margin-bottom:1rem;font-size:1.4rem;font-weight:700}.algorithms-list{flex-direction:column;gap:.85rem;display:flex}.algorithm-card{border:1px solid var(--border);background:var(--surface-elevated);box-shadow:var(--shadow);border-radius:14px;padding:1rem 1.1rem;transition:transform .12s,border-color .15s,background .15s,box-shadow .15s}.algorithm-card:hover{border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.algorithm-card code{color:var(--text);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;font-size:.98rem;line-height:1.5;display:block}.no-algorithms{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.95rem}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#00000094;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.sheet-modal{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-elevated);width:min(460px,100%);max-height:calc(100svh - 2rem);color:var(--text);text-align:left;border-radius:20px;flex-direction:column;gap:1rem;padding:1.6rem;display:flex;overflow-y:auto;box-shadow:0 24px 80px #00000073}.sheet-modal__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.sheet-modal__header h2{color:var(--text-h);margin:0;font-size:1.4rem}.modal-x{border:1px solid var(--border);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;border-radius:10px;font-size:1.5rem;line-height:1}.modal-x:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.sheet-modal label{color:var(--text-h);flex-direction:column;gap:.4rem;font-size:.95rem;font-weight:600;display:flex}.sheet-modal input,.sheet-modal select{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:.75rem .9rem;font-size:1rem}.sheet-modal input:focus,.sheet-modal select:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.modal-section{border-top:1px solid var(--border);flex-direction:column;gap:1rem;margin-top:.25rem;padding-top:1rem;display:flex}.checkbox-row{justify-content:flex-start;align-items:center;flex-direction:row!important;gap:.7rem!important}.checkbox-row input{width:auto;accent-color:var(--accent)}.sheet-modal__actions{justify-content:flex-end;gap:.75rem;margin-top:.75rem;display:flex}.selectors{justify-content:center;align-items:end;gap:1.5rem;margin-top:1rem;display:flex}.dropdown-group,.dropdown-pair{flex-direction:column;gap:.4rem;display:flex}.dropdown-group label,.dropdown-pair label{text-align:center;font-size:.95rem;font-weight:600}.dropdown-group select,.dropdown-pair select,.pair-selectors select{border:1px solid var(--border);background:var(--surface-elevated);min-width:110px;color:var(--text);border-radius:8px;padding:.5rem .75rem;font-size:1rem}.pair-selectors{gap:.75rem;display:flex}.multi-select{justify-content:center;gap:.5rem;margin-top:.5rem;display:grid}.corner-multi-select{grid-template-columns:repeat(6,minmax(0,1fr))}.edge-multi-select{grid-template-columns:repeat(6,auto)}.multi-select__button{border:1px solid var(--border);background:var(--surface);min-width:3.25rem;min-height:2.15rem;color:var(--text);cursor:pointer;border-radius:8px;padding:.45rem .7rem;transition:border-color .15s,background .15s,color .15s,transform .12s,opacity .15s;position:relative}.multi-select__button:not(:disabled):not(.selected):hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.multi-select__button:not(:disabled):active{transform:scale(.97)}.multi-select__button.selected{border-color:var(--accent);background:var(--accent);color:#fff}.multi-select__button.disabled,.multi-select__button:disabled{border-color:var(--border);background:var(--surface);color:var(--text-muted);opacity:.45;cursor:not-allowed;text-decoration:line-through}.multi-select__button:focus,.multi-select__button:focus-visible,.multi-select__button:active{box-shadow:none;outline:none}.multi-select__button:disabled:hover,.multi-select__button.disabled:hover{border-color:var(--border);background:var(--surface);color:var(--text-muted)}.multi-select__order,.multi-select__number{font-weight:800}.multi-select__order{opacity:.9;font-size:.7rem;line-height:1;position:absolute;top:4px;right:6px}.multi-select__number{font-size:1.15rem;line-height:1}.radio-group{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.radio-group label{color:var(--text);cursor:pointer;align-items:center;gap:.6rem;font-weight:500;flex-direction:row!important;display:flex!important}.radio-group input[type=radio]{width:auto;accent-color:var(--accent);cursor:pointer;margin:0}.clear-button{cursor:pointer;border-radius:8px;width:fit-content;margin:.5rem auto 0;padding:.25rem .6rem;font-size:.8rem;font-weight:600}@media (width<=700px){.selectors,.pair-selectors{flex-direction:column;align-items:stretch}}.sheet-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;width:100%;max-width:72rem;margin-top:2rem;display:grid}.sheet-card,.add-sheet-card{border:1px solid var(--border);background:var(--surface-elevated);min-height:130px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;transition:transform .12s,border-color .15s,background .15s,box-shadow .15s;display:flex}.sheet-card h3{color:var(--text-h);margin:0 0 .35rem}.sheet-card p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.8rem}.sheet-card:hover,.add-sheet-card:hover{border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-2px)}.add-sheet-card{color:var(--accent);font-size:3rem;font-weight:300}.buffer-column{background:var(--surface-elevated);flex-direction:column;flex:none;display:flex}.buffer-column__cell{width:var(--sheet-cell-width);box-sizing:border-box;border:1px solid var(--border);border-left:2px solid var(--border);border-right:2px solid var(--border);border-bottom:3px solid var(--border);background:var(--accent-bg);color:var(--accent);text-align:center;justify-content:center;align-items:center;padding:5px;font-size:.8rem;font-weight:800;display:flex}.cycle-sheet__column-group--selected .buffer-column__cell{font-size:.85rem}.buffer-column+.buffer-column .buffer-column__cell{border-left:1px solid var(--border)}.cycle-sheet{--sheet-cell-width:120px;--sheet-cell-height:42px;--sheet-header-height:64px;--sheet-selected-cell-height:60px;--sheet-selected-column-width:360px;z-index:1;border:1px solid var(--border);background:var(--surface-elevated);width:100%;min-height:0;box-shadow:var(--shadow);border-radius:14px;flex:1;justify-content:flex-start;align-items:flex-start;display:flex;position:relative;overflow:auto}.cycle-sheet__buffer-area,.cycle-sheet__column-group,.cycle-sheet__buffer-columns{flex:none;display:flex}.cycle-sheet__buffer-area{z-index:70;background:var(--surface-elevated);flex-direction:column;position:sticky;left:0}.cycle-sheet__buffer-columns,.cycle-sheet__column-group{align-items:flex-start}.cycle-sheet__column-group--blurred{filter:blur(2px);opacity:.35}.cycle-sheet__column-group--selected{z-index:80;position:relative}.cycle-sheet__top-left-header{z-index:120;width:calc(var(--sheet-cell-width) * var(--buffer-count));height:var(--sheet-header-height);box-sizing:border-box;border:1px solid var(--border);background:var(--accent);color:#fff;text-align:center;white-space:pre-line;flex-direction:column;justify-content:center;align-items:center;padding:5px;font-size:.85rem;font-weight:800;line-height:1.15;display:flex;position:sticky;top:0;left:0}.training-checkbox-wrapper{opacity:.85;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.training-checkbox-wrapper>span{line-height:1;display:inline-block}.training-control--cell{z-index:2;position:absolute;bottom:.3rem;right:.4rem}.training-control--header{z-index:2;color:#fff;position:absolute;bottom:.35rem;right:.4rem}.training-control--sheet{margin-top:.35rem}.training-control--header,.training-checkbox-wrapper.training-control--header{z-index:5;position:absolute;bottom:.3rem;right:.4rem}.cycle-sheet-cell{width:var(--sheet-cell-width);height:var(--sheet-cell-height);box-sizing:border-box;border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center;word-break:break-word;justify-content:center;align-items:center;padding:5px;font-size:.68rem;line-height:1.15;display:flex;position:relative;overflow:hidden}.cycle-sheet-cell:hover{background:var(--accent-bg);color:var(--accent);cursor:pointer}.cycle-sheet-cell--invalid{background:repeating-linear-gradient(45deg, #64646414, #64646414 8px, #64646424 8px, #64646424 16px), var(--surface);opacity:.55;pointer-events:none}.cycle-sheet-cell__alg{text-align:center;width:100%;padding:0 .25rem;display:block}.cycle-sheet-column{background:var(--surface-elevated);flex-direction:column;flex:none;display:flex;position:relative}.cycle-sheet-column--selected{background:var(--surface-elevated);position:relative;box-shadow:0 18px 40px #00000038}.cycle-sheet-column--selected .cycle-sheet-column__header,.cycle-sheet-column--selected .cycle-sheet-cell{width:var(--selected-column-width);font-size:.85rem}.cycle-sheet-column--selected .cycle-sheet-cell{height:var(--sheet-selected-cell-height)}.cycle-sheet-column__header{z-index:40;width:var(--sheet-cell-width);height:var(--sheet-header-height);box-sizing:border-box;border:1px solid var(--border);background:var(--accent);color:#fff;text-align:center;white-space:pre-line;cursor:pointer;justify-content:center;align-items:center;padding:5px;font-size:.85rem;font-weight:800;line-height:1.15;display:flex;position:sticky;top:0}.cycle-sheet-column__header>span:first-child{text-align:center}.cycle-sheet-column__resize-handle{z-index:90;cursor:ew-resize;width:12px;height:100%;position:absolute;top:0;right:-6px}.cycle-sheet-column__resize-handle:hover{background:color-mix(in srgb, var(--accent) 35%, transparent)}.cycle-sheet-column__resize-handle:after{content:"";width:2px;height:100%;position:absolute;top:0;right:5px}.cycle-sheet-column__resize-handle:hover:after{background:var(--accent)}.alg-modal{background:var(--surface-elevated);width:fit-content;min-width:520px;max-width:90vw;max-height:72vh;color:var(--text);border:1px solid var(--border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.alg-modal__header{border-bottom:1px solid var(--border);justify-content:center;align-items:flex-start;padding:.9rem 3rem .8rem;display:flex;position:relative}.alg-modal__case-heading{flex-direction:column;align-items:center;gap:.5rem;display:flex}.alg-modal__header h2{color:var(--text-h);white-space:pre-line;text-align:center;margin:0;font-size:2rem}.alg-modal__memory-fields{grid-template-columns:90px 180px;gap:.6rem;width:100%;max-width:300px;display:grid}.alg-modal__memory-field{min-width:0;color:var(--text-muted);text-transform:uppercase;flex-direction:column;gap:.2rem;font-size:.7rem;font-weight:800;display:flex}.alg-modal__memory-field input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:8px;padding:.35rem .45rem;font-size:.95rem}.alg-modal__memory-field input:focus{border-color:var(--accent);outline:none}.alg-modal__training-toggle{opacity:.85;font-size:.85rem}.alg-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:.9rem;right:.8rem}.alg-modal__body{padding:.8rem;overflow-y:auto}.alg-modal__description{color:var(--text-muted);margin:0 0 .75rem;font-size:.78rem}.alg-modal__section-title{grid-template-columns:34px 1fr 55px;align-items:center;margin:.5rem 0;font-size:.7rem;display:grid}.alg-modal__section-name{color:var(--accent);text-transform:uppercase;grid-column:1/3;justify-self:start;align-items:center;gap:.4rem;font-weight:800;display:flex}.alg-modal__section-name strong{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:.05rem .4rem;font-size:.65rem}.alg-modal__primary-label{color:var(--text-muted);justify-self:center;font-size:.7rem;font-weight:700;transform:translate(-15px)}.alg-modal__list{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-height:260px;overflow-y:auto}.alg-modal__list-row{border-bottom:1px solid var(--border);grid-template-columns:34px 1fr 55px;align-items:center;min-height:44px;display:grid}.alg-modal__list-row--custom{grid-template-columns:34px 1fr 70px 30px 55px}.alg-modal__list-row:last-child{border-bottom:none}.alg-modal__check{border:1px solid var(--border);background:var(--surface-elevated);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;justify-self:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:flex}.alg-modal__check--selected{background:var(--accent);border-color:var(--accent)}.alg-modal__alg-text{color:var(--text);text-align:left;white-space:nowrap;justify-self:start;padding:.45rem .4rem;font-size:1rem;line-height:1.35}.alg-status{justify-self:end;margin-right:0;font-size:.75rem;font-weight:700}.alg-status--private{color:#e74c3c}.alg-status--pending{color:#f1c40f}.alg-status--public{color:#2ecc71}.alg-modal__primary{cursor:pointer;justify-self:center}.alg-modal__menu-button{cursor:pointer;background:0 0;border:none;justify-self:center;padding:0;font-size:1.25rem;line-height:1}.custom-alg-input{box-sizing:border-box;width:100%;padding:10px 12px;font-size:1rem}.custom-alg-share{align-items:center;gap:8px;margin-top:12px;display:flex}.alg-modal__actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.alg-modal__list-row--disabled{opacity:.6;font-style:italic}.alg-modal__list-row--disabled button,.alg-modal__list-row--disabled input{cursor:not-allowed}.display-mode-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;grid-template-columns:1fr 1fr;padding:.2rem;display:grid}.display-mode-toggle__option{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:800}.display-mode-toggle__option--active{background:var(--accent);color:#fff}.display-mode-toggle__option:not(.display-mode-toggle__option--active):hover{color:var(--text)}.sheet-actions{position:relative}.sheet-actions__trigger{border:1px solid var(--border);background:var(--surface-elevated);width:2rem;height:2rem;color:var(--text-h);cursor:pointer;border-radius:999px;font-size:1.4rem;line-height:1}.sheet-actions__trigger:hover{border-color:var(--accent-border);background:var(--accent-bg)}.sheet-actions__menu{z-index:20;border:1px solid var(--border);background:var(--surface-elevated);min-width:140px;box-shadow:var(--shadow);border-radius:10px;padding:.4rem;position:absolute;top:calc(100% + .4rem);right:0}.sheet-actions__menu button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.55rem .7rem}.sheet-actions__menu button:hover{background:var(--accent-bg)}.sheet-actions__menu .sheet-actions__delete{color:#ef4444}.sheet-delete-backdrop{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet-delete-modal{border:1px solid var(--border);background:var(--surface-elevated);width:min(420px,92vw);color:var(--text);text-align:center;box-shadow:var(--shadow);border-radius:16px;padding:1.5rem}.sheet-delete-modal h2{color:var(--text-h);margin:0 0 .5rem}.sheet-delete-modal p{color:var(--text-muted);margin:0}.sheet-delete-modal__actions{justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.sheet-header{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:56px;display:grid}.sheet-header__left{min-height:1px}.sheet-header__center{text-align:center}.sheet-header__center h1{color:var(--text-h);letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:700}.sheet-header__center span{color:var(--text-muted);margin-top:.25rem;font-size:.9rem;display:block}.sheet-header__right{justify-content:flex-end;align-items:center;display:flex}@media (width<=700px){.sheet-header{flex-direction:column;align-items:stretch}.sheet-header__actions{justify-content:flex-start}}.sheet-header__left{justify-content:flex-start;align-items:center;display:flex}.sheet-header__display-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.45rem .75rem;font-size:.85rem;font-weight:700}.sheet-header__display-toggle:hover{border-color:var(--accent)}.sheet-view-page{align-items:stretch;padding:1rem}.sheet-view{flex-direction:column;gap:1rem;width:100%;height:calc(100svh - 2rem);min-height:0;display:flex}.admin-page-header{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.admin-page-header h1{margin:0}.admin-page-header .button-style{margin-top:3rem}.admin-empty-state{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:12px;padding:1rem}.admin-alg-list{gap:1rem;display:grid}.admin-alg-card{border:1px solid var(--border);background:var(--surface-elevated);border-radius:14px;padding:1rem;box-shadow:0 10px 28px #0000002e}.admin-alg-card__top{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.admin-alg-card__type{color:var(--accent);text-transform:uppercase;font-size:.8rem;font-weight:800}.admin-alg-card__case{color:var(--text-muted);font-size:.85rem}.admin-status{text-transform:uppercase;margin-left:auto;font-size:.75rem;font-weight:800}.admin-status--pending{color:#f1c40f}.admin-alg-card__algorithm{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;margin-bottom:1rem;padding:.85rem;font-size:1.05rem}.admin-alg-card__actions{justify-content:flex-end;gap:.5rem;display:flex}.button-style.admin-reject-button{color:#fff;background:#7a2d2d;border-color:#7a2d2d}.button-style.admin-reject-button:hover{background:#e74c3c;border-color:#e74c3c}.trainer-page{text-align:left;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem;width:100%;min-height:calc(100svh - 8rem);display:grid}.trainer-main{flex-direction:column;gap:1rem;min-width:0;display:flex}.trainer-header h1{color:var(--text-h);letter-spacing:-.04em;margin:0;font-size:clamp(1.9rem,3vw,2.4rem)}.trainer-header p{max-width:none;color:var(--text-muted);margin:.35rem 0 0}.trainer-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.trainer-selectors label{color:var(--text-h);flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.trainer-selectors select{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-elevated);width:100%;color:var(--text);border-radius:10px;padding:.75rem .9rem}.trainer-selectors select:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.trainer-panel{border:1px solid var(--border);background:var(--surface-elevated);box-shadow:var(--shadow);border-radius:16px}.trainer-panel h2,.trainer-panel h3{color:var(--text-h);margin:0}.trainer-panel p{max-width:none;color:var(--text-muted);margin:.35rem 0 0}.trainer-scrambler{padding:1.25rem}.trainer-scrambler__content{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:1rem;margin-top:1.75rem;display:grid}.trainer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem;font-size:.82rem;font-weight:700;display:block}.trainer-scrambler strong{color:var(--text-h);font-family:var(--mono);font-size:clamp(1.2rem,2.3vw,1.7rem);line-height:1.4}.trainer-cube-placeholder{border:1px dashed var(--border);background:var(--surface);min-height:120px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;font-weight:700;display:flex}.trainer-timer{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:215px;padding:1.5rem;display:flex}.trainer-timer__status{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.35rem .7rem;font-size:.85rem;font-weight:700}.trainer-timer strong{color:var(--text-h);letter-spacing:-.08em;margin-top:.75rem;font-size:clamp(5rem,12vw,8.5rem);line-height:1}.trainer-timer p{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.6rem;font-size:.9rem;font-weight:700}.trainer-review{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:1.5rem;padding:1.25rem;display:grid}.trainer-algs,.trainer-rating{min-width:0}.trainer-alg-row{border:1px solid var(--border);background:var(--surface);min-height:2.7rem;color:var(--text);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:.65rem;padding:.7rem .8rem;display:grid}.trainer-alg-row input{accent-color:var(--accent)}.trainer-alg-row span{font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trainer-alg-row em{border:1px solid var(--accent-border);color:var(--accent);border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-style:normal;font-weight:700}.trainer-alg-row--primary{border-color:var(--accent-border);background:var(--accent-bg)}.trainer-rating{border-left:1px solid var(--border);padding-left:1.5rem}.trainer-rating__grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem;display:grid}.trainer-rating-button{border:1px solid var(--border);background:var(--surface);min-height:4rem;font:inherit;cursor:pointer;border-radius:10px;font-weight:800}.trainer-rating-button--again{color:#ff5c5c;border-color:#ff5c5c8c}.trainer-rating-button--hard{color:var(--accent);border-color:#ff7b008c}.trainer-rating-button--good{color:#2f9e44;border-color:#2f9e448c}.trainer-rating-button--easy{color:#1e90ff;border-color:#1e90ff8c}.trainer-next-button{width:100%;margin-top:1.25rem}.trainer-times{flex-direction:column;align-self:stretch;min-height:0;display:flex;overflow:hidden}.trainer-times__header{align-items:center;gap:.6rem;padding:1.25rem;display:flex}.trainer-times__header span{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:800}.trainer-times__table{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trainer-times__row{border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:.7fr 1fr 1fr .7fr;align-items:center;gap:.75rem;padding:.8rem 1.25rem;font-size:.92rem;display:grid}.trainer-times__row:last-child{border-bottom:none}.trainer-times__row--head{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}.trainer-times__row strong{color:#2f9e44}.trainer-times__row em{border-radius:999px;width:fit-content;padding:.18rem .45rem;font-size:.78rem;font-style:normal;font-weight:800}.is-dnf,.trainer-times__row strong.is-dnf{color:#ff3b3b}.rating-again{color:#ff5c5c;background:#ff5c5c1f}.rating-hard{color:var(--accent);background:#ff7b001f}.rating-good{color:#2f9e44;background:#2f9e441f}.rating-easy{color:#1e90ff;background:#1e90ff1f}.trainer-averages{padding:1.25rem}.trainer-average-row{color:var(--text);justify-content:space-between;margin-top:.75rem;display:flex}.trainer-average-row span{color:var(--text-muted)}.trainer-session-average{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;margin-top:1.25rem;padding:1rem}.trainer-session-average span,.trainer-session-average strong{display:block}.trainer-session-average span{color:var(--text-muted);font-size:.85rem;font-weight:700}.trainer-session-average strong{color:#2f9e44;margin:.25rem 0 .85rem;font-size:2rem}.trainer-end-button{color:#ff5c5c;width:calc(100% - 2.5rem);margin:auto 1.25rem 1.25rem}@media (width<=1100px){.trainer-page{grid-template-columns:1fr}.trainer-times{min-height:auto}}@media (width<=800px){.trainer-selectors,.trainer-scrambler__content,.trainer-review{grid-template-columns:1fr}.trainer-rating{border-left:none;border-top:1px solid var(--border);padding-top:1.25rem;padding-left:0}.trainer-rating__grid{grid-template-columns:repeat(2,1fr)}}html{scroll-behavior:smooth}body{background-color:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -30%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 55%), radial-gradient(ellipse 90% 60% at 100% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 45%), radial-gradient(ellipse 70% 50% at 0% 100%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 40%);min-height:100svh;margin:0}html[data-theme=dark] body{background-image:radial-gradient(ellipse 120% 80% at 50% -25%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 50%), radial-gradient(ellipse 90% 55% at 100% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 42%), radial-gradient(ellipse 70% 45% at 0% 100%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 38%)}#root{box-sizing:border-box;background:0 0;flex-direction:column;width:100%;min-height:100svh;display:flex}.app-shell{flex-direction:column;flex:1;min-height:100%;display:flex}.app-shell>:only-child{flex-direction:column;flex:1;min-height:0;display:flex}.app-main{box-sizing:border-box;text-align:center;flex:1;width:100%;max-width:1600px;margin:0 auto;padding:2rem 3rem 3rem}.page{box-sizing:border-box;text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;padding:2rem;display:flex}.page p{max-width:34rem;color:var(--text-muted);margin-top:.75rem;line-height:1.55}@media (width<=1024px){.app-main{padding:1.5rem 1.15rem 2.5rem}.page{padding:1.5rem 1rem}}.button-style,.inverse-button{font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s;display:inline-flex}.button-style{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent)}.button-style:hover{border-color:var(--accent);background:var(--accent);color:#fff}.inverse-button{border:1px solid var(--border);background:var(--surface);color:var(--text)}.inverse-button:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.button-style:active,.inverse-button:active{transform:scale(.97)}.button-style:focus-visible,.inverse-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,button{font:inherit}input[type=file]{max-width:100%;color:var(--text);font-size:.9rem}.counter{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);font-family:var(--mono);cursor:pointer;border-radius:10px;padding:.55rem 1.1rem;font-size:.95rem;transition:border-color .2s,background .2s,transform .12s}.counter:hover{border-color:var(--accent);background:var(--accent);color:#fff}.counter:active{transform:scale(.98)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spinner{border:4px solid #0000;border-top:4px solid var(--accent);border-right:4px solid var(--secondary-accent);border-radius:100%;width:40px;height:40px;margin:40px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.danger-button{color:#fff;background:#7f1d1d;border-color:#b91c1c}.danger-button:hover{color:#fff;background:#991b1b;border-color:#dc2626}:root{--text:#4e4a43;--text-h:#17130f;--text-muted:#746f66;--bg:#f0ece4;--surface:#f7f3ea;--surface-elevated:#fffaf0;--border:#cfc6b8;--code-bg:#e7dfd2;--accent:#e76f1f;--accent-hover:#c85d18;--accent-bg:#e76f1f1f;--accent-border:#e76f1f80;--secondary-accent:#1f7fbf;--secondary-accent-bg:#1f7fbf1f;--secondary-accent-border:#1f7fbf73;--social-bg:#e7dfd2e6;--nav-shadow:0 1px 0 #17130f14;--shadow:#17130f1a 0 12px 28px -8px, #17130f0f 0 4px 10px -4px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#b8b1a6;--text-h:#fff5e8;--text-muted:#8b8378;--bg:#11100e;--surface:#181614;--surface-elevated:#211e1a;--border:#40382f;--code-bg:#2b261f;--accent:#ff9b45;--accent-hover:#ffb36d;--accent-bg:#ff9b4521;--accent-border:#ff9b4580;--secondary-accent:#5bb7ff;--secondary-accent-bg:#5bb7ff21;--secondary-accent-border:#5bb7ff73;--social-bg:#2b261fe6;--nav-shadow:0 1px 0 #ffffff12;--shadow:#00000080 0 16px 40px -12px, #00000047 0 6px 16px -6px}html[data-color-theme=orange]{--bg:#f0ece4;--surface:#f7f3ea;--surface-elevated:#fffaf0;--border:#cfc6b8;--code-bg:#e7dfd2;--accent:#e76f1f;--accent-hover:#c85d18;--accent-bg:#e76f1f1f;--accent-border:#e76f1f80;--secondary-accent:#1f7fbf;--secondary-accent-bg:#1f7fbf1f;--secondary-accent-border:#1f7fbf73}html[data-theme=dark][data-color-theme=orange]{--bg:#11100e;--surface:#181614;--surface-elevated:#211e1a;--border:#40382f;--code-bg:#2b261f;--accent:#ff9b45;--accent-hover:#ffb36d;--accent-bg:#ff9b4521;--accent-border:#ff9b4580;--secondary-accent:#5bb7ff;--secondary-accent-bg:#5bb7ff21;--secondary-accent-border:#5bb7ff73}html[data-color-theme=blue]{--bg:#eaf1fb;--surface:#f3f7fd;--surface-elevated:#fff;--border:#bfcede;--code-bg:#dfeaf6;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-bg:#2563eb1f;--accent-border:#2563eb7a;--secondary-accent:#e76f1f;--secondary-accent-bg:#e76f1f1f;--secondary-accent-border:#e76f1f6b}html[data-theme=dark][data-color-theme=blue]{--bg:#0d1118;--surface:#141b25;--surface-elevated:#1b2430;--border:#344152;--code-bg:#222d3b;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-bg:#60a5fa24;--accent-border:#60a5fa85;--secondary-accent:#ff9b45;--secondary-accent-bg:#ff9b4521;--secondary-accent-border:#ff9b4573}html[data-color-theme=green]{--bg:#eaf6ee;--surface:#f3faf5;--surface-elevated:#fff;--border:#bfd8c7;--code-bg:#dceee2;--accent:#16a34a;--accent-hover:#15803d;--accent-bg:#16a34a1f;--accent-border:#16a34a7a;--secondary-accent:#2563eb;--secondary-accent-bg:#2563eb1f;--secondary-accent-border:#2563eb6b}html[data-theme=dark][data-color-theme=green]{--bg:#0d140f;--surface:#141f17;--surface-elevated:#1b2a20;--border:#314538;--code-bg:#213226;--accent:#4ade80;--accent-hover:#86efac;--accent-bg:#4ade8024;--accent-border:#4ade8085;--secondary-accent:#60a5fa;--secondary-accent-bg:#60a5fa21;--secondary-accent-border:#60a5fa73}html[data-color-theme=purple]{--bg:#f0ecfb;--surface:#f7f3fd;--surface-elevated:#fff;--border:#cec2e6;--code-bg:#e6def4;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-bg:#7c3aed1f;--accent-border:#7c3aed7a;--secondary-accent:#1f7fbf;--secondary-accent-bg:#1f7fbf1f;--secondary-accent-border:#1f7fbf6b}html[data-theme=dark][data-color-theme=purple]{--bg:#120f1a;--surface:#1b1625;--surface-elevated:#241d31;--border:#403552;--code-bg:#2c243b;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-bg:#a78bfa24;--accent-border:#a78bfa85;--secondary-accent:#5bb7ff;--secondary-accent-bg:#5bb7ff21;--secondary-accent-border:#5bb7ff73}html[data-color-theme=red]{--bg:#f9eeee;--surface:#fff6f6;--surface-elevated:#fff;--border:#e0c0c0;--code-bg:#f1dddd;--accent:#dc2626;--accent-hover:#b91c1c;--accent-bg:#dc26261f;--accent-border:#dc26267a;--secondary-accent:#2563eb;--secondary-accent-bg:#2563eb1f;--secondary-accent-border:#2563eb6b}html[data-theme=dark][data-color-theme=red]{--bg:#180d0d;--surface:#251414;--surface-elevated:#301b1b;--border:#523434;--code-bg:#3a2222;--accent:#f87171;--accent-hover:#fca5a5;--accent-bg:#f8717124;--accent-border:#f8717185;--secondary-accent:#60a5fa;--secondary-accent-bg:#60a5fa21;--secondary-accent-border:#60a5fa73}html[data-color-theme=grey]{--bg:#edf0f3;--surface:#f6f7f9;--surface-elevated:#fff;--border:#c6ccd4;--code-bg:#e1e5ea;--accent:#64748b;--accent-hover:#475569;--accent-bg:#64748b21;--accent-border:#64748b80;--secondary-accent:#1f7fbf;--secondary-accent-bg:#1f7fbf1f;--secondary-accent-border:#1f7fbf6b}html[data-theme=dark][data-color-theme=grey]{--bg:#101214;--surface:#181b1f;--surface-elevated:#20242a;--border:#3a414b;--code-bg:#282e36;--accent:#94a3b8;--accent-hover:#cbd5e1;--accent-bg:#94a3b824;--accent-border:#94a3b885;--secondary-accent:#5bb7ff;--secondary-accent-bg:#5bb7ff21;--secondary-accent-border:#5bb7ff73}html[data-color-theme=pink]{--bg:#faedf4;--surface:#fff5fa;--surface-elevated:#fff;--border:#e3bfd1;--code-bg:#f4ddea;--accent:#db2777;--accent-hover:#be185d;--accent-bg:#db27771f;--accent-border:#db27777a;--secondary-accent:#2563eb;--secondary-accent-bg:#2563eb1f;--secondary-accent-border:#2563eb6b}html[data-theme=dark][data-color-theme=pink]{--bg:#190d14;--surface:#26141e;--surface-elevated:#321b28;--border:#553449;--code-bg:#3d2232;--accent:#f472b6;--accent-hover:#f9a8d4;--accent-bg:#f472b624;--accent-border:#f472b685;--secondary-accent:#60a5fa;--secondary-accent-bg:#60a5fa21;--secondary-accent-border:#60a5fa73}html[data-color-theme=cream]{--bg:#f3ead7;--surface:#faf3e4;--surface-elevated:#fff9ec;--border:#d8c7a9;--code-bg:#eadcc3;--accent:#c08434;--accent-hover:#9a6724;--accent-bg:#c0843424;--accent-border:#c0843480;--secondary-accent:#1f7fbf;--secondary-accent-bg:#1f7fbf1f;--secondary-accent-border:#1f7fbf6b}html[data-theme=dark][data-color-theme=cream]{--bg:#15120c;--surface:#211c13;--surface-elevated:#2b2519;--border:#4b402d;--code-bg:#352d1f;--accent:#f5d08a;--accent-hover:#ffe2a8;--accent-bg:#f5d08a24;--accent-border:#f5d08a85;--secondary-accent:#5bb7ff;--secondary-accent-bg:#5bb7ff21;--secondary-accent-border:#5bb7ff73}html[data-color-theme=light-blue]{--bg:#e8f7fc;--surface:#f3fbfe;--surface-elevated:#fff;--border:#b8dce8;--code-bg:#d9eef6;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-bg:#0ea5e91f;--accent-border:#0ea5e97a;--secondary-accent:#e76f1f;--secondary-accent-bg:#e76f1f1f;--secondary-accent-border:#e76f1f6b}html[data-theme=dark][data-color-theme=light-blue]{--bg:#0b1418;--surface:#111f25;--surface-elevated:#182a31;--border:#2f4a54;--code-bg:#20353e;--accent:#7dd3fc;--accent-hover:#bae6fd;--accent-bg:#7dd3fc24;--accent-border:#7dd3fc85;--secondary-accent:#ff9b45;--secondary-accent-bg:#ff9b4521;--secondary-accent-border:#ff9b4573}html[data-color-theme=light-purple]{--bg:#f3edfb;--surface:#faf6ff;--surface-elevated:#fff;--border:#d9c3ec;--code-bg:#eadcf7;--accent:#a855f7;--accent-hover:#9333ea;--accent-bg:#a855f71f;--accent-border:#a855f77a;--secondary-accent:#1f7fbf;--secondary-accent-bg:#1f7fbf1f;--secondary-accent-border:#1f7fbf6b}html[data-theme=dark][data-color-theme=light-purple]{--bg:#150f1a;--surface:#201727;--surface-elevated:#2a1f33;--border:#49375a;--code-bg:#342640;--accent:#c084fc;--accent-hover:#d8b4fe;--accent-bg:#c084fc24;--accent-border:#c084fc85;--secondary-accent:#5bb7ff;--secondary-accent-bg:#5bb7ff21;--secondary-accent-border:#5bb7ff73}html[data-color-theme=light-green]{--bg:#eaf8ef;--surface:#f4fcf6;--surface-elevated:#fff;--border:#bee0ca;--code-bg:#dcf1e3;--accent:#22c55e;--accent-hover:#16a34a;--accent-bg:#22c55e1f;--accent-border:#22c55e7a;--secondary-accent:#2563eb;--secondary-accent-bg:#2563eb1f;--secondary-accent-border:#2563eb6b}html[data-theme=dark][data-color-theme=light-green]{--bg:#0c150f;--surface:#132119;--surface-elevated:#1a2b21;--border:#334b3a;--code-bg:#22362a;--accent:#86efac;--accent-hover:#bbf7d0;--accent-bg:#86efac24;--accent-border:#86efac85;--secondary-accent:#60a5fa;--secondary-accent-bg:#60a5fa21;--secondary-accent-border:#60a5fa73}html[data-theme=dark] #social .button-icon{filter:invert()brightness(2)}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}