:root{--cream: #faecc9;--cream-2: #f6e2b6;--cream-3: #fdf3da;--orange: #f39336;--orange-deep: #e07c20;--ink: #6e3f1a;--ink-soft: #a87f4d;--on-orange: #fff6e6;--line: rgba(110, 63, 26, .13);--line-2: rgba(243, 147, 54, .34)}html,body{margin:0;padding:0;background:var(--cream);overflow-x:hidden}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}body{font-family:Quicksand,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--cream)}.stage{position:relative;z-index:1;min-height:100vh}.col{max-width:560px;margin:0 auto}.dir-c{padding:40px 22px;background:transparent;color:var(--ink);width:100%;box-sizing:border-box}.c-logowrap{display:inline-flex}.wordmark{font-family:Caveat,cursive;font-size:56px;font-weight:700;line-height:.9;color:var(--orange);letter-spacing:.5px;margin-top:4px}.tagline{margin-top:9px;font-size:12.5px;color:var(--ink-soft);font-weight:500}.c-soc{display:flex;justify-content:center;gap:10px}.c-socbtn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--orange-deep);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .16s,color .16s,box-shadow .16s,transform .16s}.c-socbtn:hover{background:var(--orange);color:var(--on-orange);box-shadow:none;transform:translateY(-2px)}.c-socbtn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.c-soc-ic{display:block;width:19px;height:19px;background:currentColor;-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat}.c-feat{display:flex;align-items:center;gap:14px;margin-top:26px;text-decoration:none;color:var(--on-orange);background:var(--orange);border:1.5px solid transparent;border-radius:22px;padding:20px;box-shadow:none;--hover-ripple-bg: var(--cream);transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden}@media(hover:hover){.c-feat:hover{border-color:var(--line-2);color:var(--orange-deep);box-shadow:none}}.c-feat:active{background:var(--cream);border-color:var(--line-2);color:var(--orange-deep)}.c-hover-ripple{position:absolute;border-radius:50%;background:var(--hover-ripple-bg, #fff6e6);pointer-events:none;transform:scale(0);transition:transform .7s cubic-bezier(.175,.885,.32,1.275);will-change:transform;z-index:0}.c-hover-ripple.is-open{transform:scale(1);clip-path:inset(0)}.c-hover-ripple.is-closing{transition-duration:.38s;clip-path:none}.c-feat:focus-visible{outline:2px solid var(--orange-deep);outline-offset:3px}.c-feat-left{display:flex;flex-direction:column;gap:5px;flex:1;position:relative;z-index:1}.c-feat-tag{font-size:9.5px;letter-spacing:.14em;font-weight:700;opacity:.85;text-transform:uppercase}.c-feat-title{font-size:19px;font-weight:700}.eb{display:flex;align-items:center;gap:10px}.eb-label{font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange-deep);white-space:nowrap}.eb-rule{flex:1;height:1px;background:var(--line)}.eb-kao{font-size:13px;color:var(--ink-soft);font-family:Caveat,cursive}.c-panel{margin-top:12px;background:var(--cream-3);border-radius:18px;padding:6px;box-shadow:inset 0 0 0 1px var(--line),0 6px 20px #6e3f1a0f}.c-row{display:flex;align-items:center;gap:12px;padding:13px 12px;text-decoration:none;color:var(--ink);border-radius:13px;transition:background .14s,box-shadow .14s;position:relative;overflow:hidden;isolation:isolate}.c-row:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#ffffffe6,#ffffff6b),var(--release-cover);background-size:100% auto;background-position:50% 0%;opacity:0;transform:translateZ(0);transition:opacity .32s ease,transform .36s ease;pointer-events:none}.c-row>*{position:relative;z-index:1}.c-row+.c-row:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:var(--line)}.c-row:hover,.c-row.is-touch-preview{background:#fff9;box-shadow:0 4px 14px #6e3f1a14}.c-row:hover:after,.c-row.is-touch-preview:after{opacity:1;animation:release-art-renew 17s linear infinite}@keyframes release-art-renew{0%{background-position:50% 0%;transform:translateZ(0) scale(1.02)}88%{background-position:50% 100%;transform:translateZ(0) scale(1.02)}to{background-position:50% 0%;transform:translateZ(0) scale(1.02)}}.c-row:hover:before,.c-row:hover+.c-row:before,.c-row.is-touch-preview:before,.c-row.is-touch-preview+.c-row:before{background:transparent}.c-row:hover .c-dot,.c-row.is-touch-preview .c-dot{transform:scale(1.5)}.c-row:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.c-extras-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.c-extras-wrap.open{grid-template-rows:1fr}.c-extras-inner{overflow:hidden}.c-extras-inner .c-row:first-child:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:var(--line)}.c-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:0 0 auto;transition:transform .14s}.c-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.c-title{font-size:15px;font-weight:600}.c-sub{font-size:11.5px;color:var(--ink-soft);font-weight:500}@media(prefers-reduced-motion:reduce){.c-row:after{transform:none;transition:opacity .14s ease}.c-row:hover:after,.c-row.is-touch-preview:after{animation:none}}.c-more{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:12px;background:transparent;border:1.5px solid var(--line-2);color:var(--orange-deep);font-family:Quicksand,sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-radius:14px;padding:14px;cursor:pointer;--hover-ripple-bg: var(--orange);transition:background .16s,color .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}@media(hover:hover){.c-more:hover{color:var(--on-orange);border-color:var(--orange);box-shadow:0 8px 18px #f3933642}}.c-more>:not(.c-hover-ripple){position:relative;z-index:1}.c-more:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.c-more-ic{font-size:13px;transition:transform .16s}.c-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.c-cell{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14.5px;white-space:nowrap;min-width:0;--hover-ripple-bg: var(--orange);transition:.14s;position:relative;overflow:hidden}@media(hover:hover){.c-cell:hover{color:var(--on-orange);box-shadow:0 4px 14px #6e3f1a14}.c-cell:hover .c-row-ic{color:var(--on-orange);transform:scale(1.12)}}.c-cell:active{background:var(--orange);color:var(--on-orange)}.c-cell:active .c-row-ic{color:var(--on-orange)}.c-cell:focus-visible{background:#fff9;box-shadow:0 4px 14px #6e3f1a14;outline:2px solid var(--orange-deep);outline-offset:2px}.c-cell:focus-visible .c-row-ic{transform:scale(1.12)}.c-cell>:not(.c-hover-ripple){position:relative;z-index:1}.c-row-ic{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;color:var(--orange);background:currentColor;-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;transition:color .14s,transform .14s}.foot{margin-top:34px;text-align:center;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}
