:root{--ink:#2e3547;--muted:#737485;--purple:#79539d;--purple-dark:#654085;--lavender:#f3edf8;--line:#e7e1ec;--bg:#fcfbfd;--mint:#eaf6f1;--peach:#fff3ed;--sidebar:264px;--header:72px;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;font-size:15px;line-height:1.9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}body.locked{overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,.table-wrap:focus-visible{outline:3px solid #a478c9;outline-offset:4px}button{color:inherit}img{max-width:100%;height:auto}button img{pointer-events:none}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:15px;z-index:1000;background:white;padding:12px 20px;border:2px solid var(--purple);border-radius:10px}.skip:focus{top:8px}.topbar{height:var(--header);position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 30px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.brand:hover{text-decoration:none}.brand img{width:42px;height:42px;border-radius:13px}.brand b{font-size:20px;letter-spacing:.15em}.brand small{font-size:10px;letter-spacing:.18em;color:var(--muted);margin-left:10px}.header-actions{display:flex;align-items:center;gap:8px}.badge{border-radius:30px;border:1px solid var(--line);padding:5px 13px;font-size:11px;color:var(--muted);white-space:nowrap}.btn{border:1px solid var(--line);border-radius:11px;padding:10px 16px;background:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;line-height:1.4;font-weight:700;min-height:43px;text-decoration:none}.btn:hover{border-color:#c8b5d9;background:#faf6fe;text-decoration:none}.btn.primary{background:var(--purple);border-color:var(--purple);color:white;box-shadow:0 4px 12px #79539d18}.btn.primary:hover{background:var(--purple-dark)}.btn.ghost{background:transparent;border-color:transparent}.btn svg{width:17px;height:17px;flex:none}.menu-toggle{display:none}.reading-progress{height:3px;position:fixed;top:calc(var(--header) - 1px);left:0;right:0;z-index:101;transform-origin:left;transform:scaleX(0);background:#ac89c7;pointer-events:none}.sidebar{position:fixed;top:var(--header);bottom:0;left:0;width:var(--sidebar);z-index:90;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 16px 16px}.sidebar-label{display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:15px}.sidebar-label b{font-size:12px;letter-spacing:.12em}.sidebar-label span{font-size:11px;color:var(--muted)}.searchbox{position:relative;margin:0 6px 12px}.searchbox svg{position:absolute;width:16px;height:16px;top:14px;left:13px;color:#9688a3}.searchbox input{width:100%;padding:11px 30px 11px 38px;border:1px solid var(--line);border-radius:11px;background:#faf8fc;color:var(--ink);font-size:12px;line-height:1.6}.searchbox input::placeholder{color:#7e7588}.search-clear{position:absolute;right:6px;top:5px;padding:4px 7px;background:transparent;border:0;font-size:19px}.search-status{font-size:11px;color:var(--muted);margin:0 12px 8px;min-height:19px}.toc{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1;padding-right:3px}.toc-group{margin:0 0 15px}.toc-group h2{font-size:10px;letter-spacing:.14em;color:#897d94;margin:12px 12px 5px;font-weight:700}.toc ol{list-style:none;padding:0;margin:0}.toc a{display:flex;gap:10px;align-items:baseline;padding:8px 11px;border-radius:8px;color:#686477;font-size:11px;line-height:1.7;transition:background .16s}.toc a span{font-size:10px;min-width:16px;color:#9889a4;font-variant-numeric:tabular-nums}.toc a:hover{background:#f8f5fb;text-decoration:none}.toc a.active{background:#eee5f6;color:#654085;font-weight:700;box-shadow:inset 3px 0 var(--purple)}.toc a.active span{color:var(--purple)}.sidebar-bottom{padding:14px 11px 0;margin-top:12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.08em}.sidebar-bottom strong{color:#83718f;display:block}.main{margin-left:var(--sidebar);padding:var(--header) 44px 0}.reading-column{max-width:1080px;margin:auto}.chapter{padding:64px 0 72px;border-bottom:1px solid var(--line);scroll-margin-top:94px}.chapter:first-child{padding-top:32px}.chapter-head{margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:700;color:#8b739f;display:flex;align-items:center;gap:13px}.chapter-number{width:32px;height:32px;display:grid;place-items:center;background:var(--lavender);border-radius:10px;font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums}.chapter-title-row{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-top:17px}.chapter h2{font-size:clamp(25px,2.2vw,34px);letter-spacing:.035em;line-height:1.65;margin:0;font-weight:800;text-wrap:pretty}.source-ref{flex:none;font-size:10px;color:#8b789b;background:none;border:1px solid #e5dbea;border-radius:30px;padding:5px 10px;margin-top:8px;white-space:nowrap;min-height:30px}.source-ref:hover{background:var(--lavender)}.lead{font-size:14px;color:var(--muted);margin:12px 0 0;line-height:1.9}.chapter-body p{margin:17px 0;font-size:14px;line-height:2.05;overflow-wrap:anywhere}.chapter-body strong{font-weight:750;color:#51405f}.chapter-body h3{margin:36px 0 12px;font-size:20px;line-height:1.75;color:var(--purple);letter-spacing:.03em}.chapter-body h4{font-size:13px;margin:25px 0 12px}.hero{background:linear-gradient(125deg,#f7f2fb 0%,#fcf8fb 48%,#f1eafa 100%);border:1px solid #eee6f4;border-radius:26px;padding:45px 44px 34px;position:relative;overflow:hidden}.hero .eyebrow{justify-content:space-between}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:15px;align-items:center;margin:26px 0 27px}.hero h1{font-size:clamp(43px,4.3vw,72px);line-height:1.25;letter-spacing:.12em;margin:4px 0 24px;font-weight:900;white-space:nowrap}.hero-catch{font-size:clamp(20px,1.8vw,29px);font-weight:750;line-height:1.9;letter-spacing:.04em;margin:0 0 20px}.hero-description{font-size:13px;line-height:2;color:#766d83;margin:0;max-width:370px}.hero-art{position:relative;padding:13px 2px 20px}.hero-art img{display:block;mix-blend-mode:multiply;border-radius:20px;width:100%;animation:float 5s ease-in-out infinite}.hero-art:after{content:"";display:block;width:60%;height:12px;margin:12px auto 0;border-radius:50%;background:#b9a6cd24;filter:blur(3px)}.hero-art figcaption{font-size:10px;text-align:center;line-height:1.8;color:#92839f;margin-top:14px}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e4d7ef;padding-top:24px}.hero-footer .hero-links{display:flex;gap:9px}.hero-footer .edition-label{font-size:10px;color:#8f7da1;line-height:1.8;letter-spacing:.14em;text-align:right}.hero-note{font-size:11px;color:#87788f;margin:18px 3px 0;line-height:1.8}.overview-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.overview-links a{display:flex;justify-content:space-between;gap:12px;padding:17px 19px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:white;font-size:12px;align-items:center}.overview-links a:hover{background:var(--lavender);text-decoration:none}.overview-links small{display:block;color:#9b84ad;font-size:9px;letter-spacing:.15em}.overview-links b{font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stats>div{background:var(--lavender);border:1px solid #eee5f6;border-radius:15px;padding:22px 12px;text-align:center}.stats b{display:block;font-size:36px;color:var(--purple);letter-spacing:-.03em;line-height:1.3;font-variant-numeric:tabular-nums}.stats b small{font-size:21px;margin-left:4px}.stats b.word{font-size:29px;padding:4px 0}.stats span{display:block;font-size:11px;color:#7c7187;line-height:1.8;margin-top:9px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:24px;border:1px solid var(--line);border-radius:16px;background:white}.mini-label{display:block;color:#9780a9;font-size:10px;letter-spacing:.17em;line-height:1.6}.card h3,.chapter-body .card h3{font-size:17px;margin:10px 0 11px;color:#443d52;line-height:1.6}.card p,.chapter-body .card p{font-size:12px;line-height:1.95;color:#797282;margin:0}.design-cards .card:nth-child(1){background:linear-gradient(150deg,#fffbf4,#f7f0f6)}.design-cards .card:nth-child(2){background:linear-gradient(150deg,#f8f2fd,#f2f4fb)}.design-cards .card:nth-child(3){background:linear-gradient(150deg,#eff8f3,#f9f8ed)}.note{border:1px solid #e8def1;border-left:3px solid #b394cc;border-radius:0 13px 13px 0;padding:21px 25px;background:#f7f2fb;margin:27px 0}.note>strong{font-size:14px;color:#675276;line-height:1.85;display:block}.chapter-body .note p{font-size:12px;line-height:2;color:#7b6e87;margin:7px 0 0}.note.mint{background:#eff8f5;border-color:#cee8df;border-left-color:#80b9a7}.note.peach{background:#fff7f1;border-color:#f0dfd2;border-left-color:#d7ab91}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center;margin:28px 0}.split .art{margin:0;border-radius:20px;overflow:hidden;background:#f8f4fb;padding:18px}.art img{display:block;margin:auto;mix-blend-mode:multiply}.art figcaption{font-size:10px;text-align:center;color:#8c7f98;padding:10px 0 3px}.split h3{margin-top:0}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:13px;margin:26px 0;background:white}table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.9;min-width:530px;text-align:left}th,td{padding:14px 17px;vertical-align:top;border-bottom:1px solid var(--line)}thead th{background:#eee6f4;font-size:11px;color:#705587;font-weight:700;white-space:nowrap}tbody th{font-weight:650;color:#52455e;min-width:110px;width:23%}tr:last-child th,tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#fcfbfd}td{color:#787180}tbody tr:hover{background:#f7f3fb}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:30px 0}.gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery figure{margin:0;background:#f6f0fa;border:1px solid #eee6f5;padding:15px 12px 13px;border-radius:17px;overflow:hidden;text-align:center}.gallery img{width:100%;height:165px;object-fit:contain;mix-blend-mode:multiply;display:block}.gallery figcaption{font-size:11px;color:#85728f;margin:12px 0 3px;line-height:1.7}.home-gallery img{height:200px}.combo-gallery img{height:175px}.preset-gallery img{height:270px}.color-pair{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.color-pair>span{display:flex;align-items:center;gap:10px;border:1px solid #e8e1ed;border-radius:10px;background:white;min-height:42px;padding:6px 13px;font-size:12px;font-weight:700;color:#62516e}.color-pair i{display:inline-block;width:27px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #2e354713}.color-example .card{background:#f9f6fc}.palette{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin:24px 0}.palette h4:first-child{margin-top:0}.swatch-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.swatch .color-chip{height:38px;border-radius:9px;background:var(--swatch);display:block;box-shadow:inset 0 0 0 1px #2e354715;margin-bottom:7px}.swatch b{display:block;font-size:10px;line-height:1.6;min-height:31px;overflow-wrap:anywhere}.swatch small{color:#8f8598;font-size:9px;font-variant-numeric:tabular-nums}.swatch code{font-size:9px;color:#8d8595;font-family:ui-monospace,monospace}.time-track{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0;gap:12px}.time-track div{position:relative;border-top:2px solid #dacbe6;padding:20px 12px 14px;text-align:center;background:linear-gradient(#f7f1fb,transparent)}.time-track div:before{content:"";position:absolute;width:9px;height:9px;border:3px solid white;background:#aa86c4;border-radius:50%;top:-8px;left:calc(50% - 7px)}.time-track b{color:var(--purple);font-size:24px;display:block}.time-track span{display:block;font-size:10px;color:#8a7a97}.odds{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0 30px}.odds>div{background:#f5f1f8;padding:24px 8px;text-align:center;border-radius:15px;border:1px solid #e7dfef}.odds>div:nth-child(2){background:#ebddf6}.odds>div:nth-child(3){background:#e9f5ef}.odds>div:nth-child(4){background:#ede7f7}.odds b{display:block;font-size:36px;line-height:1.3;color:#73518e}.odds b small{font-size:17px}.odds strong{font-size:12px;display:block;margin-top:9px;color:#645173}.odds span{display:block;font-size:10px;color:#8a7c96;margin-top:4px}.inherit-example{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#f7f2fb;border-radius:16px;padding:24px;margin:24px 0}.inherit-example small{color:#877a92;font-size:10px}.inherit-example .color-pair{margin-bottom:0}.inherit-arrow{font-size:27px;color:#a286b9}.starter{background:linear-gradient(115deg,#f6ecfc,#fff6ee);border:1px solid #eadceb;border-radius:17px;padding:27px;margin:28px 0}.starter h3{margin:9px 0;font-size:23px}.starter p{font-size:12px;color:#85788e}.starter-tickets{display:flex;gap:10px}.starter-tickets span{display:grid;place-items:center;flex:0 1 56px;height:68px;border:1px solid #d8c4e4;box-shadow:0 3px 0 #e8d9f0;border-radius:9px;background:#fff;font-size:19px;font-weight:700;color:#9471ad}.starter-tickets span:last-child{background:#e8f7f1;border-color:#bdded0;color:#5b9280;box-shadow:0 3px 0 #d6eae1}.app-demo{border:1px solid #dccfe7;border-radius:20px;overflow:hidden;background:#fcfaff;margin:30px 0}.app-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 24px;background:#eee4f5;color:#685079;font-size:12px}.app-top b span{font-size:10px;font-weight:500}.demo-label{font-size:9px;border:1px solid #d9c9e6;border-radius:30px;padding:3px 9px}.app-main{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:28px}.app-pet{text-align:center}.app-pet img{display:block;height:230px;width:auto;max-width:100%;margin:0 auto;mix-blend-mode:multiply;object-fit:contain}.app-pet>span{font-size:9px;color:#9788a1;display:block}.app-pet h4{font-size:12px;margin:13px 0 0}.app-pet .color-pair{justify-content:center;margin-bottom:0}.app-metrics{display:flex;flex-direction:column;gap:12px;justify-content:center}.app-metrics>div{border:1px solid var(--line);border-radius:13px;padding:15px 19px;background:white}.app-metrics small{font-size:10px;color:#9a8aa6;display:block}.app-metrics b{font-size:24px;display:block;line-height:1.6;letter-spacing:.035em}.app-metrics span{font-size:10px;color:#948599;display:block}.app-display{margin:0 28px 24px;padding:22px 24px;background:#f5eff9;border:1px solid #e8ddee;border-radius:15px}.app-display h4{margin:0;font-size:16px;color:#77548e}.chapter-body .app-display>p{font-size:10px;margin:7px 0 15px}.switch-row{display:flex;align-items:center;gap:14px;background:white;padding:12px 16px;border:1px solid var(--line);border-bottom:0;cursor:pointer;position:relative;min-height:67px}.switch-row:nth-of-type(1){border-radius:10px 10px 0 0}.switch-row:nth-last-of-type(1){border-bottom:1px solid var(--line);border-radius:0 0 10px 10px}.switch-row>span:first-child{flex:1}.switch-row b{display:block;font-size:12px}.switch-row small{display:block;font-size:9px;color:#92849c;margin-top:3px}.switch-row input{position:absolute;right:16px;width:42px;height:28px;opacity:0;margin:0;cursor:pointer}.toggle{width:38px;height:22px;display:block;border-radius:20px;background:#d9d2df;position:relative;transition:background .15s;pointer-events:none}.toggle:after{content:"";width:16px;height:16px;background:white;position:absolute;top:3px;left:3px;border-radius:50%;box-shadow:0 1px 4px #45334d22;transition:transform .15s}.switch-row input:checked+.toggle{background:#9270ab}.switch-row input:checked+.toggle:after{transform:translateX(16px)}.switch-row input:focus-visible+.toggle{outline:3px solid #ab84c8;outline-offset:5px}.shown-features{padding:16px;background:white;border:1px solid var(--line);border-radius:11px;margin-top:17px}.shown-features>b{font-size:11px}.shown-features>small{font-size:9px;color:#8f819a;display:block;margin-top:10px}#feature-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}#feature-list span{display:block;border:1px solid #e8e1ed;border-radius:6px;padding:3px 8px;font-size:9px;color:#7b6e86}.chapter-body .demo-disclaimer{font-size:10px;color:#9887a1;margin:0;padding:0 28px 23px;line-height:1.9}.message-demo{border:1px solid var(--line);border-radius:16px;background:#fcfaff;padding:22px;margin:26px 0}.message-tabs{display:flex;flex-wrap:wrap;gap:7px}.message-tabs button{background:white;border:1px solid #ddd0e8;border-radius:8px;padding:7px 11px;font-size:10px;color:#86669c}.message-tabs button[aria-pressed=true]{background:#8a64a8;border-color:#8a64a8;color:white}.chapter-body #message-preview{background:#f2ebf8;border-radius:10px;font-size:12px;color:#775a8d;padding:17px 18px;margin:16px 0}.message-demo>small{font-size:10px;color:#91819c}.source-limit{margin:23px 0}.source-limit details{border:1px solid #e4dce9;background:white;border-radius:10px;margin:10px 0;padding:0 17px}.source-limit summary{cursor:pointer;padding:14px 3px;font-size:12px;color:#825b9e;font-weight:650;list-style-position:outside;margin-left:16px}.source-limit details p{font-size:12px;color:#8c7e96;margin:0 8px 15px}.closing-quote{margin:36px 0;padding:28px 30px;border-left:3px solid #b998ce;border-radius:0 16px 16px 0;background:#f5eef9;font-size:22px;font-weight:700;line-height:1.9;letter-spacing:.03em;color:#664e78}.site-footer{padding:44px 0 45px;display:flex;align-items:start;justify-content:space-between;gap:30px;font-size:10px;color:#948698}.site-footer strong{font-size:15px;letter-spacing:.12em;color:#796387;display:block;margin-bottom:9px}.site-footer p{margin:5px 0;line-height:1.9}.footer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.footer-actions .btn{font-size:10px;white-space:nowrap}.back-top{position:fixed;bottom:25px;right:22px;border:1px solid #decde9;border-radius:50%;height:43px;width:43px;display:grid;place-items:center;background:#fff;color:#916aa9;box-shadow:0 3px 15px #4d346013;z-index:40;font-size:22px;line-height:1}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100% - 35px);background:#4d3f5b;color:white;font-size:12px;padding:12px 21px;box-shadow:0 4px 20px #3c20492a;border-radius:11px;z-index:300;line-height:1.8;pointer-events:none}.drawer-shade{display:none}.reader{border:1px solid #d8c8e2;border-radius:18px;padding:0;width:min(1160px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;box-shadow:0 30px 100px #23113245;overflow:hidden;background:#f3eef7;color:var(--ink)}.reader::backdrop{background:#25202d99;backdrop-filter:blur(3px)}.reader-shell{height:100%;display:flex;flex-direction:column}.reader-toolbar{flex:none;padding:15px 21px;border-bottom:1px solid #dfd1e8;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px}.reader-title b{display:block;font-size:15px;line-height:1.7;letter-spacing:.07em}.reader-title small{font-size:10px;color:#92819d}.reader-tools{display:flex;gap:7px;align-items:center}.reader-tools .btn{padding:8px 11px;min-height:38px;font-size:11px}.reader-tools .icon-close{width:38px;padding:0;font-size:23px;line-height:1}.reader-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;background:#fbf9fd;border-bottom:1px solid #e3d8eb;flex:none}.reader-nav select{max-width:65%;flex:1;min-width:0;padding:8px 12px;font-size:12px;line-height:1.5;border-radius:8px;border:1px solid #d9c8e4;color:#755887;background:white}.reader-nav .btn{font-size:11px;padding:7px 12px;min-height:35px}.source-scroll{overflow:auto;overscroll-behavior:contain;flex:1;padding:26px}.original-page{margin:0 auto 30px;background:white;max-width:900px;box-shadow:0 3px 18px #3d274711;border:1px solid #dfd2e7;padding:15px;border-radius:8px}.original-page img{display:block;width:100%;height:auto}.original-page figcaption{border-top:1px solid #eee4f4;padding-top:12px;margin-top:10px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#96829e}.reader.zoom .original-page{width:1500px;max-width:none}.reader-foot{flex:none;padding:8px 20px;background:#fff;border-top:1px solid #e5d9ec;font-size:10px;color:#94809f;line-height:1.7}.empty-state{padding:100px 20px;text-align:center}.empty-state h2{font-size:24px}.empty-state p{color:var(--muted);font-size:13px}.noscript{padding:16px 20px;background:#fff4db;color:#765b2c;border-radius:10px;font-size:12px;margin-top:20px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(min-width:1600px){.main{padding-left:70px;padding-right:70px}.hero{padding:54px}.hero h1{font-size:76px}.hero-catch{font-size:31px}.chapter-body p{font-size:15px}.chapter-body .card p{font-size:13px}.chapter-body .note p{font-size:13px}table{font-size:13px}}
@media(max-width:1199px){:root{--sidebar:230px}.main{padding-left:30px;padding-right:30px}.hero{padding:33px 29px 29px}.hero h1{font-size:48px}.hero-catch{font-size:23px}.hero-description{font-size:12px}.hero-art{margin:0}.hero-footer{flex-wrap:wrap}.card{padding:19px}.swatch-grid{gap:8px}.gallery img{height:140px}.preset-gallery img{height:230px}.overview-links{gap:10px}.overview-links a{padding:15px}.brand small{display:none}.chapter h2{font-size:28px}.chapter-title-row{display:block}.source-ref{margin:9px 0 0}.app-main{padding:22px;gap:15px}.app-pet img{height:190px}}
@media(max-width:899px){:root{--header:66px;--sidebar:285px}.topbar{padding:0 18px}.brand b{font-size:18px}.brand img{width:36px;height:36px}.header-actions .badge{display:none}.header-actions>.share-btn{display:none}.menu-toggle{display:inline-flex}.sidebar{transform:translateX(-101%);transition:transform .2s;box-shadow:12px 0 35px #3f215515}.drawer-open .sidebar{transform:translateX(0)}.drawer-open .drawer-shade{display:block;position:fixed;inset:var(--header) 0 0;z-index:80;background:#2f233952;border:0}.main{margin-left:0;padding-left:30px;padding-right:30px}.hero{padding:36px}.hero h1{font-size:58px}.hero-catch{font-size:26px}.chapter{padding:55px 0}.toc a{font-size:12px;padding:8px 12px}.chapter h2{font-size:30px}.chapter-title-row{display:flex}.source-ref{margin-top:7px}.swatch-grid{gap:12px}.app-pet img{height:230px}.app-main{padding:25px}.reader-toolbar{padding:13px 16px}.reader-title small{display:none}}
@media(max-width:599px){:root{font-size:14px}.topbar{padding:0 14px;gap:7px}.brand{gap:7px}.brand img{width:34px;height:34px}.brand b{font-size:17px;letter-spacing:.12em}.header-actions{gap:3px}.header-actions .btn{font-size:11px;padding:9px 10px;min-height:37px}.header-actions .reader-open svg{display:none}.main{padding-left:18px;padding-right:18px}.chapter:first-child{padding-top:20px}.hero{padding:27px 23px 23px;border-radius:21px}.hero .eyebrow{font-size:8px;letter-spacing:.14em}.hero .eyebrow .hero-edition{font-size:8px;white-space:nowrap}.hero-layout{display:flex;flex-direction:column;margin:24px 0 20px;gap:12px;align-items:stretch}.hero h1{font-size:54px;line-height:1.2;margin:0 0 23px;letter-spacing:.16em}.hero-catch{font-size:24px;line-height:1.85;margin:0 0 17px}.hero-description{font-size:12px;line-height:2}.hero-art{width:88%;max-width:310px;margin:0 auto;padding:10px 0 0}.hero-art img{border-radius:14px}.hero-art:after{height:8px;margin:4px auto 0}.hero-art figcaption{font-size:9px;margin-top:8px}.hero-footer{padding-top:20px;gap:13px;display:block}.hero-footer .hero-links{gap:8px}.hero-footer .btn{font-size:11px;padding:11px 13px;flex:1}.hero-footer .edition-label{text-align:left;margin-top:15px;font-size:8px}.hero-note{font-size:10px;margin-top:14px}.overview-links{grid-template-columns:1fr;gap:9px;margin-top:19px}.overview-links a{padding:13px 17px}.overview-links small{display:inline-block;margin-right:12px;font-size:8px}.overview-links b{font-size:12px}.chapter{padding:42px 0 46px;scroll-margin-top:84px}.chapter-head{margin-bottom:23px}.chapter h2{font-size:25px;letter-spacing:.02em;line-height:1.65}.chapter-title-row{display:block;margin-top:13px}.source-ref{font-size:9px;padding:4px 9px;min-height:28px;margin-top:10px}.eyebrow{font-size:9px;gap:10px}.chapter-number{height:27px;width:27px;font-size:10px;border-radius:8px}.lead{font-size:12px;line-height:1.9;margin-top:11px}.chapter-body p{font-size:13px;line-height:2.05}.chapter-body h3{font-size:18px;margin-top:29px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0}.stats>div{padding:19px 8px}.stats b{font-size:32px}.stats b small{font-size:18px}.stats span{font-size:10px}.cards,.cards.two{grid-template-columns:1fr;gap:11px}.card{padding:20px}.chapter-body .card h3{font-size:17px;margin:7px 0 10px}.chapter-body .card p{font-size:12px}.note{padding:19px 18px;margin:24px 0}.note>strong{font-size:13px}.chapter-body .note p{font-size:12px}.split{grid-template-columns:1fr;gap:10px;margin:25px 0}.split .art{max-width:340px;margin:auto;padding:13px}.split h3{margin-top:16px}.table-wrap{border-radius:10px;margin:23px 0}table{font-size:11px;min-width:490px}th,td{padding:13px 15px}thead th{font-size:10px}.gallery{gap:8px}.gallery figure{padding:10px 7px;border-radius:12px}.gallery img{height:95px}.gallery figcaption{font-size:9px;margin-top:9px}.home-gallery img{height:140px}.combo-gallery img{height:102px}.preset-gallery img{height:150px}.gallery.two{gap:10px}.palette{padding:16px;border-radius:13px}.swatch-grid{grid-template-columns:repeat(4,1fr);gap:14px 10px}.swatch b{font-size:10px;min-height:31px}.swatch code{font-size:9px}.palette h4{font-size:12px;margin-top:28px}.swatch .color-chip{height:36px}.time-track{grid-template-columns:repeat(2,1fr);gap:20px 12px}.time-track b{font-size:22px}.odds{grid-template-columns:repeat(2,1fr);gap:10px}.odds>div{padding:22px 9px}.odds b{font-size:33px}.odds strong{font-size:12px}.inherit-example{flex-direction:column;gap:9px;align-items:start;padding:20px}.inherit-arrow{align-self:center;transform:rotate(90deg);line-height:1}.color-pair{gap:8px}.color-pair>span{padding:7px 13px;font-size:11px}.starter{padding:23px 20px}.starter h3{font-size:20px}.starter-tickets{gap:8px}.starter-tickets span{height:59px;font-size:17px}.app-top{padding:14px 17px;gap:6px}.demo-label{font-size:8px;padding:3px 7px}.app-main{grid-template-columns:1fr;padding:20px;gap:19px}.app-pet img{height:220px}.app-pet .color-pair{margin-top:12px}.app-metrics{gap:9px}.app-metrics>div{padding:12px 16px}.app-metrics b{font-size:23px}.app-display{margin:0 16px 19px;padding:18px 13px}.app-display h4{font-size:15px}.switch-row{padding:12px 13px}.switch-row b{font-size:12px}.switch-row small{font-size:9px}.switch-row input{right:13px}.chapter-body .demo-disclaimer{font-size:9px;padding:0 19px 20px}.message-demo{padding:17px}.message-tabs{gap:6px}.message-tabs button{font-size:9px;padding:7px 10px}.message-demo>small{font-size:9px}.source-limit summary{font-size:11px}.source-limit details{padding:0 12px}.source-limit details p{font-size:11px}.closing-quote{font-size:18px;padding:23px 19px}.site-footer{display:block;padding:33px 0 45px}.footer-actions{justify-content:start;margin-top:20px}.back-top{width:39px;height:39px;right:15px;bottom:17px}.reader{height:97dvh;max-height:97dvh;width:98vw;max-width:98vw;border-radius:13px}.reader-toolbar{padding:11px 12px;gap:7px;align-items:center}.reader-title b{font-size:12px;letter-spacing:.03em}.reader-tools{gap:4px}.reader-tools .btn{font-size:9px;padding:7px 8px;min-height:34px}.reader-tools .icon-close{width:32px;font-size:21px}.reader-tools [data-pdf]{display:none}.reader-nav{gap:6px;padding:9px 10px}.reader-nav select{font-size:10px;padding:9px 7px;max-width:75%}.reader-nav .btn{font-size:9px;padding:8px 9px}.source-scroll{padding:12px 8px}.original-page{padding:8px;border-radius:6px;margin-bottom:20px}.original-page figcaption{font-size:9px;margin-top:8px;padding-top:9px}.reader-foot{font-size:9px;padding:8px 12px}.reader.zoom .original-page{width:1100px}.toast{font-size:11px;bottom:20px;padding:12px 16px;width:max-content;max-width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{:root{font-size:11px;color:#000;background:white}.topbar,.sidebar,.hero-links,.source-ref,.overview-links,.back-top,.reading-progress,.footer-actions,.toast,.reader,.search-status,.drawer-shade{display:none!important}.main{margin:0;padding:0}.reading-column{max-width:none}.chapter{padding:18px 0;break-inside:auto}.hero{background:white;border:1px solid #ccc}.hero-art img{animation:none}.hero h1{font-size:45px}.chapter h2{font-size:24px}.chapter-body p{font-size:11px;line-height:1.8}h2,h3,.chapter-head{break-after:avoid}.table-wrap{overflow:visible;border:none}table{min-width:0;font-size:9px}tr{break-inside:avoid}.note,.card,figure{break-inside:avoid}.palette{padding:12px}.swatch-grid{grid-template-columns:repeat(8,1fr)}.source-limit details>p{display:block}.site-footer{font-size:8px}.hero-note{font-size:9px}}