:root{color-scheme:dark;--bg:#120407;--panel:#220a10;--soft:rgba(255,255,255,.045);--text:#fff9ef;--muted:#cbbbc0;--gold:#e5bb60;--gold2:#ffda83;--line:rgba(229,187,96,.2);--wine:#8e2944;--shadow:0 24px 70px rgba(0,0,0,.42)}
html[data-theme="light"]{color-scheme:light;--bg:#f5eee7;--panel:#fffaf4;--soft:rgba(91,42,54,.055);--text:#32141d;--muted:#715d62;--gold:#9b6b1d;--gold2:#e7b954;--line:rgba(100,54,43,.18);--wine:#9b3150;--shadow:0 22px 60px rgba(84,45,38,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 78% 0,rgba(142,41,68,.18),transparent 35%),linear-gradient(rgba(18,4,7,.94),rgba(18,4,7,.985)),url('../../galeri/background/background.WEBP') center/cover fixed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button,select{font:inherit}.guide-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:10px clamp(14px,4vw,54px);border-bottom:1px solid var(--line);background:rgba(14,3,6,.87);backdrop-filter:blur(18px)}.guide-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.guide-brand img{width:48px;height:48px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%)}.guide-brand strong,.guide-brand small{display:block}.guide-brand strong{font:700 17px Georgia,serif}.guide-brand small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.15em}.guide-actions{display:flex;align-items:center;gap:9px}.guide-actions select{min-height:41px;max-width:170px;padding:0 34px 0 12px;color:var(--text);border:1px solid var(--line);border-radius:12px;background:var(--soft)}.guide-actions option{color:#211;background:#fff}.studio-button,.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 16px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:850}.studio-button,.hero-primary{color:#251405;background:linear-gradient(135deg,#c69237,var(--gold2));box-shadow:0 10px 28px rgba(198,146,55,.18)}main{width:min(1480px,100%);margin:auto;padding:0 clamp(12px,3vw,42px) 80px}.guide-hero{position:relative;padding:clamp(58px,9vw,120px) 0 64px;text-align:center;overflow:hidden}.hero-glow{position:absolute;inset:15% 20% auto;height:280px;background:radial-gradient(ellipse,rgba(229,187,96,.18),transparent 65%);filter:blur(25px);pointer-events:none}.guide-eyebrow{position:relative;margin:0 0 18px;color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.23em}.guide-hero h1{position:relative;max-width:900px;margin:0 auto;font:600 clamp(44px,7vw,88px)/.98 Georgia,serif;letter-spacing:-.035em}.hero-lead{position:relative;max-width:760px;margin:25px auto 0;color:var(--muted);font-size:clamp(15px,1.5vw,19px);line-height:1.7}.hero-buttons{position:relative;display:flex;justify-content:center;gap:10px;margin-top:30px}.hero-primary,.hero-secondary{min-height:50px;padding-inline:22px}.hero-secondary{border:1px solid var(--line);background:var(--soft)}.feature-strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);max-width:760px;margin:58px auto 0;border:1px solid var(--line);border-radius:18px;background:rgba(25,7,11,.68);overflow:hidden}.feature-strip span{display:grid;gap:3px;padding:18px;border-right:1px solid var(--line)}.feature-strip span:last-child{border:0}.feature-strip b{color:var(--gold2);font:700 23px Georgia,serif}.feature-strip small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.toc-card{position:sticky;top:94px;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(29,8,13,.88);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.toc-label,.section-heading>span,.final-card>div>span{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.17em}.toc-card nav{display:grid;margin-top:12px}.toc-card nav a{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:10px 4px;border-bottom:1px solid var(--line);text-decoration:none}.toc-card nav a:hover{color:var(--gold2)}.toc-card nav span{color:var(--gold);font-size:9px}.toc-card nav b{font-size:11px}.toc-tip{display:flex;gap:9px;margin-top:16px;padding:12px;border-radius:12px;background:rgba(229,187,96,.09)}.toc-tip span{color:var(--gold)}.toc-tip p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.manual-content{display:grid;gap:20px}.manual-section{position:relative;padding:clamp(22px,4vw,44px);border:1px solid var(--line);border-radius:24px;background:rgba(31,8,14,.87);box-shadow:var(--shadow);overflow:hidden}.section-number{position:absolute;top:20px;right:28px;color:rgba(229,187,96,.13);font:800 70px Georgia,serif}.section-heading{position:relative;margin-bottom:26px}.section-heading h2{margin:6px 0 0;font:650 clamp(27px,3vw,40px) Georgia,serif}.step-grid,.two-column{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.step-card,.info-card,.prose-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.step-card>b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#291706;background:var(--gold2)}.step-card h3,.info-card h3,.selection-visual h3,.live-showcase h3{margin:13px 0 6px;font-size:14px}.step-card p,.info-card p,.prose-card p,.selection-visual p,.selection-visual li,.live-showcase p,.media-guide p{margin:0;color:var(--muted);font-size:11px;line-height:1.72}.card-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:var(--gold2);background:rgba(229,187,96,.1);font-size:20px}.prose-card{display:grid;gap:21px}.direction-demo{display:grid;grid-template-columns:30px 35px 1fr;align-items:center;max-width:560px;margin:auto;padding:18px;border-radius:14px;background:#f5eee7;color:#3b2027}.direction-demo>span{align-self:start;font-size:9px}.direction-demo>i{color:#9b5e13;font-size:35px}.direction-demo>div{display:grid;gap:9px}.direction-demo b{font-size:9px}.direction-demo em{height:22px;border:2px solid #c58c32;background:repeating-linear-gradient(90deg,#fff 0 20px,#e3d6cf 20px 21px)}.selection-visual,.live-showcase{display:grid;grid-template-columns:minmax(220px,36%) 1fr;gap:28px;align-items:center}.mini-grid{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;background:repeating-linear-gradient(0deg,transparent 0 calc(12.5% - 1px),rgba(80,52,58,.25) calc(12.5% - 1px) 12.5%),repeating-linear-gradient(90deg,#fffaf5 0 calc(12.5% - 1px),rgba(80,52,58,.25) calc(12.5% - 1px) 12.5%);border:12px solid #eee2d9;border-radius:17px;box-shadow:0 16px 40px rgba(0,0,0,.3)}.mini-grid:after{content:"";grid-column:2/7;grid-row:3/5;border:3px solid #c38828;background:rgba(229,187,96,.25)}.selection-visual ol{padding-left:18px}.ruler-demo{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:17px;background:#dcd2cb}.ruler-demo span{display:grid;place-items:center;min-height:52px;border-radius:9px;color:#4b3138;background:#fffaf5;font-weight:900}.ruler-demo .active{color:#442603;background:#f2c96f;box-shadow:0 0 0 3px #b77a20}.media-guide{display:flex;align-items:center;gap:26px;padding:24px;border-radius:17px;background:linear-gradient(120deg,rgba(229,187,96,.12),rgba(142,41,68,.13))}.sound-wave{display:flex;align-items:center;gap:4px;min-width:85px;height:70px}.sound-wave i{width:9px;border-radius:9px;background:linear-gradient(var(--gold2),var(--wine));animation:wave 1s ease-in-out infinite alternate}.sound-wave i:nth-child(1),.sound-wave i:nth-child(5){height:24px}.sound-wave i:nth-child(2),.sound-wave i:nth-child(4){height:45px;animation-delay:-.4s}.sound-wave i:nth-child(3){height:65px;animation-delay:-.7s}@keyframes wave{to{height:18px}}.symbol-table{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.symbol-item{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.symbol-item b{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;color:#29161b;background:#fffaf5;font-size:20px}.symbol-item span{font-size:11px;font-weight:750}.note-box{margin:16px 0 0;padding:13px;border-left:3px solid var(--gold);color:var(--muted);background:var(--soft);font-size:10px;line-height:1.6}.shortcut-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shortcut-grid>div{display:flex;align-items:center;gap:6px;min-height:50px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}kbd{padding:5px 7px;border:1px solid rgba(255,255,255,.2);border-bottom-width:3px;border-radius:6px;background:#110407;font-size:9px}.shortcut-grid span{margin-left:auto;color:var(--muted);font-size:10px}.final-card{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:20px;padding:27px;border:1px solid rgba(229,187,96,.42);border-radius:22px;background:linear-gradient(125deg,rgba(229,187,96,.13),rgba(142,41,68,.2));box-shadow:var(--shadow)}.final-card img{width:84px;height:84px;object-fit:contain}.final-card h2{margin:5px 0;font:650 25px Georgia,serif}.final-card p{margin:0;color:var(--muted);font-size:10px}.final-card>a{padding:13px 16px;border-radius:12px;color:#261405;background:var(--gold2);text-decoration:none;font-size:11px;font-weight:900}footer{display:flex;justify-content:center;gap:30px;padding:30px;color:var(--muted);font-size:10px}footer a{text-decoration:none}html[dir="rtl"] .section-number{right:auto;left:28px}.mini-grid,.direction-demo,.ruler-demo,.symbol-table{direction:ltr}
@media(max-width:900px){.guide-layout{grid-template-columns:1fr}.toc-card{position:relative;top:0}.toc-card nav{grid-template-columns:repeat(2,1fr)}.selection-visual,.live-showcase{grid-template-columns:1fr}.mini-grid{width:min(330px,100%);margin:auto}.final-card{grid-template-columns:70px 1fr}.final-card>a{grid-column:1/-1;text-align:center}}
@media(max-width:620px){.guide-topbar{min-height:64px;padding:8px}.guide-brand img{width:41px;height:41px}.guide-brand strong{font-size:13px}.guide-brand small{font-size:7px}.studio-button span{display:none}.studio-button{width:40px;padding:0}.guide-actions select{width:48px;color:transparent;padding:0}.guide-actions{position:relative}.guide-actions:before{content:"🌐";position:absolute;left:14px;z-index:2;pointer-events:none}.guide-hero{padding-top:48px}.guide-hero h1{font-size:43px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip span:nth-child(2){border-right:0}.feature-strip span:nth-child(-n+2){border-bottom:1px solid var(--line)}.toc-card nav,.step-grid,.two-column,.symbol-table,.shortcut-grid{grid-template-columns:1fr}.manual-section{padding:22px 16px}.section-number{font-size:48px;right:16px}.media-guide{align-items:flex-start;flex-direction:column}.final-card{grid-template-columns:56px 1fr}.final-card img{width:56px;height:56px}.final-card h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
html[data-theme="light"] body{background:linear-gradient(rgba(249,243,236,.94),rgba(245,238,231,.98)),url('../../galeri/background/background.WEBP') center/cover fixed}
.toc-card nav a.active{color:var(--gold2);background:var(--soft)}