*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--text: #000000;--muted: #444444;--line: #000000;--surface: #ffffff}body{font-family:Iosevka,IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--bg);min-height:100vh;padding:32px 18px;color:var(--text);line-height:1.45;font-size:16px}.container{max-width:980px;margin:0 auto}header{text-align:left;margin-bottom:20px;color:var(--text)}header h1{font-size:1.6rem;margin-bottom:6px;font-weight:700}.subtitle{font-size:1rem;color:var(--muted)}.playground{margin-bottom:20px}.editor-section{background:var(--surface);border-radius:0;box-shadow:none;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--line)}.button-group{display:flex;gap:10px}.section-header h2{font-size:1.1rem;color:#000}.format-btn,.copy-btn,.run-tests-btn{padding:6px 10px;border:1px solid var(--line);border-radius:0;font-size:.95rem;font-weight:400;cursor:pointer;transition:none;background:var(--surface);color:var(--text)}.format-btn{background:var(--surface);color:var(--text)}.format-btn:hover{background:#f1f1f1}.format-btn:active{transform:translateY(0)}.copy-btn{background:var(--surface);color:var(--text)}.copy-btn:hover{background:#f1f1f1}.run-tests-btn{background:var(--surface);color:var(--text)}.run-tests-btn:hover{background:#f1f1f1}.run-tests-btn:active{transform:translateY(0)}.code-editor{flex:1;width:100%;min-height:520px;padding:12px;border:none;font-family:inherit;font-size:1rem;line-height:1.45;resize:none;outline:none;background:#fff;color:var(--text)}.error-message{background:#fff5f5;color:#7f1d1d;padding:10px 12px;border-radius:0;border:1px solid #dc2626;margin-top:20px;box-shadow:none}.error-message:before{content:"⚠️ ";margin-right:8px}.success-message{background:#f0fdf4;color:#14532d;padding:10px 12px;border-radius:0;border:1px solid #16a34a;margin-top:20px;box-shadow:none}.success-message:before{content:"✓ ";margin-right:8px}.format-btn.loading,.run-tests-btn.loading{opacity:.6;cursor:not-allowed;pointer-events:none}.format-btn.loading:after,.run-tests-btn.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.test-results{background:#fff;border-radius:0;box-shadow:none;border:1px solid #000000;padding:12px;margin-top:20px}.test-results-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #000000}.test-results-header h3{font-size:1.5rem;color:#000;margin-bottom:15px}.test-summary{display:flex;gap:20px;flex-wrap:wrap}.test-summary span{padding:6px 12px;border-radius:6px;font-weight:500;font-size:.95rem}.test-total{background:#fff;color:#000;border:1px solid #000000}.test-passed{background:#f0fdf4;color:#14532d;border:1px solid #16a34a}.test-failed{background:#fff5f5;color:#7f1d1d;border:1px solid #dc2626}.test-cached{background:#fff;color:#000;border:1px solid #000000}.test-results-body{margin-top:20px}.test-group{margin-bottom:25px}.test-group:last-child{margin-bottom:0}.test-group h4{font-size:1.1rem;color:#000;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #000000}.test-list{list-style:none;padding:0;margin:0}.test-item{padding:10px 12px;margin-bottom:8px;border-radius:0;display:flex;flex-direction:column;transition:none;border:1px solid #000000}.test-item-content{display:flex;align-items:flex-start;gap:12px}.test-item.test-pass{background:#f0fdf4;border-left:3px solid #16a34a}.test-item.test-fail{background:#fff5f5;border-left:3px solid #dc2626}.test-status{font-weight:700;font-size:1rem;flex-shrink:0;width:24px;text-align:center}.test-item.test-pass .test-status{color:#16a34a}.test-item.test-fail .test-status{color:#dc2626}.test-name{flex:1;color:#000;font-weight:500}.test-error{margin-top:8px;padding:8px 12px;background:#fee2e2;border-radius:0;color:#7f1d1d;border:1px solid #dc2626;font-size:.95rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;white-space:pre-wrap;word-break:break-word;width:100%}.app-shell{display:flex;align-items:flex-start;gap:28px}.side-nav{width:220px;flex:0 0 220px;background:transparent;border:1px solid #000000;border-radius:0;padding:12px;color:#000;position:sticky;top:20px;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{display:inline-block;color:#000;font-size:1.05rem;font-weight:700;text-decoration:none;margin-bottom:4px}.side-nav-tagline{font-size:.9rem;color:var(--muted);margin-bottom:10px}.side-nav-links{display:flex;flex-direction:column;gap:8px}.side-link{display:block;color:#000;text-decoration:none;padding:5px 6px;border-radius:0;border:1px solid transparent;font-size:1rem}.side-link:hover{background:#f3f3f3;border-color:#000;text-decoration:none}.side-link.is-active{background:#fff;border-color:#000;font-weight:700}.main-content{flex:1;min-width:0}.learn-doc{max-width:980px;background:#fff;border:1px solid #000000;border-radius:0;box-shadow:none;padding:16px;color:#000;margin:0 auto}.learn-doc p{font-size:1rem;line-height:1.5;margin-bottom:12px}.learn-doc h2{font-size:1.15rem;color:#000;border-bottom:1px solid #000000;padding-bottom:6px;margin-top:20px;margin-bottom:12px}.learn-doc h3{font-size:1rem;color:#000;margin-top:14px;margin-bottom:6px}.learn-toc ol{padding-left:20px;margin:0}.learn-toc li{margin:6px 0}.learn-doc ul,.learn-doc ol{padding-left:20px}.learn-doc li{font-size:1rem;margin:8px 0}.learn-section{margin-top:2px}.learn-doc code,.learn-doc pre{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace}.learn-doc pre{margin:10px 0 0;background:#fff;border:1px solid #000000;border-radius:0;padding:10px 12px;line-height:1.45;font-size:1rem;color:#000;overflow-x:auto}.learn-doc p code{background:#f5f5f5;border-radius:0;border:1px solid #000000;padding:1px 4px}.advantage-item{border:1px solid #000000;border-radius:0;padding:10px 12px;margin:10px 0;background:#fff}.advantage-item summary{cursor:pointer;line-height:1.45}.advantage-item p{margin-top:10px;margin-bottom:8px}.learn-doc a,.inline-link{color:#000;text-decoration:none;border-bottom:1px solid #000000}.learn-doc a:hover,.inline-link:hover{background:#f2f2f2;text-decoration:none}@media (max-width: 980px){.app-shell{flex-direction:column}.side-nav{width:100%;flex:none;position:static}.side-nav-links{flex-direction:row;flex-wrap:wrap}}@media (max-width: 640px){.section-header{flex-direction:column;align-items:flex-start;gap:10px}.button-group{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.format-btn,.copy-btn,.run-tests-btn{width:100%}.learn-doc{padding:20px 16px}.learn-doc-header h1{font-size:1.8rem}}