:root{color-scheme:dark;--red:#ff1737;--panel:#101011;--line:#343438}*{box-sizing:border-box}html{background:#050506;color:#f4f4f5;font-family:Arial,Helvetica,sans-serif}body{margin:0;background:radial-gradient(circle at 80% 0,#181819 0,transparent 28rem),#050506;min-height:100vh}.manual-header{height:82px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,52px);background:#050506f0;border-bottom:1px solid #242426;backdrop-filter:blur(14px)}.brand{color:#fff;text-decoration:none;display:grid}.brand strong{font-size:28px;letter-spacing:.16em}.brand span{font-size:10px;letter-spacing:.5em}.manual-header nav{display:flex;gap:10px}.manual-header nav button{border:1px solid #777;border-radius:10px;background:#0b0b0c;color:#fff;padding:13px 17px;font-weight:800;letter-spacing:.08em;text-decoration:none}.manual-header nav .back-editor{border-color:#aaa}.page{width:min(1120px,100%);margin:auto;padding:clamp(20px,4vw,52px)}.index-hero{min-height:330px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#09090a}.index-hero>div{padding:clamp(24px,5vw,64px);z-index:1}.index-hero small,.chapter-copy small,dialog small{color:var(--red);font-weight:900;letter-spacing:.08em}.index-hero h1,.chapter-copy h2{font-size:clamp(48px,9vw,106px);line-height:.86;margin:14px 0 20px;letter-spacing:-.045em}.index-hero p,.chapter-copy p{font-size:clamp(17px,2.2vw,26px);line-height:1.45;color:#ccc}.index-hero p{max-width:620px;text-wrap:balance}.index-hero img{width:100%;height:100%;object-fit:cover;object-position:52% 35%;filter:grayscale(1);mask-image:linear-gradient(90deg,transparent,#000 35%)}.chapter-list{display:grid;gap:12px;margin:18px 0}.chapter-card{min-height:150px;display:grid;grid-template-columns:90px minmax(260px,1fr) minmax(230px,.9fr) 52px;align-items:center;gap:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(100deg,#09090a,#121214);color:#fff;text-decoration:none;padding-left:20px}.chapter-card>b{font-size:68px;color:var(--red)}.chapter-card span{display:grid;gap:10px}.chapter-card strong{font-size:24px}.chapter-card small{font-size:16px;line-height:1.35;color:#ccc}.chapter-card img{width:100%;height:150px;object-fit:cover;filter:grayscale(1);opacity:.8}.chapter-card i{font-size:50px;font-style:normal}.principle,.tip,.checklist,.simulation{margin:18px 0;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:24px}.principle{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;gap:22px}.principle>b{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-size:40px;color:#050506}.principle strong{font-size:20px;line-height:1.35}.principle p,.tip p{color:#ccc;line-height:1.5}.chapter-copy{padding:20px 4px}.chapter-copy h2{font-size:clamp(45px,8vw,92px)}.chapter-copy p{max-width:850px}.reference-frame{margin:14px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#09090a}.reference-frame img{display:block;width:100%;height:auto;cursor:zoom-in}.prepare-frame{max-height:1250px}.prepare-ref{clip-path:inset(0 0 7% 0);margin-bottom:-7%}.skin-frame{max-height:1040px}.skin-ref{clip-path:inset(0 0 8% 0);margin-bottom:-8%}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-grid.three{grid-template-columns:repeat(3,1fr)}.quick-grid article,.steps article{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px}.quick-grid b{color:#ff596f}.quick-grid .good b{color:#4ee29c}.quick-grid p,.steps p{color:#bbb;line-height:1.4}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 22px}.checklist h2{grid-column:1/-1}.checklist p{margin:5px 0}.closing{font-size:clamp(26px,4vw,48px);border-left:4px solid var(--red);padding-left:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps.four{grid-template-columns:repeat(4,1fr)}.steps article>b{display:grid;place-items:center;background:var(--red);width:42px;height:42px;border-radius:50%;font-size:22px}.steps h2{font-size:18px}.tip{border-color:#7d1625;background:linear-gradient(120deg,#270a0e,#100c0d)}.tip strong{color:var(--red)}.value-strip,.selector{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0}.value-strip span,.selector span,.selector strong{display:grid;text-align:center;border:1px solid var(--line);border-radius:10px;padding:14px 8px;color:#bbb}.value-strip b{font-size:25px;color:#fff;margin-bottom:7px}.selector strong{background:var(--red);color:#fff}.compact{grid-template-columns:60px 1fr}.compact p{grid-column:2}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.chapter-nav a{min-height:60px;display:grid;place-items:center;text-align:center;border:1px solid #777;border-radius:11px;color:#fff;text-decoration:none;font-weight:900}.chapter-nav .next{background:linear-gradient(135deg,#df0a28,#ff2944);border-color:#ff5268}.simulation{text-align:center;color:#bbb}dialog{width:min(620px,calc(100% - 30px));border:1px solid #555;border-radius:18px;background:#0d0d0f;color:#fff;padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog form{padding:30px;position:relative}dialog h2{font-size:36px;margin-bottom:8px}.close{position:absolute;right:14px;top:12px;border:0;background:none;color:#fff;font-size:32px}.feedback-types{display:grid;gap:8px;margin:24px 0}.feedback-types label{border:1px solid var(--line);padding:15px;border-radius:10px}.message{display:grid;gap:8px;font-weight:800}.message textarea{min-height:140px;border:1px solid #555;border-radius:10px;background:#080809;color:#fff;padding:12px;font:inherit}.send{width:100%;margin-top:16px;padding:16px;border:0;border-radius:10px;background:var(--red);color:#fff;font-weight:900}#feedbackStatus{color:#ffca65;line-height:1.4}.image-viewer{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#050506;color:#fff;overflow:hidden}.image-viewer::backdrop{background:#050506}.viewer-close{position:fixed;z-index:3;top:max(12px,env(safe-area-inset-top));right:12px;min-height:46px;padding:0 16px;border:1px solid #888;border-radius:10px;background:#0b0b0de8;color:#fff;font-weight:900;letter-spacing:.08em}.image-stage{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;place-items:center;padding:68px 8px 18px}.image-stage img{display:block;width:auto;min-width:min(100%,900px);max-width:none;height:auto;touch-action:pan-x pan-y pinch-zoom;transform-origin:center}
@media(max-width:720px){.manual-header{height:70px;padding:8px 6px;gap:5px}.brand{min-width:90px}.brand strong{font-size:16px;letter-spacing:.1em}.brand span{font-size:6px;letter-spacing:.32em}.manual-header nav{min-width:0;gap:5px}.manual-header nav button{min-height:44px;font-size:9px;padding:7px 8px;letter-spacing:.035em;white-space:nowrap}.manual-header nav .back-editor{font-size:8px}.page{padding:10px 4px 22px}.index-hero{grid-template-columns:1fr;min-height:370px;position:relative;border-radius:10px}.index-hero>div{padding:22px 17px}.index-hero img{position:absolute;inset:0;opacity:.32;mask-image:linear-gradient(90deg,transparent,#000)}.index-hero h1{font-size:58px}.index-hero p{font-size:16px}.chapter-list{gap:8px;margin:10px 0}.chapter-card{grid-template-columns:50px 1fr 28px;min-height:118px;padding:7px}.chapter-card>b{font-size:40px}.chapter-card strong{font-size:16px}.chapter-card small{font-size:13px}.chapter-card img{display:none}.chapter-card i{font-size:34px}.principle{grid-template-columns:48px 1fr;padding:14px 11px;gap:10px}.principle>b{width:43px;height:43px;font-size:28px}.principle strong{font-size:14px}.principle p{grid-column:1/-1}.chapter-copy{padding:15px 9px 8px}.chapter-copy h2{font-size:45px}.chapter-copy p{font-size:17px}.quick-grid,.quick-grid.three,.steps,.steps.four{grid-template-columns:1fr}.checklist{grid-template-columns:1fr}.value-strip{overflow-x:auto;grid-template-columns:repeat(5,120px);padding-bottom:8px}.chapter-nav{grid-template-columns:1fr;margin:18px 5px 0}.reference-frame{margin:8px 0;border-radius:8px}.selector{font-size:12px;gap:3px;margin:8px 4px}.selector span,.selector strong{padding:10px 2px}dialog h2{font-size:27px}.image-stage{display:block;padding:64px 0 16px}.image-stage img{min-width:100%;width:100%;height:auto}}

.manual-links{width:min(1120px,calc(100% - 20px));margin:0 auto 34px;padding:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px;border-top:1px solid var(--line)}.manual-links a{color:#bbb;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em}.manual-links a:hover,.manual-links a:focus-visible{color:#fff}

.manual-links span{flex-basis:100%;text-align:center;color:#777;font-size:11px;letter-spacing:.04em}.manual-links span a{font-size:inherit}