@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;700&display=swap";header{border-bottom:1px solid var(--border);background:linear-gradient(to bottom,#ffffff0d,#fff0 45%),var(--surface);box-shadow:0 1px #ffffff08 inset,0 3px 10px #00000040}.header-inner{max-width:680px;margin:0 auto;padding:0 28px;height:52px;display:flex;align-items:center;justify-content:space-between}.site-name{font-size:14px;font-weight:500;color:var(--mid);letter-spacing:.02em;text-decoration:none}.site-name:hover{color:var(--purple)}nav{display:flex;gap:0}nav a{font-size:13px;color:var(--soft);text-decoration:none;padding:6px 12px;border-radius:6px;transition:color .15s,background .15s}nav a:hover{color:var(--text);background:linear-gradient(to bottom,#ffffff14,#fff0 50%),var(--surface);box-shadow:0 1px #ffffff0f inset,0 1px 3px #0000004d}.spanish-tip{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--purple-dim);text-underline-offset:3px;cursor:pointer}#mouse-tooltip{position:fixed;pointer-events:none;z-index:999;background:linear-gradient(to bottom,#ffffff14,#fff0 50%),var(--surface);border:1px solid var(--purple-dim);color:var(--purple-lt);font-size:12px;font-family:Inter,sans-serif;font-weight:400;white-space:nowrap;padding:6px 12px;border-radius:6px;box-shadow:0 1px #ffffff1a inset,0 4px 20px #00000080;opacity:0;transition:opacity .18s ease;top:0;left:0;will-change:transform}@keyframes float{0%,to{transform:translateY(3px)}50%{transform:translateY(-3px)}}@keyframes floatLess{0%,to{transform:translateY(1.5px)}50%{transform:translateY(-1.5px)}}.float-char{display:inline-block;animation:float 2.5s ease-in-out infinite}.thought-bubble-procedural .float-char{display:inline-block;animation:floatLess 2.5s ease-in-out infinite}.title-with-thought{display:flex;align-items:center;gap:56px;position:relative;flex-wrap:nowrap}.title-with-thought h1{flex-shrink:0}.thought-bubble-wrapper{display:inline-flex;position:relative;margin-top:-4px;margin-left:0;flex-shrink:1;min-width:0;filter:drop-shadow(0 0 1.2px var(--purple-dim)) drop-shadow(0 0 8px rgba(167,139,250,.22)) drop-shadow(0 4px 12px rgba(0,0,0,.45))}.thought-bubble-procedural{position:relative;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;animation:cloudFloat 2.5s ease-in-out infinite;animation-delay:.75s;box-sizing:border-box;transition:transform .12s ease,width .28s ease,height .28s ease}.thought-bubble-wrapper[role=button]:active .thought-bubble-procedural{transform:scale(.96)}.thought-bubble-wrapper[role=button]:focus-visible{outline:2px solid var(--purple-dim);outline-offset:4px;border-radius:20px}.cloud-gradient-canvas{position:absolute;left:var(--svg-margin, -20px);top:var(--svg-margin, -20px);z-index:0;pointer-events:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.08))}@keyframes cloudFloat{0%,to{transform:translateY(3px)}50%{transform:translateY(-3px)}}.fade-in{opacity:0;animation:fadeIn 1s cubic-bezier(.16,1,.3,1) forwards}.age-line{display:flex;align-items:center;gap:8px;margin-top:28px;color:var(--mid);font-size:14px}.age-num{font-family:"Instrument Serif",serif;font-size:26px;color:var(--purple);line-height:1}.dot{width:5px;height:5px;background:radial-gradient(circle at 35% 30%,var(--purple-lt),var(--purple-dim) 70%);border-radius:50%;box-shadow:0 0 2px #0006}.bullets{list-style:none;display:flex;flex-direction:column;gap:10px;padding-left:16px}.bullets li{font-size:15px;color:var(--mid);display:flex;align-items:center;gap:10px}.bullets li:before{content:"—";color:var(--purple-dim);font-size:13px;flex-shrink:0}.projects-wrapper{display:flex;flex-direction:column;gap:20px}.project-link-row{display:flex;gap:10px;flex-wrap:wrap}.project-link-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mid);text-decoration:none;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:linear-gradient(to bottom,#ffffff0f,#fff0 55%),var(--surface);box-shadow:0 1px #ffffff0a inset,0 1px 2px #0003;transition:border-color .15s,color .15s,box-shadow .15s}.project-link-chip:hover{border-color:var(--purple-dim);color:var(--purple-lt);box-shadow:0 1px #ffffff14 inset,0 2px 6px #6d28d940}.project-link-chip svg{opacity:.5;flex-shrink:0}.ext-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ext-card{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(to bottom,#ffffff0d,#fff0 40%),var(--surface);box-shadow:0 1px #ffffff0a inset,0 2px 6px #0003;aspect-ratio:16 / 9;cursor:default;transition:border-color .2s,transform .2s,box-shadow .2s}.ext-card:hover{border-color:var(--purple-dim);transform:translateY(-2px);box-shadow:0 1px #ffffff0f inset,0 8px 20px #6d28d933}.ext-card img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.ext-card:hover img{opacity:.35}.ext-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;opacity:0;transition:opacity .2s}.ext-card:hover .ext-overlay{opacity:1}.ext-name{font-size:13px;font-weight:500;color:var(--text);line-height:1.3;margin-bottom:4px}.ext-desc{font-size:11px;color:var(--mid);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ext-card.no-img{display:flex;align-items:center;justify-content:center}.ext-card.no-img .ext-placeholder{font-size:28px;opacity:.15}@media (max-width: 520px){nav{display:none}.ext-grid{grid-template-columns:repeat(1,1fr)}.title-with-thought{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:26px}.thought-bubble-wrapper{margin-left:0;align-self:flex-start}.thought-bubble-procedural{max-width:min(280px,90vw);padding:6px 14px}}.qa-page{padding-bottom:72px;overflow-x:hidden}.qa-page h1{overflow-wrap:anywhere;text-align:center}.qa-container{display:flex;flex-direction:column;gap:32px}.qa-tabs{display:flex;gap:8px;margin:28px 0 36px}.qa-tabs button{background:transparent;border:1px solid var(--purple-dim);color:var(--mid);cursor:pointer;font:inherit;padding:8px 14px}.qa-tabs button.active,.qa-tabs button:hover{background:var(--purple-dim);color:var(--text)}.qa-item{border-left:2px solid var(--purple-dim);padding-left:20px}.question{font-weight:500;color:var(--text);font-size:16px;margin-bottom:6px}.answer{color:var(--mid);font-size:15px}.qa-image{display:block;height:auto;margin-bottom:6px;max-width:100%;width:auto}.gif-page-header{border-bottom:1px solid var(--border);background:linear-gradient(to bottom,#ffffff0d,#fff0 45%),var(--surface);box-shadow:0 1px #ffffff08 inset,0 3px 10px #00000040}.gif-page-header-inner{max-width:960px;margin:0 auto;padding:0 20px;height:52px;display:flex;align-items:center;gap:16px}.gif-back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--soft);text-decoration:none;transition:color .15s;flex-shrink:0}.gif-back-link:hover{color:var(--purple-lt)}.gif-page-title-group{display:flex;align-items:baseline;gap:10px;min-width:0}.gif-page-title{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap}.gif-page-subtitle{font-size:12px;color:var(--soft);white-space:nowrap}.gif-sticky-bar{position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,var(--bg) 85%,rgba(0,0,0,.08)),var(--bg);border-bottom:1px solid var(--border);box-shadow:0 3px 8px #0003;padding:10px 0}.gif-sticky-bar-inner{max-width:960px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:12px}.gif-search-input{flex:1;min-width:0;padding:9px 14px;background:linear-gradient(to bottom,#ffffff08,#0000001a 55%),var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Inter,sans-serif;font-size:14px;outline:none;box-shadow:0 1px 2px #00000040 inset;transition:border-color .15s,box-shadow .15s}.gif-search-input:focus{border-color:var(--purple);box-shadow:0 0 0 2px #a78bfa26}.gif-results-count{font-size:12px;color:var(--soft);white-space:nowrap;flex-shrink:0}.gif-results-of{color:var(--soft);opacity:.6}.gif-main{max-width:960px;margin:0 auto;padding:20px 20px 48px}.gif-warning{background:#a78bfa0d;border:1px dashed var(--purple-dim);border-radius:8px;color:var(--purple-lt);padding:10px 14px;font-size:12px;line-height:1.5;margin-bottom:16px}.gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:4px 0 8px}.gif-card{position:relative;background:linear-gradient(to bottom,#ffffff0d,#fff0 40%),var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;box-shadow:0 1px #ffffff0a inset;transition:border-color .15s,transform .15s,box-shadow .15s;overflow:hidden}.gif-card:hover{border-color:var(--purple-dim);transform:translateY(-2px);box-shadow:0 4px 16px #6d28d91f}.gif-img-container{display:flex;align-items:center;justify-content:center;width:88px;height:31px;background:#000;border-radius:2px;overflow:hidden;flex-shrink:0}.gif-img-container img{width:88px;height:31px;object-fit:contain;display:block;image-rendering:pixelated}.gif-card-text{font-size:10px;color:var(--mid);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.no-ocr-text{color:var(--soft);font-style:italic}.gif-copied-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0d14ed;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--purple-lt);letter-spacing:.04em;animation:fadeIn .12s ease forwards}.gif-pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 0;flex-wrap:wrap}.gif-page-btn{min-width:32px;height:32px;padding:0 8px;background:linear-gradient(to bottom,#ffffff0f,#fff0 55%),var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--mid);font-family:Inter,sans-serif;font-size:13px;cursor:pointer;box-shadow:0 1px #ffffff0a inset;transition:border-color .15s,color .15s,background .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center}.gif-page-btn:hover:not(:disabled){border-color:var(--purple-dim);color:var(--purple-lt)}.gif-page-btn:disabled{opacity:.3;cursor:not-allowed}.gif-page-btn--active{background:linear-gradient(to bottom,#ffffff4d,#fff0 50%),var(--purple-dim);border-color:var(--purple-dim);color:var(--text);font-weight:600;box-shadow:0 1px #ffffff40 inset,0 2px 6px #6d28d966}.gif-page-ellipsis-btn{min-width:32px;height:32px;padding:0 6px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--soft);font-family:Inter,sans-serif;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;display:inline-flex;align-items:center;justify-content:center}.gif-page-ellipsis-btn:hover{border-color:var(--purple-dim);color:var(--purple-lt);background:linear-gradient(to bottom,#ffffff0f,#fff0 55%),var(--surface);box-shadow:0 1px #ffffff0a inset}.gif-page-jump-input{width:52px;height:32px;padding:0 6px;background:linear-gradient(to bottom,#ffffff08,#0000001a 55%),var(--surface);border:1px solid var(--purple);border-radius:6px;color:var(--text);font-family:Inter,sans-serif;font-size:13px;text-align:center;outline:none;box-shadow:0 1px 2px #00000040 inset,0 0 0 2px #a78bfa26;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.gif-page-jump-input::-webkit-outer-spin-button,.gif-page-jump-input::-webkit-inner-spin-button{-webkit-appearance:none}.gif-browser-section{border-top:1px solid var(--border);padding-top:0}.gif-browser-summary{padding:18px 0;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.gif-browser-summary::-webkit-details-marker{display:none}.gif-browser-summary:before{content:"▸";font-size:11px;color:var(--soft);transition:transform .2s;display:inline-block}details[open]>.gif-browser-summary:before{transform:rotate(90deg)}.gif-browser-summary-title{font-size:15px;font-weight:500;color:var(--text)}.gif-browser-source-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--soft);text-decoration:none;transition:color .15s}.gif-browser-source-link:hover{color:var(--purple-lt)}.gif-browser-toolbar{display:flex;align-items:center;gap:12px;padding-bottom:12px}.gif-about-section{margin-top:40px;border-top:1px solid var(--border);padding-top:0}.gif-about-summary{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);padding:16px 0;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;transition:color .15s}.gif-about-summary::-webkit-details-marker{display:none}.gif-about-summary:before{content:"▸";font-size:10px;transition:transform .2s;display:inline-block}details[open] .gif-about-summary:before{transform:rotate(90deg)}.gif-about-summary:hover{color:var(--mid)}.gif-about-body{padding-bottom:32px;display:flex;flex-direction:column;gap:14px}.gif-about-body p{color:var(--mid);font-size:14px;line-height:1.75;max-width:640px}.gif-about-body p a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}@media (max-width: 520px){.gif-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.gif-sticky-bar-inner{flex-wrap:wrap;gap:6px}.gif-results-count{width:100%;text-align:right}}.hey-word{display:inline-flex;font-family:"Instrument Serif",serif;font-weight:400;font-size:1.15em;letter-spacing:.03em;transform:scaleX(1.13);transform-origin:left;margin-right:.15em}@keyframes heyWaveGlow{0%{transform:translateY(0);color:var(--text);text-shadow:none}25%{transform:translateY(-.6em);color:#ff6ec7;text-shadow:0 0 .8em rgba(255,110,199,.9),0 0 1.6em rgba(255,110,199,.5)}50%{transform:translateY(0);color:var(--text);text-shadow:none}75%{transform:translateY(.2em);color:var(--text);text-shadow:none}to{transform:translateY(0);color:var(--text);text-shadow:none}}.hey-char{display:inline-block;will-change:transform;backface-visibility:hidden;animation:heyWaveGlow 3.2s cubic-bezier(.45,0,.55,1) infinite}.fm-page-header{border-bottom:1px solid var(--border);background:linear-gradient(to bottom,#ffffff0d,#fff0 45%),var(--surface);box-shadow:0 1px #ffffff08 inset,0 3px 10px #00000040}.fm-page-header-inner{max-width:960px;margin:0 auto;padding:0 20px;height:52px;display:flex;align-items:center;gap:16px}.fm-back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--soft);text-decoration:none;transition:color .15s;flex-shrink:0}.fm-back-link:hover{color:var(--purple-lt)}.fm-page-title-group{display:flex;align-items:baseline;gap:10px;min-width:0}.fm-page-title{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap}.fm-page-subtitle{font-size:12px;color:var(--soft);white-space:nowrap}.fm-main{max-width:960px;margin:0 auto;padding:20px 20px 64px}.fm-intro{color:var(--mid);font-size:14px;line-height:1.7;max-width:640px;margin-bottom:24px}.fm-boot-overlay{position:fixed;top:52px;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#0f0d14f0,#0f0d14fa),var(--bg)}.fm-boot-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;padding:28px 32px}.fm-boot-overlay-label{font-size:13px;font-weight:500;color:var(--mid);letter-spacing:.02em}.fm-boot-progress-track{width:100%;height:6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);overflow:hidden;box-shadow:0 1px 2px #0000004d inset}.fm-boot-progress-fill{height:100%;border-radius:999px;background:linear-gradient(to right,var(--purple-dim),var(--purple));box-shadow:0 0 8px #a78bfa80;transition:width .15s ease-out}.fm-boot-progress-pct{font-size:12px;color:var(--soft);font-variant-numeric:tabular-nums}.fm-save-error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background:linear-gradient(to bottom,#ef44441f,#ef444408 60%),var(--surface);border:1px solid rgba(239,68,68,.35);border-radius:10px;box-shadow:0 1px #ffffff0a inset,0 2px 8px #0003;color:#fca5a5;font-size:13px;line-height:1.5}.fm-save-error-banner svg{color:#ef4444}.fm-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 24px;padding:18px 20px;background:linear-gradient(to bottom,#ffffff0d,#fff0 35%),var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px #ffffff0a inset,0 2px 8px #0003;margin-bottom:16px}.fm-toolbar-group{display:flex;flex-direction:column;gap:8px;min-width:0}.fm-toolbar-group:has(>.fm-range){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;row-gap:8px}.fm-toolbar-group:has(>.fm-range)>.fm-toolbar-label{grid-column:1 / -1}.fm-toolbar-row3{grid-column:1 / -1;grid-row:3;display:flex;flex-wrap:wrap;gap:20px 24px;padding-top:16px;border-top:1px solid var(--border)}.fm-toolbar-group--row3{flex:1 1 0;min-width:0}.fm-symbol-input{width:120px;flex-shrink:0;text-align:center}.fm-toolbar-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);line-height:15px}.fm-select{padding:7px 10px;background:linear-gradient(to bottom,#ffffff08,#0000001a 55%),var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:Inter,sans-serif;font-size:13px;outline:none;cursor:pointer;width:100%;box-shadow:0 1px 2px #0000004d inset;transition:border-color .15s,box-shadow .15s}.fm-select:focus{border-color:var(--purple);box-shadow:0 1px 2px #0000004d inset,0 0 0 2px #a78bfa26}.fm-range{accent-color:var(--purple);width:100%;height:16px;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.fm-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to bottom,#00000059,#ffffff0a 60%),var(--bg);box-shadow:0 1px 2px #00000059 inset,0 1px #ffffff0a;border:1px solid var(--border)}.fm-range::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(to bottom,#00000059,#ffffff0a 60%),var(--bg);box-shadow:0 1px 2px #00000059 inset,0 1px #ffffff0a;border:1px solid var(--border)}.fm-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:radial-gradient(circle at 35% 25%,var(--purple-lt),var(--purple) 55%,var(--purple-dim) 100%);border:1px solid var(--purple-dim);box-shadow:0 1px #fff6 inset,0 2px 5px #0006;transition:box-shadow .15s,transform .15s}.fm-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 25%,var(--purple-lt),var(--purple) 55%,var(--purple-dim) 100%);border:1px solid var(--purple-dim);box-shadow:0 1px #fff6 inset,0 2px 5px #0006;transition:box-shadow .15s,transform .15s}.fm-range:hover::-webkit-slider-thumb{box-shadow:0 1px #ffffff80 inset,0 2px 8px #a78bfa73;transform:scale(1.08)}.fm-range:hover::-moz-range-thumb{box-shadow:0 1px #ffffff80 inset,0 2px 8px #a78bfa73;transform:scale(1.08)}.fm-range:disabled{cursor:not-allowed}.fm-range:disabled::-webkit-slider-thumb{background:radial-gradient(circle at 35% 25%,var(--mid),var(--soft) 100%);border-color:var(--border);box-shadow:none;transform:none}.fm-range:disabled::-moz-range-thumb{background:radial-gradient(circle at 35% 25%,var(--mid),var(--soft) 100%);border-color:var(--border);box-shadow:none}.fm-range-value{font-size:12px;color:var(--soft);min-width:32px;text-align:right;flex-shrink:0}.fm-steady-label{display:flex;align-items:center;gap:6px;line-height:15px;cursor:pointer}.fm-steady-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;margin:0;border-radius:4px;background:linear-gradient(to bottom,#0000004d,#ffffff08 60%),var(--bg);border:1px solid var(--border);box-shadow:0 1px 2px #0000004d inset;cursor:pointer;position:relative;transition:border-color .15s,background .15s,box-shadow .15s}.fm-steady-label input[type=checkbox]:hover{border-color:var(--purple-dim)}.fm-steady-label input[type=checkbox]:checked{background:linear-gradient(to bottom,#ffffff59,#fff0 55%),var(--purple-dim);border-color:var(--purple-dim);box-shadow:0 1px #ffffff40 inset,0 2px 6px #6d28d959}.fm-steady-label input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--text);border-width:0 2px 2px 0;transform:rotate(45deg)}.fm-steady-slider-row{display:flex;align-items:center;gap:10px}.fm-kerning-value-row{display:flex;align-items:center;gap:8px;justify-self:end;flex-shrink:0}.fm-reset-kerning-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:linear-gradient(to bottom,#ffffff0d,#fff0 55%);border:1px solid var(--border);border-radius:5px;color:var(--mid);font-family:Inter,sans-serif;font-size:11px;cursor:pointer;box-shadow:0 1px #ffffff0a inset;transition:border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}.fm-reset-kerning-btn:hover:not(:disabled){border-color:var(--purple-dim);color:var(--purple-lt)}.fm-reset-kerning-btn:disabled{opacity:.4;cursor:not-allowed}.fm-steady-slider-row .fm-range:disabled{opacity:.4;cursor:not-allowed}.fm-text-input{padding:7px 10px;background:linear-gradient(to bottom,#ffffff08,#0000001a 55%),var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:Inter,sans-serif;font-size:13px;outline:none;width:100%;box-shadow:0 1px 2px #0000004d inset;transition:border-color .15s,box-shadow .15s}.fm-text-input:focus{border-color:var(--purple);box-shadow:0 1px 2px #0000004d inset,0 0 0 2px #a78bfa26}.fm-clear-all-btn{padding:8px 14px;background:linear-gradient(to bottom,#ffffff0d,#fff0 55%);border:1px solid var(--border);border-radius:6px;color:var(--soft);font-family:Inter,sans-serif;font-size:12px;cursor:pointer;box-shadow:0 1px #ffffff0a inset;transition:border-color .15s,color .15s,box-shadow .15s;height:fit-content}.fm-clear-all-btn:hover{border-color:#ef4444;color:#ef4444}.fm-import-btn-row{display:flex;flex-wrap:wrap;gap:8px}.fm-import-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:7px 12px;background:linear-gradient(to bottom,#ffffff0d,#fff0 55%);border:1px solid var(--border);border-radius:6px;color:var(--mid);font-family:Inter,sans-serif;font-size:12px;cursor:pointer;box-shadow:0 1px #ffffff0a inset;transition:border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}.fm-import-btn:hover:not(:disabled){border-color:var(--purple-dim);color:var(--purple-lt)}.fm-import-btn:disabled{opacity:.5;cursor:not-allowed}.fm-import-error{margin-top:6px;font-size:11px;color:#ef4444;max-width:220px}.fm-export-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:linear-gradient(to bottom,var(--bg) 85%,rgba(0,0,0,.08)),var(--bg);box-shadow:0 3px 8px #0003;padding:12px 0;margin-bottom:8px;border-bottom:1px solid var(--border)}.fm-export-buttons{display:flex;gap:10px}.fm-export-bar .fm-clear-all-btn{margin-left:auto}.fm-export-btn{padding:10px 18px;background:linear-gradient(to bottom,#ffffff12,#fff0 50%),var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--mid);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 1px #ffffff0d inset,0 1px 2px #0003;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.fm-export-btn:hover:not(:disabled){border-color:var(--purple-dim);color:var(--purple-lt);box-shadow:0 1px #ffffff14 inset,0 2px 8px #6d28d933}.fm-export-btn:active:not(:disabled){box-shadow:0 1px 3px #0000004d inset;transform:translateY(1px)}.fm-export-btn:disabled{opacity:.4;cursor:not-allowed}.fm-export-btn--primary{background:linear-gradient(to bottom,#ffffff40,#fff0 50%),var(--purple-dim);border-color:var(--purple-dim);color:var(--text);box-shadow:0 1px #fff3 inset,0 2px 6px #6d28d959}.fm-export-btn--primary:hover:not(:disabled){background:linear-gradient(to bottom,#ffffff4d,#fff0 50%),var(--purple);border-color:var(--purple);color:var(--bg);box-shadow:0 1px #ffffff40 inset,0 3px 10px #a78bfa66}.fm-export-error{flex-basis:100%;margin-top:10px;font-size:12px;color:#ef4444}.fm-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.fm-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(to bottom,#ffffff12,#fff0 50%),var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--mid);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 1px #ffffff0d inset,0 1px 2px #0003;transition:border-color .15s,color .15s,box-shadow .15s}.fm-nav-btn:hover:not(:disabled){border-color:var(--purple-dim);color:var(--purple-lt);box-shadow:0 1px #ffffff14 inset,0 2px 8px #6d28d933}.fm-nav-btn:active:not(:disabled){box-shadow:0 1px 3px #0000004d inset;transform:translateY(1px)}.fm-nav-btn:disabled{opacity:.3;cursor:not-allowed}.fm-nav-info{display:flex;flex-direction:column;align-items:center;gap:2px}.fm-nav-group{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.fm-nav-pos{font-size:12px;color:var(--mid)}.fm-current-char{text-align:center;font-family:"Instrument Serif",serif;font-style:italic;font-size:40px;color:var(--purple-lt);margin-bottom:16px}.fm-editor{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 auto 32px;max-width:480px}.fm-tool-row{display:flex;align-items:center;gap:8px;width:100%}.fm-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:linear-gradient(to bottom,#ffffff0d,#fff0 55%),var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--mid);font-family:Inter,sans-serif;font-size:12px;cursor:pointer;box-shadow:0 1px 2px #0000004d inset;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.fm-tool-btn:hover{border-color:var(--purple-dim);color:var(--purple-lt)}.fm-tool-btn--active{background:linear-gradient(to bottom,#ffffff40,#fff0 50%),var(--purple-dim);border-color:var(--purple-dim);color:var(--text);box-shadow:0 1px #fff3 inset,0 2px 6px #6d28d959}.fm-tool-hint{font-size:11px;color:var(--soft);margin-left:4px}.fm-editor-canvas{width:100%;max-width:480px;aspect-ratio:1;border-radius:12px;border:1px solid var(--border);cursor:crosshair;touch-action:none;display:block}.fm-editor-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.fm-editor-actions button{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;background:linear-gradient(to bottom,#ffffff12,#fff0 50%),var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--mid);font-family:Inter,sans-serif;font-size:12px;cursor:pointer;box-shadow:0 1px #ffffff0d inset,0 1px 2px #0003;transition:border-color .15s,color .15s,box-shadow .15s}.fm-editor-actions button:hover:not(:disabled){border-color:var(--purple-dim);color:var(--purple-lt)}.fm-editor-actions button:disabled{opacity:.3;cursor:not-allowed}.fm-editor-clear:hover{border-color:#ef4444!important;color:#ef4444!important}.fm-preview,.fm-typebox{margin:0 auto 24px;max-width:480px;padding:16px;background:linear-gradient(to bottom,#ffffff0d,#fff0 35%),var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px #ffffff0a inset,0 2px 8px #0003}.fm-preview-label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:10px}.fm-preview-canvas{display:block;width:100%}.fm-typebox-canvas-wrap{border-radius:8px;border:1px solid var(--border);background:linear-gradient(to bottom,#00000026,#0000 40%),var(--bg);box-shadow:0 1px 2px #0000004d inset;margin-bottom:10px;overflow:hidden}.fm-typebox-canvas{display:block;width:100%}.fm-typebox-input{padding:9px 12px;background:linear-gradient(to bottom,#ffffff08,#0000001a 55%),var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:Inter,sans-serif;font-size:14px;outline:none;width:100%;box-shadow:0 1px 2px #0000004d inset;transition:border-color .15s,box-shadow .15s}.fm-typebox-input:focus{border-color:var(--purple);box-shadow:0 1px 2px #0000004d inset,0 0 0 2px #a78bfa26}.fm-strip{display:flex;flex-wrap:wrap;gap:6px;padding:16px;background:linear-gradient(to bottom,#ffffff0d,#fff0 35%),var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px #ffffff0a inset,0 2px 8px #0003;margin-bottom:8px}.fm-strip-item{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#ffffff0a,#00000014 55%),var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--soft);font-size:13px;cursor:pointer;box-shadow:0 1px 2px #00000040 inset;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.fm-strip-item:hover{border-color:var(--purple-dim);color:var(--purple-lt)}.fm-strip-item--done{color:var(--purple-lt);border-color:var(--purple-dim);background:#a78bfa14}.fm-strip-item--active{background:linear-gradient(to bottom,#ffffff4d,#fff0 50%),var(--purple-dim);border-color:var(--purple-dim);color:var(--text);font-weight:600;box-shadow:0 1px #ffffff40 inset,0 2px 6px #6d28d966}.fm-add-symbol-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;background:linear-gradient(to bottom,#ffffff0d,#fff0 35%),var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px #ffffff0a inset,0 2px 8px #0003;margin-bottom:8px}.fm-add-symbol-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);line-height:15px;flex-shrink:0}.fm-add-symbol-bar .fm-import-error{margin-top:0}.fm-strip-item-wrap{position:relative}.fm-strip-item-remove{position:absolute;top:-5px;right:-5px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--soft);cursor:pointer;opacity:0;transition:opacity .15s,border-color .15s,color .15s}.fm-strip-item-wrap:hover .fm-strip-item-remove{opacity:1}.fm-strip-item-remove:hover{border-color:#ef4444;color:#ef4444}.fm-about-section{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.fm-about-title{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:14px}.fm-about-section p{color:var(--mid);font-size:14px;line-height:1.75;max-width:640px;margin-bottom:12px}@media (max-width: 760px){.fm-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:14px}.fm-toolbar-group--row3{flex:1 1 200px}.fm-import-btn-row{flex-wrap:wrap}}@media (max-width: 520px){.fm-toolbar{grid-template-columns:1fr;gap:14px;padding:14px}.fm-toolbar-group--row3{flex-basis:100%}.fm-select,.fm-text-input{font-size:16px;padding:10px 12px}.fm-import-btn,.fm-clear-all-btn{padding:10px 12px}.fm-import-btn-row{width:100%}.fm-import-btn-row .fm-import-btn{flex:1 1 140px;justify-content:center}.fm-toolbar-group--row3>.fm-import-btn{width:100%;justify-content:center}.fm-range{height:24px;min-width:0}.fm-range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px}.fm-range::-moz-range-thumb{width:22px;height:22px}.fm-import-error{max-width:100%}.fm-text-input{width:100%}.fm-strip-item{width:26px;height:26px;font-size:12px}}pre{font-family:Fira Code,monospace;font-size:13px;line-height:1.5;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px;overflow-x:auto}*{box-sizing:border-box;margin:0;padding:0}svg{display:block;flex-shrink:0}@font-face{font-family:Gen1x Smooth;src:url(/assets/gen1x-smooth.woff2) format("woff2")}@font-face{font-family:Gen1x Rough;src:url(/assets/gen1x-rough.woff2) format("woff2")}:root{--bg: #0f0d14;--surface: #181520;--border: #2a2535;--purple: #a78bfa;--purple-lt:#c4b5fd;--purple-dim:#6d28d9;--text: #e9e4f0;--mid: #b0a8c8;--soft: #6b6080}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}main{max-width:680px;margin:0 auto;padding:72px 28px 0}.intro{margin-bottom:64px}.intro-label{font-size:12px;color:var(--soft);letter-spacing:.08em;margin-bottom:20px}.intro h1{font-family:Gen1x Smooth;font-size:clamp(42px,8vw,64px);font-weight:400;line-height:1.05;color:var(--text);margin-bottom:6px}.intro h1 em{font-style:normal;color:var(--purple-lt)}.intro .prev{font-size:13px;color:var(--soft);margin-top:10px}.intro .prev span{color:var(--mid);font-weight:500}.section{margin-bottom:52px}.section-title{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--border)}.section p{color:var(--mid);font-size:15px;line-height:1.8;max-width:560px}a{color:var(--purple);text-underline-offset:3px}footer{margin-top:80px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--soft);display:flex;justify-content:space-between;align-items:center}h1{font-family:"Instrument Serif",serif;font-size:clamp(38px,8vw,56px);font-weight:400;line-height:1.1;color:var(--purple-lt);margin-bottom:12px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--soft);text-decoration:none;font-size:14px;margin-bottom:48px;transition:color .15s ease;border-bottom:1px solid var(--border);padding-bottom:24px;width:100%}.back-link:hover{color:var(--purple-lt)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}