body{background:radial-gradient(ellipse at 20% 0,#e3f4ee,transparent 45%),radial-gradient(ellipse at 95% 55%,#f3e7d5,transparent 35%),#f6f5f0}body>header{background:#fffdf8f5;border-bottom:1px solid #d7e4dc;gap:10px;padding:14px 4%}.brand span{font-size:18px;letter-spacing:.01em}body>header nav{flex-wrap:wrap}main>.hero{background:radial-gradient(ellipse at 85% 25%,#c3ecdb,transparent 55%),linear-gradient(135deg,#f7f2df,#e0efe6);border:1px solid white;box-shadow:0 20px 70px #2b645515}.hero h1{font-size:clamp(30px,4vw,48px)}.discovery-hub{margin:30px 0 42px}.discovery-hub>p{max-width:760px}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.journey-card{position:relative;display:block;text-align:left;color:#193c34;background:#fffdf8;border:1px solid #dbe7df;border-radius:24px;padding:22px;text-decoration:none;box-shadow:0 8px 30px #25564209;min-width:0}.journey-card:nth-child(2){background:#eef5f2}.journey-card:nth-child(3){background:#fff4df}.journey-card img{width:120px;height:130px;object-fit:contain;display:block;margin:0 auto 14px}.journey-card h3{font-size:18px;line-height:1.5}.journey-card p{font-size:14px;font-weight:400;margin-bottom:0}.journey-number{font-size:12px;font-weight:800;color:#668579;letter-spacing:.12em}.favorite-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px}.favorite-row a{display:flex;align-items:center;gap:10px;min-width:150px;padding:10px;background:#fffdf8;border:1px solid #dee5dc;border-radius:16px;color:#204f3b;text-decoration:none;font-size:13px}.favorite-row img{height:56px;width:56px;object-fit:contain}.favorite-toggle{min-height:44px;padding:8px;font-size:12px;background:#faf2d8;color:#604e25}.favorite-toggle[aria-pressed=true]{background:#e3efe0;color:#204f3b}.collection-tile{background:#ffffff75;border-radius:22px;border:1px solid #e2e8de;padding:8px;box-shadow:0 7px 22px #234a3008}.collection-tile .card{border:0;background:transparent}.collection-tile .collection-study{font-size:12px}.card:focus-visible,.journey-card:focus-visible,a:focus-visible{outline:3px solid #c58513;outline-offset:3px}.journey-card:hover{transform:translateY(-3px)}.card:disabled{opacity:.55;cursor:not-allowed}#cards:empty::after{content:'찾는 친구가 없어요. 다른 이름으로 검색해 주세요. / No matches. Try another name.';grid-column:1/-1;padding:24px;background:white;border-radius:18px}.member-box{border:1px solid #dfe8dd;background:linear-gradient(150deg,#fffdf6,#eef5ed);box-shadow:0 18px 60px #174c3812}.member-box h1{font-size:clamp(27px,5vw,40px)}
@media(max-width:720px){.journey-grid{grid-template-columns:1fr}.journey-card{display:grid;grid-template-columns:80px 1fr;gap:0 14px;padding:16px}.journey-card img{grid-column:1;grid-row:1/4;width:80px;height:100px;margin:0}.journey-number,.journey-card h3,.journey-card p{grid-column:2;margin:0}.journey-card h3{margin:6px 0;font-size:16px}.journey-card p{font-size:12px}body>header{gap:8px;padding:12px}body>header nav{width:100%;gap:6px}body>header nav button{padding:10px;font-size:12px;flex:1;white-space:normal}.volume{max-width:100%}main{padding:22px 14px}.collection{gap:10px}.collection-tile{padding:5px}.collection-study{padding:10px 6px!important}.hero{padding:24px;gap:14px}}
@media(prefers-reduced-motion:reduce){.journey-card,.card,button{transition:none!important;transform:none!important}}