@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;600&display=swap";:root{font-family:Manrope,Noto Sans KR,sans-serif;color:#252525;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #7463c7;outline-offset:6px}main{max-width:1180px;padding:0 26px 70px;margin:auto}header{height:184px;display:flex;align-items:center;justify-content:center}.logo{display:flex;align-items:center;gap:8px;font-size:53px;font-weight:800;letter-spacing:-3px;transform:rotate(-3deg)}.io{font-weight:500;letter-spacing:-4px}.cube{position:relative;display:inline-block;width:38px;height:39px;margin:12px 2px 0;transform:rotate(10deg)}.cube i{position:absolute;width:23px;height:23px;border:2px solid #282828}.cube i:nth-child(1){background:#dacef3;transform:skewY(30deg);left:0;top:10px}.cube i:nth-child(2){background:#aacabc;transform:skewY(-30deg);left:21px;top:10px}.cube i:nth-child(3){background:#f7d78d;transform:rotate(30deg) skew(-30deg) scaleY(.86);left:10px;top:-6px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{position:relative;border:2px solid #30302f;border-radius:15px;height:170px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:25px;transition:transform .18s,box-shadow .18s}.tile:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:4px 6px #252525}.tile-name{font-size:32px;font-weight:700;letter-spacing:-1px;z-index:1}.arrow{position:absolute;right:14px;top:14px;opacity:.5}.private{background:#f0eaf8;color:#463752;border-color:#71647c}.door{width:67px;height:97px;border:3px solid #71647c;background:#6c6178;border-radius:36px 36px 0 0;position:relative;box-shadow:6px 5px #d2c4df;transform:rotate(-6deg);flex-shrink:0}.door-panel{position:absolute;inset:2px 5px 0 -2px;border:2px solid #71647c;border-radius:34px 34px 0 0;background:#d8c9e8;display:flex;align-items:center;justify-content:center;transform:perspective(130px) rotateY(-17deg);transform-origin:left}.door-panel i{position:absolute;right:5px;bottom:22px;width:5px;height:5px;border-radius:50%;background:#71647c}.tile-art{font-size:55px}.kanji-art{width:67px;height:97px;flex-shrink:0;overflow:visible}.kanji-tile{container:kanji-card / inline-size}.kanji-content{display:inline-flex;align-items:center;gap:25px}.kanji-name{display:flex;align-items:center;gap:.22em;white-space:nowrap}@container kanji-card (max-width:300px){.kanji-name{flex-direction:column;gap:0}}.blue{background:#dcf0fa}.yellow{background:#fff0bf}.green{background:#e5efd4}.pink{background:#ffe3e9}.private-pending{max-width:420px;margin:30px auto;text-align:center;padding:40px 20px}.private-pending>svg{color:#80728e}.private-pending h1{font-size:36px;margin:17px 0 24px;letter-spacing:-1px}.private-pending p{font-size:15px}.private-pending .note{font-size:12px;color:#929092;line-height:1.8}.back{margin:25px auto 0;display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:10px 15px;border:1px solid #dedbe1;border-radius:8px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-name{font-size:29px}}@media(max-width:560px){main{padding:0 20px 45px}header{height:155px}.logo{font-size:46px}.cube{transform:scale(.85) rotate(10deg);margin-left:-1px;margin-right:0}.grid{grid-template-columns:1fr;gap:16px}.tile{height:160px}.tile-name{font-size:34px}}@media(prefers-reduced-motion:reduce){.tile{transition:none}}