*{box-sizing:border-box}body{margin:0;background:#f6f3eb;color:#23243b;font-family:system-ui,"Malgun Gothic",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ef764c;outline-offset:5px}header{max-width:1160px;margin:auto;padding:28px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dddad5}.brand{font-weight:900;letter-spacing:2px;text-decoration:none;color:inherit;font-size:18px;display:flex;gap:12px;align-items:center}.brand span{font-size:30px;color:#815bc6}nav{display:flex;gap:12px}nav button{border:1px solid #d4d2d4;background:transparent;border-radius:30px;padding:11px 16px;font-size:12px}main{max-width:1108px;margin:auto;padding:0 26px}.intro{padding:58px 0 36px}.eyebrow{font-size:11px;letter-spacing:3px;color:#81788c;font-weight:700}h1{font-size:54px;line-height:1.2;letter-spacing:-2.5px;margin:20px 0}h1 em{font-style:normal;color:#8663be}#subtitle{font-size:15px;color:#77717c;line-height:1.9}.status{display:flex;align-items:center;gap:8px;font-size:11px;color:#607b62;margin-top:26px}.status i{width:6px;height:6px;background:#6c9471;border-radius:50%}#catalog{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border:1px solid #dbd6cd;border-radius:24px;overflow:hidden;background:#fffcf5;transition:transform .2s}.card:hover{transform:translateY(-4px)}.art{height:246px;position:relative;overflow:hidden}.art svg{width:100%;height:100%}.number{position:absolute;top:18px;left:20px;font-size:11px;font-weight:700;letter-spacing:2px;color:#ffffffc9}.tag{position:absolute;bottom:17px;left:20px;background:#ffffffd9;border-radius:20px;padding:7px 11px;font-size:10px}.body{padding:26px}.body h2{font-size:26px;margin:0 0 12px;letter-spacing:-1px}.body p{font-size:13px;line-height:1.85;color:#78727d;min-height:48px}.meta{display:flex;gap:7px;margin:16px 0 24px}.meta span{border:1px solid #ddd8d2;border-radius:6px;padding:5px 7px;font-size:10px;color:#827988}.play{display:flex;justify-content:space-between;padding:16px 20px;border-radius:12px;background:#292942;color:white;text-decoration:none;font-size:14px;font-weight:700}.card:first-child .play{background:#ad5b45}.future{display:flex;align-items:center;gap:20px;border:1px dashed #c7c2cf;padding:24px;border-radius:16px;margin:28px 0;color:#8c8294}.future>span:first-child{font-size:30px}.future h2{font-size:15px;margin:0 0 8px}.future p{font-size:12px;margin:0;line-height:1.8}.small{margin-left:auto;font-size:9px;letter-spacing:2px}footer{display:flex;justify-content:space-between;padding:18px 0 36px;font-size:11px;color:#92909a}#update{background:#292942;color:white;border:0;border-radius:8px;padding:8px 15px}dialog{width:min(460px,calc(100vw - 24px));max-height:90dvh;border:1px solid #d8d4cd;border-radius:22px;background:#fffcf5;padding:28px;color:#292942}dialog::backdrop{background:#181a35aa;backdrop-filter:blur(5px)}.close{float:right;border:0;background:transparent;font-size:27px}.guide-tabs{display:flex;gap:8px;margin:20px 0}.guide-tabs button{flex:1;border:1px solid #ccc;border-radius:10px;padding:12px;background:transparent}.guide-tabs button.active{background:#292942;color:white}#guide h2{font-size:23px}#guide li{font-size:13px;line-height:1.8;margin-bottom:14px}#guide ol{padding-left:21px}#guide p{font-size:12px;line-height:1.8;color:#81788c}#guide code{display:block;overflow-wrap:anywhere;font-size:13px;padding:14px;background:#eee9df;border-radius:10px}#guide a{color:#70549d}@media(max-width:650px){header{padding:18px 18px}.brand{font-size:12px;letter-spacing:1px;gap:6px}.brand span{font-size:25px}nav{gap:5px}nav button{font-size:10px;padding:9px 10px}main{padding:0 18px}.intro{padding:32px 0 26px}h1{font-size:37px;letter-spacing:-2px}#subtitle{font-size:13px}#catalog{grid-template-columns:1fr;gap:20px}.art{height:220px}.body{padding:22px}.body h2{font-size:23px}.future{padding:19px;gap:12px}.small{display:none}.eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}