@font-face{font-family:LoomKorean;src:url('/assets/loom-korean.woff2') format('woff2');font-display:swap}html[lang=ko] body{font-family:LoomKorean,system-ui,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ko] h1,html[lang=ko] h2,html[lang=ja] h1,html[lang=ja] h2,html[lang=zh-Hans] h1,html[lang=zh-Hans] h2{font-family:inherit;letter-spacing:-.02em;font-weight:700}html[lang=ar] .kicker{letter-spacing:0}*{box-sizing:border-box}html{scroll-padding-top:30px;scroll-behavior:smooth}body{margin:0;background:#fbf8ef;color:#272447;font:17px/1.75 system-ui,-apple-system,sans-serif}a{color:#4c4177;text-underline-offset:5px}button,select{font:inherit;color:inherit}button,summary{cursor:pointer}h1,h2,h3,p,figure{margin:0 0 1.15rem}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.04em;overflow-wrap:anywhere}h1{font-size:clamp(2.5rem,6vw,6.8rem)}h2{font-size:clamp(2rem,4vw,3.7rem)}h3{font-size:1.15rem;line-height:1.4}img{max-width:100%;height:auto}.wrap{max-width:1460px;margin:auto;padding:80px 6%}.reader{max-width:890px;margin:auto;padding:75px 35px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:35px;border-bottom:1px solid #b8accf;background:#fbf8ef;position:relative;z-index:5}.identity{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.2;font-weight:800;color:#272447;font-size:18px}.identity img{width:40px;border-radius:11px}.identity small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}nav>a{text-decoration:none}header details{position:relative}header details>div{position:absolute;inset-inline-end:0;top:calc(100% + 18px);background:#fbf8ef;border:1px solid #9184ad;box-shadow:6px 6px #d5cce8;width:300px;max-width:calc(100vw - 40px);max-height:55vh;overflow:auto;padding:15px}header details a{display:block;text-decoration:none;padding:11px 4px;border-bottom:1px solid #d5cce8;overflow-wrap:anywhere}.menu{display:none;border:1px solid #514770;background:none;padding:8px 14px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.hero figure{transform:rotate(-3deg)}.kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#584e86}.intro{font-size:1.25rem}.button{background:#433664;color:#fff;text-decoration:none;display:inline-block;padding:14px 26px;border-radius:8px;font-weight:750;font-size:15px}.button:hover{background:#272447;color:white}.small,figcaption{font-size:12px;line-height:1.7}figcaption{text-align:center;margin-top:12px}.band{display:grid;grid-template-columns:170px 1fr;gap:40px;border-top:2px solid #514770;padding:45px 0;margin:80px 0}.band>span{font:7rem/1 Georgia,serif;color:#7b6aa2}.band p{max-width:750px}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:35px 0 70px}.guide{min-width:0;display:block;text-decoration:none;border-top:3px solid #5b4e7e;padding:22px 0;overflow-wrap:anywhere}.guide:nth-child(even){border-color:#a26146}.guide .n{font:2.5rem/1 Georgia,serif;color:#756292}.guide h3{margin-top:25px}.guide p{font-size:13px;line-height:1.6}.panel{background:#e5e0f3;border-radius:35px;padding:45px;margin:40px 0}.reader section{margin:45px 0;padding-top:30px;border-top:1px solid #baafcf}.reader .section-number{font:2.6rem/1 Georgia,serif;color:#756292}.contents{display:block;border-inline-start:4px solid #776496;padding:18px 25px;background:#eee9f6;margin:35px 0}.contents a{display:block;padding:8px 0;font-weight:500}.source{font-size:12px}.source small{display:block}.loom-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.loom-controls label{font-weight:750;font-size:14px}.loom-controls select{width:100%;padding:14px;background:#fffdf8;border:1px solid #8a7caa;border-radius:8px;margin:10px 0}.drawer-note{font-size:13px;min-height:50px}.pair-result{border-radius:45px;background:#e5e0f3;padding:50px 30px;text-align:center;border:1px solid #8a7caa;margin:35px 0}.pair-result .pair{display:grid;grid-template-columns:1fr 45px 1fr;gap:12px;align-items:center;margin:35px 0}.pair-name{font:clamp(1.9rem,4.5vw,3.8rem)/1.15 Georgia,serif;overflow-wrap:anywhere;min-width:0}.pair-amp{font:2rem Georgia,serif;color:#756292}.loom-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.loom-actions button{border:1px solid #514770;border-radius:8px;padding:12px 19px;background:#fbf8ef;font-size:14px}.loom-actions button:first-child{background:#433664;color:#fff}#pair-position{font-size:12px;margin:20px 0}.archive{margin:50px 0;padding:30px;border:1px dashed #8a7caa;border-radius:20px}.archive section{border:0;margin:25px 0;padding:0}.archive ul{columns:2;font-size:14px}.app-card{display:grid;grid-template-columns:1fr 180px;gap:30px;background:#d7e8dd;padding:40px;border-radius:30px;margin:75px 0 25px;border:1px solid #8ca494}.app-card h2{font-size:2.1rem}.app-card p{font-size:14px}.app-card figure{margin:0;align-self:center}.app-card .product{max-height:240px;width:auto;object-fit:contain;border-radius:15px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.badges img{height:40px;width:auto}.sticky{position:fixed;bottom:13px;inset-inline-end:14px;background:#433664;color:white;z-index:6;padding:10px 17px;border-radius:8px;border:2px solid #fbf8ef;text-decoration:none;font-size:12px;font-weight:750}footer{background:#272447;color:#f8f4e8;padding:55px 6% 90px;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer a{color:#f8f4e8;display:inline-block;font-size:13px;margin:0 13px 14px 0}footer strong{font:2.4rem Georgia,serif}footer>p{grid-column:1/-1;max-width:950px}.skip{position:absolute;top:-150px;z-index:10;background:white;padding:10px}.skip:focus{top:0}:focus-visible{outline:3px solid #075c83;outline-offset:5px}html[dir=rtl] .hero figure{transform:rotate(3deg)}@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{gap:18px}header .identity{font-size:15px}}@media(max-width:800px){.menu{display:block}header{padding:20px;gap:15px;flex-wrap:wrap}.identity{max-width:calc(100% - 90px)}.identity img{flex:0 0 36px}header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}header nav.open{display:flex}header nav>a,header nav summary{padding:16px 0}header details>div{position:static;width:100%;max-width:none;max-height:245px;box-shadow:none}}@media(max-width:700px){.wrap,.reader{padding:45px 20px}.hero{grid-template-columns:1fr;gap:40px}.hero h1{font-size:3.7rem}.intro{font-size:1.15rem}.hero figure{margin:0}.band{grid-template-columns:60px 1fr;gap:18px;margin:55px 0}.band>span{font-size:3.8rem}.guide-grid{gap:25px}.panel{padding:28px 22px}.loom-controls{grid-template-columns:1fr;gap:5px}.pair-result{padding:30px 18px}.pair-result .pair{grid-template-columns:1fr;gap:15px}.pair-name{font-size:2.8rem}.archive{padding:22px}.archive ul{columns:1}.app-card{grid-template-columns:1fr;padding:26px}.app-card figure{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center}.app-card .product{max-height:150px}footer{grid-template-columns:1fr}footer>p{grid-column:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}