:root{--text:#2a1b1b;--wine:#7b2e2e;--gold:#c5a572}body,html{margin:0;padding:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Meiryo,Segoe UI,Roboto,sans-serif;max-width:100vw;overflow-x:hidden}html{height:100%}body{min-height:100%;background:linear-gradient(180deg,#fff8fb,#ffeef5 55%,#ffdfe9);background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%}body:after,body:before{content:none!important}a{color:inherit;text-decoration:none}.nav{background:#fffaf7cc;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid #ead9c0}.navinner{padding:12px 24px}.brand{font-weight:700;font-size:18px;color:var(--wine)}.menu a{margin:0 10px}.container{padding:24px}.card{background:#ffffffee;border:1px solid #ead9c0;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000a}.h1{font-size:28px;margin:0 0 12px}.h2{font-size:22px;margin:18px 0 8px}.footer{border-top:1px solid #ead9c0;text-align:center;padding:16px;color:#8b6f6f}.input,select,textarea{width:100%;padding:10px;border:1px solid #d9c7ac;border-radius:10px}.btn{background:var(--wine);color:#fff;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;position:relative;transition:transform .04s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.secondary{background:#fff;color:var(--wine);border:1px solid var(--wine)}@keyframes iconSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}a[aria-busy=true]{position:relative;pointer-events:none;opacity:.95}a[aria-busy=true]:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);background-image:url(/music019.png);background-size:contain;background-repeat:no-repeat;animation:iconSpin 1.5s linear infinite;filter:drop-shadow(0 0 2px rgba(123,46,46,.35))}.btn[aria-busy=true],.is-loading{pointer-events:none;opacity:.95}.btn[aria-busy=true]:after,.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);background-image:url(/music019.png);background-size:contain;background-repeat:no-repeat;animation:iconSpin 1.5s linear infinite;filter:drop-shadow(0 0 2px rgba(255,255,255,.7))}.notes-layer{position:fixed;inset:0;pointer-events:none;z-index:-1}.notes-layer img{position:absolute;opacity:.08;filter:saturate(90%)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#fff}.navinner{max-width:960px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav .brand{font-size:1.2rem;font-weight:600;white-space:nowrap}.nav .menu{display:flex;flex-wrap:nowrap;gap:16px;font-size:.95rem}.container{max-width:960px;margin:0 auto;padding:24px 16px 40px}.card{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:16px}.btn,.card .btn{display:inline-block;margin-top:8px}table{width:100%;border-collapse:collapse}td,th{padding:6px 8px;vertical-align:middle}.mypage-layout{display:flex;align-items:flex-start;gap:24px}.mypage-main{flex:2 1;min-width:0}.mypage-side{flex:1 1;min-width:220px}@media (max-width:768px){.navinner{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 12px}.nav .brand{font-size:1rem}.nav .menu{width:100%;flex-wrap:wrap;row-gap:4px;column-gap:12px;font-size:.85rem}.nav .menu a{padding:2px 0}.container{padding:16px 12px 28px}.card{padding:12px;margin-bottom:12px}.btn,.card .btn{width:100%;text-align:center;margin-top:10px}.mypage-layout{flex-direction:column}.mypage-side{width:100%;min-width:0}table{font-size:.8rem}td,th{padding:4px 6px;word-break:break-word}}@media (max-width:480px){.navinner{padding-inline:8px}.nav .menu{font-size:.8rem}.card,.container{padding-inline:8px}}.hero-visual{background-position:50%}@media (max-width:768px){.hero-visual{background-position:25%}}:root{--press-duration:140ms;--press-ease:cubic-bezier(.2,.8,.2,1);--press-raise-shadow:0 6px 12px rgba(0,0,0,.12);--press-hover-shadow:0 4px 10px rgba(0,0,0,.1);--press-pressed-shadow:0 2px 6px rgba(0,0,0,.14);--press-translate-hover:1px;--press-translate-down:2px;--press-scale-hover:.997;--press-scale-down:.992}.btn,.button,[role=button],a.btn,a.button,button,input[type=button],input[type=reset],input[type=submit]{transition:transform var(--press-duration) var(--press-ease),box-shadow var(--press-duration) var(--press-ease),filter var(--press-duration) var(--press-ease);will-change:transform,box-shadow;cursor:pointer;box-shadow:var(--press-raise-shadow)}.btn:hover,.button:hover,[role=button]:hover,a.btn:hover,a.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{transform:translateY(var(--press-translate-hover)) scale(var(--press-scale-hover));box-shadow:var(--press-hover-shadow)}.btn:active,.button:active,[role=button]:active,a.btn:active,a.button:active,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{transform:translateY(var(--press-translate-down)) scale(var(--press-scale-down));box-shadow:var(--press-pressed-shadow);filter:brightness(.98)}.btn:focus-visible,.button:focus-visible,[role=button]:focus-visible,a.btn:focus-visible,a.button:focus-visible,button:focus-visible,input[type=button]:focus-visible,input[type=reset]:focus-visible,input[type=submit]:focus-visible{outline:2px solid rgba(0,120,255,.7);outline-offset:2px}.btn[disabled],.button[disabled],[aria-disabled=true],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important;filter:grayscale(.1) brightness(.97)}.no-press,.no-press *{transition:none!important;transform:none!important;box-shadow:none!important}@media (prefers-reduced-motion:reduce){.btn,.button,[role=button],a.btn,a.button,button,input[type=button],input[type=reset],input[type=submit]{transition:none}}