*{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=dark]{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-muted: #666;--accent: #00d9ff;--accent-dim: #00a0c0;--border: #333;--success: #00c853;--code-bg: #1e1e1e;--code-line-selected: rgba(0, 217, 255, .15);--code-line-hover: rgba(255, 255, 255, .05);--line-number: #6e7681;--shadow-color: rgba(0, 0, 0, .3);font-family:SF Mono,Fira Code,JetBrains Mono,Consolas,monospace;font-size:14px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #eaeef2;--text-primary: #1f2328;--text-secondary: #656d76;--text-muted: #8b949e;--accent: #0969da;--accent-dim: #0550ae;--border: #d0d7de;--success: #1a7f37;--code-bg: #f6f8fa;--code-line-selected: rgba(9, 105, 218, .15);--code-line-hover: rgba(0, 0, 0, .04);--line-number: #8b949e;--shadow-color: rgba(0, 0, 0, .1)}body{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-dim)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;font-size:inherit}pre{margin:0;white-space:pre-wrap;word-wrap:break-word}code{font-family:inherit}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1.5rem 2rem}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;flex-direction:column}.logo{display:inline-flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.logo:hover,.logo-icon{color:var(--accent)}.tagline{margin-top:.5rem;color:var(--text-secondary);font-size:.875rem}.header-nav{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--text-secondary);transition:color .2s}.nav-link:hover{color:var(--accent)}.contribute-btn{padding:.5rem 1rem;background:var(--accent);color:var(--bg-primary);border-radius:6px;font-weight:500;transition:all .2s}.contribute-btn:hover{opacity:.9;color:var(--bg-primary);transform:translateY(-1px)}.theme-toggle-btn{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:1.1rem;transition:all .2s}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.settings-wrapper{position:relative}.settings-btn{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);transition:all .2s}.settings-btn:hover{border-color:var(--accent);color:var(--accent)}.settings-icon{font-size:1.1rem}.settings-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;min-width:200px;z-index:100;box-shadow:0 4px 12px #0000004d}.settings-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:600;color:var(--text-primary)}.settings-section{padding:.75rem 1rem}.settings-label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.settings-select{width:100%;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.875rem}.settings-select:focus{outline:none;border-color:var(--accent)}.settings-info{padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}@media(max-width:768px){.header{padding:1rem}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.logo{font-size:1.25rem}.header-nav{width:100%}.contribute-btn{width:100%;text-align:center}}.algorithm-of-day{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--accent);border-radius:12px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 20px #00d9ff1a}.aotd-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#00d9ff1a;border-bottom:1px solid var(--border)}.aotd-badge{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.aotd-icon{font-size:1rem}.aotd-dismiss{background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.aotd-dismiss:hover{color:var(--text-primary)}.aotd-content{display:block;padding:1.25rem;color:var(--text-primary);text-decoration:none;transition:background .2s}.aotd-content:hover{background:#00d9ff0d}.aotd-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.aotd-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.aotd-category{font-size:.8rem;color:var(--text-secondary)}.aotd-difficulty{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.aotd-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aotd-cta{font-size:.85rem;color:var(--accent);font-weight:500}.aotd-content:hover .aotd-cta{text-decoration:underline}@media(max-width:768px){.algorithm-of-day{margin-bottom:1rem}.aotd-content{padding:1rem}.aotd-title{font-size:1.1rem}}.algorithm-list{display:flex;flex-direction:column;gap:1.5rem}.loading,.error,.no-results{text-align:center;padding:3rem;color:var(--text-secondary)}.error{color:#ff6b6b}.filters{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.search-box{width:100%}.search-input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.filter-row{display:flex;gap:.75rem;flex-wrap:wrap}.filter-select{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);min-width:150px}.filter-select:focus{outline:none;border-color:var(--accent)}.clear-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);transition:all .2s}.clear-btn:hover{border-color:var(--accent);color:var(--accent)}.favorites-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);transition:all .2s}.favorites-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.favorites-filter-btn.active{border-color:#ffc107;color:#ffc107;background:#ffc1071a}.favorites-filter-btn .star-icon{font-size:1rem}.results-info{color:var(--text-muted);font-size:.875rem}.recently-viewed-section{padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.recently-viewed-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.recently-viewed-title:before{content:"⌚";color:var(--accent)}.recently-viewed-list{display:flex;flex-wrap:wrap;gap:.5rem}.recently-viewed-item{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.875rem;transition:all .2s}.recently-viewed-item:hover{border-color:var(--accent);color:var(--accent)}.recent-icon{color:var(--accent);font-size:.75rem}.recent-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categories{display:flex;flex-direction:column;gap:2rem}.category-group{display:flex;flex-direction:column;gap:1rem}.category-title{font-size:1.25rem;font-weight:600;color:var(--accent);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.algorithm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.algorithm-card-wrapper{position:relative}.algorithm-card-wrapper.focused .algorithm-card{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 4px 12px #00d9ff33;transform:translateY(-2px)}.algorithm-card-wrapper.focused .favorite-btn{opacity:1}.favorite-btn{position:absolute;top:.5rem;right:.5rem;z-index:10;padding:.25rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:1rem;transition:all .2s;opacity:.7}.favorite-btn:hover{opacity:1;border-color:#ffc107;color:#ffc107}.favorite-btn.active{opacity:1;color:#ffc107;border-color:#ffc107;background:#ffc1071a}.algorithm-card{display:flex;flex-direction:column;gap:.75rem;padding:2.5rem 1.25rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);transition:all .2s}.algorithm-card:hover{border-color:var(--accent);transform:translateY(-2px);color:var(--text-primary)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card-title{font-size:1rem;font-weight:600;line-height:1.3}.difficulty{flex-shrink:0;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.card-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tag{padding:.2rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}@media(max-width:768px){.filter-row{flex-direction:column}.filter-select{width:100%}.algorithm-cards{grid-template-columns:1fr}}.algorithm-detail{display:flex;flex-direction:column;gap:1.5rem}.loading{text-align:center;padding:3rem;color:var(--text-secondary)}.error-page{text-align:center;padding:3rem}.error-page h2{margin-bottom:1rem;color:var(--text-primary)}.error-page p{color:var(--text-secondary);margin-bottom:2rem}.detail-header{display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;gap:.5rem;align-items:center}.favorite-detail-btn{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:1.1rem;transition:all .2s}.favorite-detail-btn:hover{border-color:#ffc107;color:#ffc107}.favorite-detail-btn.active{color:#ffc107;border-color:#ffc107;background:#ffc1071a}.learned-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all .2s}.learned-btn:hover{border-color:var(--success);color:var(--success)}.learned-btn.active{color:var(--success);border-color:var(--success);background:#00c8531a}.spoiler-hidden-msg{color:var(--text-muted);font-style:italic}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);transition:color .2s}.back-link:hover{color:var(--accent)}.back-arrow{font-size:1.2em}.share-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);transition:all .2s}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.export-wrapper{position:relative}.export-btn{padding:.5rem 1rem;background:var(--accent);border:1px solid var(--accent);border-radius:6px;color:var(--bg-primary);font-weight:500;transition:all .2s}.export-btn:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.playground-btn{padding:.5rem 1rem;background:var(--success);border:1px solid var(--success);border-radius:6px;color:#fff;font-weight:500;font-size:.875rem;text-decoration:none;transition:all .2s}.playground-btn:hover{background:#00a844;border-color:#00a844}.export-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:100;min-width:180px;overflow:hidden}.export-option{display:block;width:100%;padding:.6rem 1rem;text-align:left;font-size:.85rem;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:background .2s}.export-option:hover{background:var(--bg-tertiary)}.export-option:not(:last-child){border-bottom:1px solid var(--border)}.detail-content{display:flex;flex-direction:column;gap:2rem}.title-section{display:flex;flex-direction:column;gap:1rem}.detail-title{font-size:2rem;font-weight:700;line-height:1.2}.meta-row{display:flex;gap:.75rem;flex-wrap:wrap}.category-badge{padding:.35rem .75rem;background:#00d9ff1a;color:var(--accent);border-radius:4px;font-size:.875rem;font-weight:500}.difficulty-badge{padding:.35rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500}.difficulty-advanced{background:#ff525226;color:#ff5252}.tags-section{display:flex;flex-wrap:wrap;gap:.5rem}.tag-link{padding:.35rem .75rem;background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:.875rem;transition:all .2s}.tag-link:hover{background:var(--bg-secondary);color:var(--accent)}.section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.description{color:var(--text-secondary);line-height:1.7}.use-cases{list-style:none;display:flex;flex-direction:column;gap:.5rem}.use-cases li{position:relative;padding-left:1.5rem;color:var(--text-secondary)}.use-cases li:before{content:">";position:absolute;left:0;color:var(--accent)}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow-x:auto}.code-block pre{color:var(--text-primary);line-height:1.6;font-size:.875rem}.complexity{display:flex;flex-direction:column;gap:.75rem}.complexity-item{display:flex;gap:1rem}.complexity-label{color:var(--accent);font-weight:500;min-width:60px}.complexity-value{color:var(--text-secondary)}.aoc-examples{list-style:none;display:flex;flex-direction:column;gap:.5rem}.aoc-examples li{position:relative;padding-left:1.5rem;color:var(--text-secondary)}.aoc-examples li:before{content:"*";position:absolute;left:0;color:var(--success)}.resources{list-style:none;display:flex;flex-direction:column;gap:.5rem}.resources li a{color:var(--accent);word-break:break-all}.resources li a:hover{text-decoration:underline}.examples-section{margin-top:1rem}.example-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-top:1rem}.example-title{font-size:1.1rem;font-weight:600;color:var(--accent);margin-bottom:.5rem}.example-description{color:var(--text-secondary);margin-bottom:1rem}.example-io{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.io-block{display:flex;flex-direction:column;gap:.5rem}.io-label{font-weight:500;color:var(--text-primary);font-size:.875rem}.io-content{background:var(--bg-tertiary);padding:.75rem;border-radius:4px;font-size:.875rem;color:var(--text-secondary);overflow-x:auto}.visual-block{margin-top:1rem}.visual-label{display:block;font-weight:500;color:var(--accent);margin-bottom:.5rem}.visual-content{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;font-size:.8rem;line-height:1.5;overflow-x:auto;color:var(--text-primary);white-space:pre}.steps-block{margin-top:1rem}.steps-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.steps-list{list-style:none;counter-reset:step}.step-item{display:flex;flex-direction:column;gap:.25rem;background:var(--bg-tertiary);border-radius:4px;margin-bottom:.5rem;position:relative;padding:.75rem .75rem .75rem 2.5rem}.step-item:before{counter-increment:step;content:counter(step);position:absolute;left:.75rem;top:.75rem;width:1.25rem;height:1.25rem;background:var(--accent);color:var(--bg-primary);border-radius:50%;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.step-desc{color:var(--text-primary);font-size:.875rem}.step-state{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.key-insight{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#00d9ff14;border-left:3px solid var(--accent);border-radius:0 8px 8px 0}.insight-icon{font-size:1.25rem;flex-shrink:0}.key-insight p{color:var(--text-primary);line-height:1.6;margin:0}.recognition-hints{list-style:none;display:flex;flex-direction:column;gap:.5rem}.recognition-hints li{position:relative;padding-left:1.5rem;color:var(--text-secondary)}.recognition-hints li:before{content:"?";position:absolute;left:0;color:#ffc107;font-weight:700}.pitfalls-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.pitfalls-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#ff525214;border-radius:6px;color:var(--text-secondary)}.pitfall-icon{flex-shrink:0}.related-links{display:flex;flex-wrap:wrap;gap:.5rem}.related-link{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:.875rem;transition:all .2s}.related-link:hover{background:var(--bg-secondary);border-color:var(--accent)}@media(max-width:768px){.detail-title{font-size:1.5rem}.code-block{padding:1rem;font-size:.8rem}.example-io{grid-template-columns:1fr}.visual-content{font-size:.7rem;padding:1rem}}.spoiler-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.spoiler-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem;max-width:420px;width:100%;text-align:center;animation:dialogFadeIn .2s ease-out}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spoiler-icon{width:48px;height:48px;margin:0 auto 1rem;background:#ffc10726;color:#ffc107;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.spoiler-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.spoiler-message{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.spoiler-actions{display:flex;gap:.75rem;justify-content:center}.spoiler-btn{padding:.625rem 1.25rem;border-radius:6px;font-weight:500;transition:all .2s}.spoiler-btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.spoiler-btn-cancel:hover{background:var(--bg-primary);color:var(--text-primary)}.spoiler-btn-confirm{background:var(--accent);border:1px solid var(--accent);color:var(--bg-primary)}.spoiler-btn-confirm:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.spoiler-reveal-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px dashed var(--border);border-radius:8px;color:var(--text-secondary);font-size:.9rem;transition:all .2s;width:100%;justify-content:center}.spoiler-reveal-btn:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.spoiler-reveal-icon{font-size:1rem}@media(max-width:480px){.spoiler-dialog{padding:1.5rem}.spoiler-actions{flex-direction:column}.spoiler-btn{width:100%}}.pseudo-code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border);min-height:42px}.selection-info{display:flex;align-items:center;gap:.75rem}.selection-count{font-size:.8rem;color:var(--text-secondary)}.clear-selection-btn{padding:.25rem .5rem;font-size:.75rem;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .2s}.clear-selection-btn:hover{color:var(--accent);border-color:var(--accent)}.copy-buttons{display:flex;gap:.5rem}.copy-btn{padding:.35rem .75rem;font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .2s}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.copy-all-btn{background:var(--bg-tertiary)}.share-wrapper{position:relative}.share-code-btn{padding:.35rem .75rem;font-size:.8rem;color:var(--text-secondary);background:var(--accent);color:var(--bg-primary);border:1px solid var(--accent);border-radius:4px;cursor:pointer;transition:all .2s;font-weight:500}.share-code-btn:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.share-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:100;min-width:180px;overflow:hidden}.share-option{display:block;width:100%;padding:.6rem 1rem;text-align:left;font-size:.85rem;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:background .2s}.share-option:hover{background:var(--bg-tertiary)}.share-option:not(:last-child){border-bottom:1px solid var(--border)}.code-container{overflow-x:auto}.code-table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.6}.code-line{transition:background-color .1s}.code-line:hover{background:var(--code-line-hover)}.code-line.selected,.code-line.selected:hover{background:var(--code-line-selected)}.line-number{width:1%;min-width:50px;padding:0 1rem;text-align:right;color:var(--line-number);-webkit-user-select:none;user-select:none;cursor:pointer;vertical-align:top;border-right:1px solid var(--border);transition:color .2s}.line-number:hover,.code-line.selected .line-number{color:var(--accent)}.line-content{padding:0 1rem;white-space:pre}.line-content pre{margin:0;display:inline}.line-content code{color:var(--text-primary)}@media(max-width:768px){.code-toolbar{flex-direction:column;gap:.5rem;align-items:flex-start}.copy-buttons{width:100%;justify-content:flex-end}.line-number{min-width:40px;padding:0 .5rem}.line-content{padding:0 .5rem}}.submit-form{max-width:800px;margin:0 auto}.form-header{margin-bottom:2rem}.form-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);margin-bottom:1rem}.form-header .back-link:hover{color:var(--accent)}.form-header h1{font-size:2rem;margin-bottom:.5rem}.form-header p{color:var(--text-secondary)}.form-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.form-section h3{font-size:1.1rem;margin-bottom:1rem;color:var(--accent)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:80px}.form-group .code-input{font-family:var(--font-mono);font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.captcha-section{margin-bottom:1rem}.captcha-section>label{display:block;margin-bottom:.5rem;font-weight:500}.captcha-box{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.captcha-question{background:var(--bg-tertiary);padding:.75rem 1rem;border-radius:6px;font-weight:500;color:var(--accent)}.captcha-box input{width:100px;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem}.captcha-box input:focus{outline:none;border-color:var(--accent)}.refresh-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.refresh-btn:hover{border-color:var(--accent);color:var(--accent)}.error-message{background:#ff52521a;border:1px solid rgba(255,82,82,.3);color:#ff5252;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.submit-btn{width:100%;padding:1rem;background:var(--accent);border:none;border-radius:6px;color:var(--bg-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-success{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.submit-success h2{color:var(--success);margin-bottom:1rem}.submit-success p{color:var(--text-secondary);margin-bottom:.5rem}.back-btn{display:inline-block;margin-top:2rem;padding:.75rem 1.5rem;background:var(--accent);color:var(--bg-primary);border-radius:6px;font-weight:500;transition:opacity .2s}.back-btn:hover{opacity:.9}@media(max-width:768px){.form-row{grid-template-columns:1fr}.captcha-box{flex-direction:column;align-items:stretch}.captcha-box input{width:100%}}.dashboard{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem;text-align:center}.dashboard-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.dashboard-subtitle{color:var(--text-muted);font-size:1rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:var(--accent)}.stat-value{display:block;font-size:2.5rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:.5rem}.stat-label{display:block;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.dashboard-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.dashboard-section h2{font-size:1.25rem;margin-bottom:.25rem;color:var(--text-primary)}.section-subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.empty-state{color:var(--text-muted);font-style:italic;text-align:center;padding:2rem}.suggestion-list{display:flex;flex-direction:column;gap:1rem}.suggestion-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:border-color .2s}.suggestion-card:hover{border-color:var(--accent-dim)}.suggestion-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.suggestion-name{font-weight:600;color:var(--text-primary);text-decoration:none}.suggestion-name:hover{color:var(--accent)}.suggestion-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prereq-info{font-size:.75rem;color:var(--success);margin-bottom:.75rem}.learn-btn{background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.learn-btn:hover{background:var(--accent-dim);transform:translateY(-1px)}.difficulty{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.category-progress-list{display:flex;flex-direction:column;gap:.75rem}.progress-row{display:flex;flex-direction:column;gap:.25rem}.progress-info{display:flex;justify-content:space-between;align-items:center}.progress-category{font-size:.875rem;color:var(--text-primary)}.progress-count{font-size:.75rem;color:var(--text-muted)}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dim));border-radius:4px;transition:width .3s ease}.learned-list{display:flex;flex-direction:column;gap:.5rem}.learned-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;text-decoration:none;transition:background .2s}.learned-item:hover{background:var(--border)}.learned-check{color:var(--success);font-size:1rem}.learned-name{flex:1;color:var(--text-primary);font-weight:500}.learned-date{font-size:.75rem;color:var(--text-muted)}.viewed-list{display:flex;flex-direction:column;gap:.5rem}.viewed-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;text-decoration:none;transition:background .2s}.viewed-item:hover{background:var(--border)}.viewed-name{color:var(--text-primary)}.learned-badge{font-size:.75rem;padding:.2rem .5rem;background:#00c85326;color:var(--success);border-radius:4px}@media(max-width:768px){.dashboard{padding:1rem}.dashboard-grid{grid-template-columns:1fr}.stats-section{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:2rem}}.compare-page{max-width:1400px;margin:0 auto;padding:2rem}.compare-header{margin-bottom:2rem;text-align:center}.compare-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.compare-subtitle{color:var(--text-muted);font-size:1rem}.quick-compare-section{margin-bottom:3rem}.quick-compare-section h2{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.quick-compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.quick-compare-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-align:left;cursor:pointer;transition:all .2s}.quick-compare-card:hover{border-color:var(--accent-dim);transform:translateY(-2px)}.quick-compare-card.active{border-color:var(--accent);background:#00d9ff0d}.quick-compare-card h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.quick-compare-card p{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem;line-height:1.4}.quick-compare-algos{display:flex;flex-wrap:wrap;gap:.5rem}.algo-chip{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;color:var(--accent);font-family:var(--font-mono, monospace)}.custom-compare-section{margin-bottom:2rem}.custom-compare-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.custom-compare-header h2{font-size:1.25rem;color:var(--text-primary)}.clear-selection-btn{padding:.4rem .75rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.clear-selection-btn:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.selection-info{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.algorithm-selector{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;max-height:200px;overflow-y:auto}.selector-chip{padding:.4rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.selector-chip:hover:not(:disabled){border-color:var(--accent-dim);color:var(--text-primary)}.selector-chip.selected{background:#00d9ff26;border-color:var(--accent);color:var(--accent)}.selector-chip:disabled{opacity:.5;cursor:not-allowed}.comparison-section{margin-top:2rem}.comparison-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.key-differences{margin-bottom:2rem}.key-differences h3{font-size:1.1rem;margin-bottom:1rem;color:var(--accent)}.differences-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.diff-header{display:flex;background:var(--bg-tertiary);border-bottom:2px solid var(--border)}.diff-row{display:flex;border-bottom:1px solid var(--border)}.diff-row:last-child{border-bottom:none}.diff-cell{flex:1;padding:.75rem 1rem;font-size:.875rem;color:var(--text-secondary)}.diff-cell.aspect-cell{flex:0 0 150px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary)}.diff-cell.algo-header{font-weight:600}.diff-cell.algo-header a{color:var(--accent);text-decoration:none}.diff-cell.algo-header a:hover{text-decoration:underline}.comparison-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:2rem}.comparison-header-row{display:flex;background:var(--bg-tertiary);border-bottom:2px solid var(--border)}.comparison-row{display:flex;border-bottom:1px solid var(--border)}.comparison-row:last-child{border-bottom:none}.comparison-cell{flex:1;padding:1rem;font-size:.875rem;color:var(--text-secondary);min-width:0}.comparison-cell.label-cell{flex:0 0 160px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary)}.comparison-cell.algo-name-cell{font-weight:600}.comparison-cell.algo-name-cell a{color:var(--accent);text-decoration:none}.comparison-cell.algo-name-cell a:hover{text-decoration:underline}.no-value{color:var(--text-muted);font-style:italic}.compare-list{list-style:none;margin:0;padding:0}.compare-list li{position:relative;padding-left:1rem;margin-bottom:.25rem;font-size:.8rem;line-height:1.4}.compare-list li:before{content:">";position:absolute;left:0;color:var(--accent)}.compare-list .more-items{color:var(--text-muted);font-style:italic}.compare-list .more-items:before{content:""}.compare-links{display:flex;flex-wrap:wrap;gap:.25rem}.prereq-link{padding:.2rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;color:var(--accent);text-decoration:none}.prereq-link:hover{background:var(--border)}.difficulty-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.difficulty-beginner{background:#00c85326;color:#00c853}.difficulty-intermediate{background:#ffc10726;color:#ffc107}.difficulty-advanced{background:#f4433626;color:#f44336}.pseudo-code-comparison{margin-top:2rem}.pseudo-code-comparison h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary)}.code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.code-column{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.code-column h4{padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border);font-size:.9rem;color:var(--accent)}.compare-code{padding:1rem;margin:0;font-size:.8rem;line-height:1.5;color:var(--text-primary);overflow-x:auto;max-height:400px;overflow-y:auto}.single-selection-msg{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}@media(max-width:768px){.compare-page{padding:1rem}.quick-compare-grid{grid-template-columns:1fr}.diff-cell.aspect-cell,.comparison-cell.label-cell{flex:0 0 100px;font-size:.75rem}.diff-cell,.comparison-cell{padding:.5rem;font-size:.75rem}.code-grid{grid-template-columns:1fr}}.playground{max-width:1400px;margin:0 auto;padding:1.5rem}.playground-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.playground-title h1{font-size:1.75rem;margin-bottom:.25rem;color:var(--text-primary)}.playground-title p{color:var(--text-muted);font-size:.9rem}.back-to-algo{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:.875rem;text-decoration:none;transition:all .2s}.back-to-algo:hover{background:var(--bg-secondary);border-color:var(--accent)}.playground-layout{display:grid;grid-template-columns:250px 1fr 220px;gap:1.5rem}.playground-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem}.sidebar-section h3{font-size:.9rem;color:var(--text-primary);margin-bottom:.75rem;font-weight:600}.algo-select{width:100%;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem}.algo-desc{margin-top:.5rem;font-size:.8rem;color:var(--text-muted);line-height:1.4}.example-buttons,.edit-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.example-btn,.edit-btn{padding:.4rem .6rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.example-btn:hover,.edit-btn:hover{border-color:var(--accent-dim);color:var(--text-primary)}.example-btn.active,.edit-btn.active{background:#00d9ff26;border-color:var(--accent);color:var(--accent)}.edit-hint{margin-top:.5rem;font-size:.75rem;color:var(--accent);font-style:italic}.speed-control{display:flex;align-items:center;gap:.75rem}.speed-control input{flex:1;accent-color:var(--accent)}.speed-control span{font-size:.8rem;color:var(--text-muted);min-width:50px}.playground-main{display:flex;flex-direction:column;gap:1rem}.playback-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.control-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s}.control-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.play-btn{width:50px;background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.control-btn.play-btn:hover:not(:disabled){background:var(--accent-dim)}.step-counter{margin-left:1rem;font-size:.875rem;color:var(--text-muted)}.step-description{padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;color:var(--text-primary);font-size:.9rem}.grid-container{display:flex;justify-content:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.algorithm-grid{display:grid;gap:2px;background:var(--border);padding:2px;border-radius:4px}.grid-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:.75rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s}.grid-cell:hover{outline:2px solid var(--accent);outline-offset:-2px}.grid-cell.wall{background:var(--text-muted)}.grid-cell.start{background:#00c853;color:#fff}.grid-cell.goal{background:#ff5252;color:#fff}.grid-cell.visited{background:#00d9ff33}.grid-cell.current{background:var(--accent);color:var(--bg-primary)}.grid-cell.highlight-start{box-shadow:inset 0 0 0 2px #00c853}.grid-cell.highlight-goal{box-shadow:inset 0 0 0 2px #ff5252}.grid-cell.highlight-current{background:var(--accent);color:var(--bg-primary)}.grid-cell.highlight-frontier{background:#ffc10766}.grid-cell.highlight-path,.grid-cell.path{background:#ffc107;color:var(--bg-primary)}.grid-cell.highlight-failure{background:#ff52524d}.legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid var(--border)}.legend-color.start{background:#00c853}.legend-color.goal{background:#ff5252}.legend-color.wall{background:var(--text-muted)}.legend-color.visited{background:#00d9ff4d}.legend-color.current{background:var(--accent)}.legend-color.path{background:#ffc107}.playground-state{display:flex;flex-direction:column;gap:1rem}.state-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem}.state-section h3{font-size:.85rem;color:var(--accent);margin-bottom:.5rem;font-weight:600}.data-structure{display:flex;flex-wrap:wrap;gap:.25rem}.ds-item{padding:.2rem .4rem;background:var(--bg-tertiary);border-radius:3px;font-size:.7rem;font-family:var(--font-mono, monospace);color:var(--text-secondary)}.empty-state{font-size:.8rem;color:var(--text-muted);font-style:italic}.visited-list{display:flex;flex-wrap:wrap;gap:.25rem}.visited-item{font-size:.7rem;font-family:var(--font-mono, monospace);color:var(--text-muted)}.more-items{font-size:.7rem;color:var(--text-muted);font-style:italic}.result-section{border-color:var(--success);background:#00c8530d}.result-info p{font-size:.875rem;color:var(--success);margin:.25rem 0}@media(max-width:1100px){.playground-layout{grid-template-columns:1fr}.playground-sidebar{flex-direction:row;flex-wrap:wrap}.sidebar-section{flex:1;min-width:200px}.playground-state{flex-direction:row;flex-wrap:wrap}.state-section{flex:1;min-width:150px}}@media(max-width:600px){.playground{padding:1rem}.playground-header{flex-direction:column;gap:1rem}.grid-cell{width:30px;height:30px;font-size:.65rem}.playback-controls{flex-wrap:wrap}}.keyboard-help-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.keyboard-help-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006}.keyboard-help-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.keyboard-help-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.keyboard-help-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.shortcut-section h3{font-size:.875rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.shortcut-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.shortcut-item{display:flex;align-items:center;gap:1rem}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.35rem .6rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.shortcut-desc{color:var(--text-secondary);font-size:.9rem}.keyboard-help-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem}.keyboard-help-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.2rem .4rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:.8rem;margin:0 .25rem}@media(max-width:480px){.keyboard-help-modal{width:95%;max-height:90vh}.keyboard-help-content{padding:1rem}.shortcut-item{gap:.75rem}.shortcut-key{min-width:1.75rem;font-size:.75rem}}.offline-indicator{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;z-index:1000;box-shadow:0 4px 12px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.offline-indicator.offline{background:#ff5252;color:#fff}.offline-indicator.online{background:var(--success);color:#fff}.indicator-icon{font-size:1rem}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}@media(max-width:768px){.main{padding:1rem}}