@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Gowun+Batang&display=swap";body{color:#1f1b2d;background:#f8f7ff;margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box}body{background:#f7f0e8;margin:0}h1,h2,p{margin:0}button,input,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#2f6f63;border:0;border-radius:8px;min-height:48px;padding:12px 20px;font-size:16px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}button:hover:not(:disabled){background:#25594f;transform:translateY(-2px);box-shadow:0 10px 24px #2f6f632e}button:disabled{cursor:default;opacity:.72}.app{color:#27211d;background:radial-gradient(circle at 0 0,#e8bd7c52,#0000 34%),linear-gradient(135deg,#fffaf4 0%,#f7f0e8 46%,#eef5f1 100%);flex-direction:column;gap:28px;min-height:100vh;padding:48px 24px;display:flex}.main-hero,.content-layout{width:min(1120px,100%);margin:0 auto}.main-hero{gap:12px;padding-top:10px;display:grid}.eyebrow,.category{color:#2f6f63;letter-spacing:.12em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.main-hero h1{font-family:Gowun Batang,serif;font-size:clamp(42px,7vw,72px);font-weight:400;line-height:1.08}.main-hero>p{color:#6c5e53;max-width:620px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.secondary-button{color:#2f6f63;background:#ffffff9e;border:1px solid #2f6f6347}.secondary-button:hover:not(:disabled){background:#fff}.content-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:22px;display:grid}.music-column{gap:18px;min-width:0;display:grid}.recommendation,.stories-card,.empty-card,.submission-card,.ranking-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #2f6f631c;border-radius:16px;overflow:hidden;box-shadow:0 18px 44px #342a201f}.recommendation{text-align:left;grid-template-columns:minmax(260px,.95fr) minmax(280px,1.05fr);align-items:start;display:grid}.album-area{background:#191414;align-self:start;height:352px}.album-area iframe{border:0;width:100%;height:352px;display:block}.description-area{scrollbar-width:thin;max-height:352px;overflow-y:auto}.description-area::-webkit-scrollbar{width:6px}.description-area::-webkit-scrollbar-thumb{background:#2f6f6340;border-radius:999px}.description-area::-webkit-scrollbar-track{background:0 0}.description-area,.stories-card,.empty-card,.submission-card,.ranking-card{flex-direction:column;gap:18px;padding:28px;display:flex}.description-area{white-space:pre-line;justify-content:flex-start;align-items:flex-start;padding-top:32px}.description-area h2,.stories-card h2,.empty-card h2,.submission-card h2,.ranking-card h2{color:#2b2521;font-size:clamp(25px,3vw,34px);line-height:1.2}.artist{color:#7c6c60;font-size:18px}.description,.empty-card p{color:#5f544d;line-height:1.75}.stories-card{gap:18px;padding:26px 28px 28px}.story-heading{justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.story-heading h2{margin-top:5px;font-size:clamp(22px,2.5vw,28px)}.story-heading>div{min-width:0}.story-heading>span{flex:none}.story-heading span,.story-note,.form-note{color:#7c6c60;font-size:13px;line-height:1.55}.story-window{max-height:210px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(#0000,#000 8% 90%,#0000)}.story-track{gap:10px;padding:8px 0;display:grid}.story-window.is-scrolling .story-track{animation:16s ease-in-out infinite alternate story-scroll}.story-item{background:#f7f0e8bd;border-radius:10px;gap:10px;padding:13px 14px;display:grid}.story-item-text strong{color:#2f6f63;font-size:14px}.story-item-text p{color:#5f544d;margin-top:6px;font-size:14px;line-height:1.6}.story-like-button{color:#2f6f63;background:#ffffffb3;border:1px solid #2f6f6338;border-radius:999px;justify-self:start;min-height:auto;padding:5px 12px;font-size:12px;font-weight:600}.story-like-button:hover:not(:disabled){box-shadow:none;background:#2f6f631a;transform:none}.story-like-button.liked,.story-like-button:disabled{color:#bd3750;opacity:1;background:#d84f6a1a;border-color:#bd37504d}@keyframes story-scroll{0%{transform:translateY(0)}to{transform:translateY(-35%)}}@media (prefers-reduced-motion:reduce){.story-window.is-scrolling .story-track{animation:none}}.button-group{flex-wrap:wrap;gap:10px;width:100%;display:flex}.like-button{background:#d84f6a}.like-button:hover:not(:disabled){background:#bf3d57;box-shadow:0 10px 24px #d84f6a33}.like-button.liked,.like-button:disabled{background:#9b8ca7}.message,.submission-message,.ranking-note{color:#bd3750;font-size:14px;line-height:1.5}.submission-card form{gap:14px;display:grid}.submission-card label{color:#493d35;gap:8px;font-weight:700;display:grid}.submission-card input,.submission-card textarea{color:#27211d;background:#ffffffc7;border:1px solid #2f6f632e;border-radius:10px;outline:none;width:100%}.submission-card input{min-height:48px;padding:0 14px}.submission-card textarea{resize:vertical;min-height:132px;padding:14px}.submission-card input:focus,.submission-card textarea:focus{border-color:#2f6f63;box-shadow:0 0 0 4px #2f6f631f}.ranking-card{position:sticky;top:24px}.ranking-header{gap:8px;display:grid}.ranking-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ranking-list li{border-radius:12px;overflow:hidden}.ranking-item-button{width:100%;min-height:auto;color:inherit;font-size:inherit;text-align:left;background:#f7f0e8bd;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;font-weight:400;display:grid}.ranking-item-button:hover:not(:disabled){box-shadow:none;background:#2f6f631f;transform:none}.rank-number{color:#fff;background:#2f6f63;border-radius:50%;place-items:center;width:34px;height:34px;font-family:DM Sans,sans-serif;font-weight:700;display:inline-grid}.ranking-list strong{color:#2b2521;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ranking-list p{color:#7c6c60;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.rank-like{color:#bd3750;text-align:center;background:#d84f6a21;border-radius:999px;min-width:34px;padding:6px 8px;font-size:13px;font-weight:700}.memory-landing{color:#fffaf4;background:#1c1917;align-items:center;min-height:100vh;padding:48px 8vw;display:flex;position:relative;overflow:hidden}.memory-overlay{z-index:1;background:linear-gradient(90deg,#18120ef0 0%,#18120eb3 48%,#18120e26 100%),linear-gradient(#0000 50%,#18120e8c);position:absolute;inset:0}.memory-content{z-index:2;max-width:650px;position:relative}.memory-label{color:#e8bd7c;letter-spacing:.2em;margin-bottom:24px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.memory-content h1{margin:0;font-family:Gowun Batang,serif;font-size:clamp(42px,6vw,78px);font-weight:400;line-height:1.28}.memory-message{color:#fffaf4c7;margin-top:30px;font-family:Gowun Batang,serif;font-size:17px;line-height:1.9}.enter-button{color:#fffaf4;background:0 0;border:1px solid #fffaf48c;border-radius:999px;align-items:center;gap:24px;margin-top:42px;padding:16px 22px;font-family:DM Sans,sans-serif;font-size:14px;display:inline-flex}.enter-button:hover:not(:disabled){color:#2a201c;background:#fffaf4}.enter-button span{font-size:20px}.memory-gallery{z-index:1;align-items:end;gap:14px;display:flex;position:absolute;bottom:7vh;right:5vw}.memory-gallery img{object-fit:cover;opacity:.88;filter:sepia(12%)saturate(80%);width:clamp(110px,13vw,190px);height:clamp(175px,24vw,310px);box-shadow:0 15px 35px #0000004d}.memory-gallery img:nth-child(2){height:clamp(220px,30vw,390px);transform:translateY(-36px)}.memory-gallery img:nth-child(3){height:clamp(145px,20vw,260px)}.scroll-note{z-index:2;letter-spacing:.18em;color:#fffaf48c;margin:0;font-family:DM Sans,sans-serif;font-size:10px;position:absolute;bottom:28px;right:8vw}.curator-note{border-top:1px solid #2f6f6324;gap:6px;margin-top:8px;padding-top:18px;display:grid}.curator-label{color:#2f6f63;letter-spacing:.1em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700}.curator-label:after{content:""}.curator-text{color:#5f544d;font-family:Gowun Batang,serif;font-size:15px;line-height:1.75;display:block}@media (width<=900px){.app{padding:36px 18px}.description-area{max-height:none;overflow-y:visible}.content-layout,.recommendation{grid-template-columns:1fr}.ranking-card{position:static}}@media (width<=700px){button{width:100%}.hero-actions,.button-group{flex-direction:column}.description-area,.stories-card,.empty-card,.submission-card,.ranking-card{padding:22px}.album-area,.album-area iframe{min-height:352px}.ranking-item-button{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:10px}.rank-number{width:30px;height:30px}.memory-landing{align-items:flex-start;padding:16vh 24px 40px}.memory-content h1{font-size:42px}.memory-message{font-size:15px}.memory-gallery{gap:8px;bottom:72px;right:18px}.memory-gallery img{width:76px;height:120px}.memory-gallery img:nth-child(2){height:168px;transform:translateY(-20px)}.memory-gallery img:nth-child(3){height:105px}.scroll-note{display:none}}@media (width<=430px){.app{gap:20px;padding:28px 14px}.main-hero h1{font-size:38px}.main-hero>p{font-size:16px}.description-area h2,.empty-card h2,.submission-card h2,.ranking-card h2{font-size:24px}.album-area,.album-area iframe{height:352px}.memory-content h1{font-size:36px}.memory-gallery{opacity:.36}}