:root{--bg:#0e0b07;--bg-2:#1a140c;--panel:#221a10;--border:#3a2a17;--text:#e7d6b2;--text-dim:#b59f74;--accent:#f0a830;--accent-2:#ffd86b;--shadow:0 6px 0 #000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 20% 0%, #2a1d0c 0%, transparent 50%), radial-gradient(circle at 80% 100%, #2a1d0c 0%, transparent 50%), var(--bg);min-height:100%;color:var(--text);margin:0;padding:0}#app{justify-content:center;padding:4rem 1.25rem 6rem;display:flex}.landing{width:100%;max-width:720px;animation:.35s ease-out both fadeIn}.lesson{width:100%;max-width:880px;animation:.35s ease-out both fadeIn}h1{color:var(--accent-2);letter-spacing:-.01em;text-shadow:2px 2px #000;margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem)}.tag{color:var(--text-dim);margin:0 0 2rem;font-style:italic}.form{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.form label{color:var(--text);font-weight:600}.form em{color:var(--accent);font-style:italic}.form input{font:inherit;border:1px solid var(--border);background:var(--bg-2);color:var(--text);border-radius:8px;outline:none;padding:.75rem .9rem;transition:border-color .12s}.form input:focus{border-color:var(--accent)}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#2a1a05;text-align:center;border-radius:8px;padding:.75rem 1rem;font-weight:600;transition:transform 80ms,background .12s}button:hover{background:var(--accent-2)}button:active{transform:translateY(1px)}.hint{color:var(--text-dim);margin-top:1.25rem;font-size:.9rem}code{background:var(--bg-2);border:1px solid var(--border);color:var(--accent-2);border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.lesson header{margin-bottom:2rem}.lesson .q{color:var(--accent)}.browser{color:#2a1a05;-webkit-user-select:none;user-select:none;cursor:default;background:#f4ecdb;border:1px solid #000;border-radius:10px;width:100%;margin:0 0 2rem;position:relative;overflow:hidden;box-shadow:0 14px 40px #0000008c}.chrome{background:linear-gradient(#2a221a,#1c1610);border-bottom:1px solid #000;align-items:center;gap:.75rem;padding:.55rem .85rem;display:flex}.dots{gap:.4rem;display:flex}.dots i{background:#555;border-radius:50%;width:12px;height:12px;display:block}.dots i:first-child{background:#ff5f56}.dots i:nth-child(2){background:#ffbd2e}.dots i:nth-child(3){background:#27c93f}.addr{color:#d6c499;background:#0f0a05;border:1px solid #000;border-radius:6px;flex:1;align-items:center;gap:.5rem;min-height:1.6rem;padding:.35rem .7rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem;display:flex}.addr .lock{opacity:.7;font-size:.75rem}.page{background:#f4ecdb;min-height:360px;position:relative}.wiki-header{color:#f4ecdb;background:linear-gradient(#3b2a14,#2c1f0e);border-bottom:2px solid #000;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.logo{letter-spacing:.01em;align-items:center;gap:.6rem;font-weight:700;display:flex}.logo-mark{color:#2a1a05;background:#f0a830;border:1px solid #000;border-radius:4px;place-items:center;width:28px;height:28px;font-size:1rem;display:inline-grid}.logo-text{color:#ffd86b;font-family:Trajan Pro,Times New Roman,serif;font-size:1.05rem}.search-wrap{background:#fff;border:1px solid #000;border-radius:4px;align-items:stretch;gap:0;display:flex;overflow:hidden}.fake-search{font:inherit;color:#2a1a05;caret-color:#0000;background:#fff;border:none;outline:none;width:220px;padding:.45rem .7rem;font-size:.9rem}.fake-search.focused{caret-color:#2a1a05;background:#fffce8;box-shadow:inset 0 0 0 2px #f0a830}.fake-go{font:inherit;color:#2a1a05;cursor:default;background:#d9c896;border:none;border-left:1px solid #000;border-radius:0;padding:.4rem .75rem;font-size:.85rem;font-weight:600;transition:background .12s}.fake-go.pressed{background:#f0a830}.wiki-nav{color:#5a4a2a;background:#e8dfc6;border-bottom:1px solid #b8a878;gap:1.2rem;padding:.5rem 1.1rem;font-size:.85rem;display:flex}.page-body{flex-direction:column;gap:.85rem;padding:1.4rem 1.1rem 2rem;display:flex}.block{background:#d6c9a5;border-radius:3px;height:14px}.block.w90{width:90%}.block.w80{width:80%}.block.w70{width:70%}.block.w60{width:60%}.block.w50{width:50%}.cursor{pointer-events:none;filter:drop-shadow(0 2px 2px #00000080);z-index:5;width:28px;height:28px;transition:transform .12s;position:absolute;top:0;left:0;transform:translate(-4px,-2px)}.cursor.click{transform:translate(-4px,-2px)scale(.85)}.ripple{pointer-events:none;z-index:4;background:#f0a8308c;border-radius:50%;width:0;height:0;animation:.55s ease-out forwards ripple;position:absolute;transform:translate(-50%,-50%)}@keyframes ripple{0%{opacity:.7;width:0;height:0}to{opacity:0;width:80px;height:80px}}@media (width<=560px){.fake-search{width:130px}.logo-text{font-size:.85rem}.wiki-nav{gap:.8rem;font-size:.78rem}}.fallback{text-align:center;color:var(--text-dim);margin-top:1.5rem;font-size:.85rem}.fallback a{color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}