:root{--color-fabric-bg:#f8f6f0;--color-fabric-surface:#fff;--color-fabric-border:#e2ded4;--color-fabric-weave:#ede9df;--color-thread-primary:#b33927;--color-thread-highlight:#c94c38;--color-thread-reverse:#3d6a8a;--color-thread-reverse-light:#5283a8;--color-steel-needle:#565d66;--color-steel-shine:#e0e4e8;--color-ink-primary:#212529;--color-ink-secondary:#575e66;--color-ink-muted:#808891;--color-canvas-mark:#3867d6;--color-accent-amber:#c5861b;--color-success:#2b7a4b;--color-error:#c0392b;--font-serif:"Iowan Old Style", "Apple Garamond", "Baskerville", "Times New Roman", "Droid Serif", Times, Source Serif Pro, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--max-content-width:1140px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--color-fabric-bg);color:var(--color-ink-primary);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;line-height:1.6}body{background-image:radial-gradient(circle,#e2ded44d 1px,#0000 1px);background-size:24px 24px;flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-thread-primary);text-underline-offset:3px;text-decoration:underline;transition:color .15s}a:hover{color:var(--color-thread-highlight)}.site-header{border-bottom:2px solid var(--color-fabric-border);z-index:50;backdrop-filter:blur(4px);background-color:#f8f6f0f5;position:sticky;top:0}.header-container{max-width:var(--max-content-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1rem 1.5rem;display:flex}.brand-badge{color:var(--color-ink-primary);align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-emblem{background:var(--color-fabric-surface);border:1.5px solid var(--color-thread-primary);width:38px;height:38px;font-family:var(--font-serif);color:var(--color-thread-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 1px 3px #0000000f}.brand-titles h1{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.15rem;font-weight:700;line-height:1.2}.brand-titles .subtitle{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);font-size:.75rem}.nav-links{align-items:center;gap:1.25rem;font-size:.95rem;font-weight:500;list-style:none;display:flex}.nav-links a{color:var(--color-ink-secondary);text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--color-thread-primary)}.lang-switch{border:1px solid var(--color-fabric-border);border-radius:var(--radius-sm);background:var(--color-fabric-surface);font-size:.85rem;display:inline-flex;overflow:hidden}.lang-switch a{color:var(--color-ink-secondary);padding:.25rem .6rem;text-decoration:none}.lang-switch a.active{background:var(--color-fabric-border);color:var(--color-ink-primary);font-weight:600}.main-wrapper{max-width:var(--max-content-width);flex:1;width:100%;margin:0 auto;padding:2rem 1.5rem}.workbench-container{background:var(--color-fabric-surface);border:2px solid var(--color-fabric-border);border-radius:var(--radius-lg);margin-bottom:2.5rem;padding:1.5rem;box-shadow:0 4px 16px #00000008}.workbench-header{border-bottom:1px solid var(--color-fabric-weave);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.technique-selector-bar{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tech-btn{background:var(--color-fabric-bg);border:1px solid var(--color-fabric-border);border-radius:var(--radius-sm);cursor:pointer;padding:.4rem .8rem;font-family:inherit;font-size:.85rem;transition:all .15s}.tech-btn:hover{border-color:var(--color-thread-primary);color:var(--color-thread-primary)}.tech-btn.active{background:var(--color-thread-primary);border-color:var(--color-thread-primary);color:#fff;font-weight:600}.fabric-stage-wrapper{border:1px solid var(--color-fabric-border);border-radius:var(--radius-md);background-color:#faf8f5;background-image:linear-gradient(#d7d1c466 1px,#0000 1px),linear-gradient(90deg,#d7d1c466 1px,#0000 1px);background-size:20px 20px;margin-bottom:1rem;position:relative;overflow:hidden}.fabric-stage-svg{width:100%;height:auto;min-height:280px;max-height:400px;display:block}.face-indicator-badge{border:1px solid var(--color-fabric-border);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;background:#fffffff2;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.face-indicator-badge.front-face{border-left:3px solid var(--color-thread-primary);color:var(--color-thread-primary)}.face-indicator-badge.back-face{border-left:3px solid var(--color-thread-reverse);color:var(--color-thread-reverse)}.workbench-toolbar{border-top:1px solid var(--color-fabric-weave);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.control-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-control{background:var(--color-fabric-surface);border:1px solid var(--color-fabric-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-ink-primary);align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-control:hover:not(:disabled){border-color:var(--color-ink-primary)}.btn-control:disabled{opacity:.45;cursor:not-allowed}.btn-control.primary-btn{background:var(--color-thread-primary);color:#fff;border-color:var(--color-thread-primary)}.btn-control.primary-btn:hover:not(:disabled){background:var(--color-thread-highlight)}.btn-control.toggle-active{background:var(--color-canvas-mark);border-color:var(--color-canvas-mark);color:#fff}.practice-feedback{border-radius:var(--radius-sm);background:#fdfbee;border:1px solid #ebd9a2;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.practice-feedback.success{color:var(--color-success);background:#eaf7ee;border-color:#9cd6ac}.practice-feedback.error{color:var(--color-error);background:#fdf2f2;border-color:#f1b0b0}.instruction-box{border-left:3px solid var(--color-thread-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fbfaf7;margin-top:1rem;padding:.85rem 1rem;font-size:.95rem}.instruction-step{text-transform:uppercase;color:var(--color-ink-muted);letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.techniques-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.technique-card{background:var(--color-fabric-surface);border:1px solid var(--color-fabric-border);border-radius:var(--radius-md);flex-direction:column;padding:1.25rem;transition:transform .15s,box-shadow .15s;display:flex}.technique-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.technique-card h3{font-family:var(--font-serif);margin-bottom:.4rem;font-size:1.2rem}.technique-meta{gap:.5rem;margin-bottom:.75rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--color-fabric-weave);color:var(--color-ink-secondary);padding:.15rem .45rem;font-size:.7rem;font-weight:600}.badge.beginner{color:#137333;background:#e6f4ea}.badge.intermediate{color:#b06000;background:#fef7e0}.articles-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.article-card{background:var(--color-fabric-surface);border:1px solid var(--color-fabric-border);border-radius:var(--radius-md);flex-direction:column;padding:1.25rem;display:flex}.article-card h4{font-family:var(--font-serif);margin-bottom:.5rem;font-size:1.1rem;line-height:1.3}.site-footer{border-top:1px solid var(--color-fabric-border);background:var(--color-fabric-surface);color:var(--color-ink-secondary);margin-top:4rem;padding:3rem 1.5rem 2rem;font-size:.85rem}.footer-inner{max-width:var(--max-content-width);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin:0 auto;display:grid}.footer-col h5{font-family:var(--font-serif);color:var(--color-ink-primary);margin-bottom:.75rem;font-size:.95rem}.footer-col ul{flex-direction:column;gap:.4rem;list-style:none;display:flex}.footer-col a{color:var(--color-ink-secondary);text-decoration:none}.footer-col a:hover{color:var(--color-thread-primary)}.footer-bottom{max-width:var(--max-content-width);border-top:1px solid var(--color-fabric-weave);color:var(--color-ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:2rem auto 0;padding-top:1.5rem;font-size:.75rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=768px){.header-container{padding:.75rem 1rem}.workbench-container{padding:1rem}.workbench-toolbar{flex-direction:column;align-items:stretch}.control-group{justify-content:space-between}}