.app-header[data-v-3b63c450]{position:sticky;top:0;background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);padding:.75rem 1rem;z-index:10}.app-header-top[data-v-3b63c450]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.app-title[data-v-3b63c450]{font-size:1.125rem;margin:0;font-family:var(--font-heading)}.app-user[data-v-3b63c450]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-sub)}.auth-btn[data-v-3b63c450]{padding:.2rem .6rem;background:var(--color-card-bg);color:var(--color-text-sub);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem}.auth-btn[data-v-3b63c450]:hover{background:var(--color-bg)}.auth-btn.primary[data-v-3b63c450]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.auth-btn.primary[data-v-3b63c450]:hover{background:var(--color-primary-hover)}.badge[data-v-3b63c450]{background:var(--color-saturday-bg);color:var(--color-text-sub);border-radius:var(--radius-sm);padding:0 .35rem;margin-left:.35rem;font-size:.75rem}.error[data-v-3b63c450]{color:var(--color-danger)}.app-nav[data-v-3b63c450]{display:flex;gap:.75rem;overflow-x:auto;font-size:.875rem}.app-nav a[data-v-3b63c450]{color:var(--color-text-sub);text-decoration:none;white-space:nowrap;padding:.25rem 0}.app-nav a.router-link-active[data-v-3b63c450]{color:var(--color-nav-active);border-bottom:2px solid var(--color-nav-active);font-weight:600}.app-main[data-v-3b63c450]{padding:1rem;max-width:1024px;margin:0 auto}html[data-theme=pop] .app-header[data-v-3b63c450]{color:#fff}html[data-theme=pop] .app-title[data-v-3b63c450]{color:#fff;background:none;-webkit-text-fill-color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.15)}html[data-theme=pop] .app-nav a[data-v-3b63c450]{color:#ffffffd9}html[data-theme=pop] .app-nav a.router-link-active[data-v-3b63c450]{color:#fff;border-bottom-color:#fff}html[data-theme=pop] .app-user[data-v-3b63c450]{color:#fff}html[data-theme=pop] .app-title[data-v-3b63c450]:before{content:"🎵 "}html[data-theme=cute] .app-title[data-v-3b63c450]:before{content:"🐾 "}:root,:root[data-theme=standard]{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-bg: #f9fafb;--color-card-bg: #ffffff;--color-card-border: #e5e7eb;--color-text: #111827;--color-text-sub: #4b5563;--color-text-muted: #6b7280;--color-link: #2563eb;--color-accent: #2563eb;--color-saturday-bg: #dbeafe;--color-sunday-bg: #fee2e2;--color-warn-bg: #fef3c7;--color-warn-text: #92400e;--color-header-bg: #ffffff;--color-header-border: #e5e7eb;--color-nav-active: #2563eb;--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--font-heading: var(--font-base);--font-decoration: var(--font-base);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--shadow-card: none;--shadow-button: none;--shadow-button-hover: none;--decoration-body-bg: none;--decoration-card-accent: none;--decoration-prefix: "";--transition-button: background-color .15s ease;--transition-card: none}:root[data-theme=pop]{--color-primary: #ec4899;--color-primary-hover: #db2777;--color-secondary: #8b5cf6;--color-secondary-hover: #7c3aed;--color-danger: #f43f5e;--color-danger-hover: #e11d48;--color-bg: #fff7fb;--color-card-bg: #ffffff;--color-card-border: #fbcfe8;--color-text: #1f2937;--color-text-sub: #6b21a8;--color-text-muted: #a78bfa;--color-link: #db2777;--color-accent: #fde047;--color-saturday-bg: #ddd6fe;--color-sunday-bg: #fce7f3;--color-warn-bg: #fef3c7;--color-warn-text: #92400e;--color-header-bg: linear-gradient( 90deg, #ec4899 0%, #8b5cf6 25%, #fde047 50%, #8b5cf6 75%, #ec4899 100% );--color-header-border: transparent;--color-nav-active: #fde047;--font-base: "M PLUS Rounded 1c", "Hiragino Kaku Gothic ProN", sans-serif;--font-heading: "M PLUS Rounded 1c", sans-serif;--font-decoration: "M PLUS Rounded 1c", sans-serif;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-card: 0 4px 16px rgba(236, 72, 153, .12);--shadow-button: 0 3px 0 rgba(0, 0, 0, .18);--shadow-button-hover: 0 5px 0 rgba(0, 0, 0, .18);--decoration-body-bg: radial-gradient( circle at 10% 20%, rgba(236, 72, 153, .06) 0, transparent 30% ), radial-gradient(circle at 90% 80%, rgba(139, 92, 246, .06) 0, transparent 30%), radial-gradient(circle at 50% 50%, rgba(253, 224, 71, .04) 0, transparent 30%);--decoration-card-accent: linear-gradient(90deg, #ec4899, #8b5cf6, #fde047);--decoration-prefix: "🎵 ";--transition-button: transform .12s ease, box-shadow .12s ease, background .15s ease;--transition-card: transform .18s ease, box-shadow .18s ease}:root[data-theme=cute]{--color-primary: #f9a8d4;--color-primary-hover: #f472b6;--color-secondary: #a5b4fc;--color-secondary-hover: #818cf8;--color-danger: #fca5a5;--color-danger-hover: #f87171;--color-bg: #fffaf3;--color-card-bg: #ffffff;--color-card-border: #fbcfe8;--color-text: #5b3f44;--color-text-sub: #be185d;--color-text-muted: #9c5d80;--color-link: #ec4899;--color-accent: #fbbf24;--color-saturday-bg: #e0f2fe;--color-sunday-bg: #fce7f3;--color-warn-bg: #fef3c7;--color-warn-text: #92400e;--color-header-bg: #fff0f6;--color-header-border: #fbcfe8;--color-nav-active: #ec4899;--font-base: "Kosugi Maru", "Hiragino Kaku Gothic ProN", sans-serif;--font-heading: "Mochiy Pop One", "Kosugi Maru", sans-serif;--font-decoration: "Mochiy Pop One", sans-serif;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.5rem;--shadow-card: 0 6px 16px rgba(249, 168, 212, .25);--shadow-button: 0 2px 0 rgba(190, 24, 93, .15);--shadow-button-hover: 0 4px 0 rgba(190, 24, 93, .2);--decoration-body-bg: radial-gradient( circle at 15% 25%, rgba(249, 168, 212, .1) 0, transparent 25% ), radial-gradient(circle at 85% 75%, rgba(165, 180, 252, .1) 0, transparent 25%);--decoration-card-accent: linear-gradient(90deg, #f9a8d4, #fbcfe8, #fde68a);--decoration-prefix: "🐾 ";--transition-button: transform .15s ease, box-shadow .15s ease, background .15s ease;--transition-card: transform .22s ease, box-shadow .22s ease}html{font-family:var(--font-base);color:var(--color-text)}body{background:var(--color-bg);background-image:var(--decoration-body-bg);background-attachment:fixed;margin:0}@keyframes pop-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes cute-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}:root[data-theme=pop] h1,:root[data-theme=pop] h2,:root[data-theme=pop] h3{font-family:var(--font-heading);background:linear-gradient(90deg,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=cute] h1,:root[data-theme=cute] h2,:root[data-theme=cute] h3{font-family:var(--font-heading);color:var(--color-text-sub)}html,body{transition:background-color .3s ease,color .3s ease}html[data-theme=pop] button:not(.cancel,.danger,.secondary,.auth-btn,.nav-btn,.clear-btn,.toggle-expired,.action-btn){box-shadow:var(--shadow-button);transition:var(--transition-button);font-family:var(--font-decoration);font-weight:700}html[data-theme=pop] button:not(.cancel,.danger,.secondary,.auth-btn,.nav-btn,.clear-btn,.toggle-expired,.action-btn):hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}html[data-theme=cute] button:not(.cancel,.danger,.secondary,.auth-btn,.nav-btn,.clear-btn,.toggle-expired,.action-btn){box-shadow:var(--shadow-button);transition:var(--transition-button);font-family:var(--font-decoration);border-radius:var(--radius-md)}html[data-theme=cute] button:not(.cancel,.danger,.secondary,.auth-btn,.nav-btn,.clear-btn,.toggle-expired,.action-btn):hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}html[data-theme=cute] .card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #f9a8d459}html[data-theme=pop] .app-nav a:hover{animation:pop-bounce .4s ease}html[data-theme=cute] .app-nav a:hover{animation:cute-wiggle .4s ease}html[data-theme=pop] body{background-image:repeating-linear-gradient(45deg,transparent 0,transparent 30px,rgba(236,72,153,.025) 30px,rgba(236,72,153,.025) 32px),repeating-linear-gradient(-45deg,transparent 0,transparent 40px,rgba(139,92,246,.025) 40px,rgba(139,92,246,.025) 42px),radial-gradient(circle at 10% 20%,rgba(236,72,153,.06) 0,transparent 30%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.06) 0,transparent 30%),radial-gradient(circle at 50% 50%,rgba(253,224,71,.04) 0,transparent 30%);background-attachment:fixed}@keyframes pop-rainbow{0%{background-position:0% 50%}to{background-position:200% 50%}}html[data-theme=pop] .card:before{background:linear-gradient(90deg,#ec4899,#f97316,#fde047,#34d399,#8b5cf6,#ec4899);background-size:200% 100%;animation:pop-rainbow 4s linear infinite}@keyframes pop-sparkle{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.3) rotate(15deg);opacity:1}}html[data-theme=pop] .card:after{content:"✨";position:absolute;top:.6rem;right:.7rem;font-size:1rem;pointer-events:none;animation:pop-sparkle 2.4s ease-in-out infinite}@keyframes pop-header-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}html[data-theme=pop] .app-header{background-size:200% 100%;animation:pop-header-flow 8s linear infinite}html[data-theme=pop] a:hover,html[data-theme=pop] a:focus-visible{text-decoration:underline wavy var(--color-accent);text-underline-offset:4px}html[data-theme=pop] button:not(.cancel,.danger,.secondary,.auth-btn,.nav-btn,.clear-btn,.toggle-expired,.action-btn):active{transform:translateY(0) rotate(-2deg)}html[data-theme=pop] .badge{box-shadow:0 1px 3px #00000014;font-weight:600}html[data-theme=cute] body{background-image:radial-gradient(circle,rgba(249,168,212,.18) 1.2px,transparent 1.8px),radial-gradient(circle,rgba(165,180,252,.14) 1.2px,transparent 1.8px),radial-gradient(circle at 15% 25%,rgba(249,168,212,.1) 0,transparent 25%),radial-gradient(circle at 85% 75%,rgba(165,180,252,.1) 0,transparent 25%);background-size:36px 36px,52px 52px,auto,auto;background-position:0 0,18px 18px,auto,auto;background-attachment:fixed}html[data-theme=cute] .card:before{background:linear-gradient(90deg,#f9a8d4,#fbcfe8,#c7d2fe,#fef3c7,#f9a8d4);background-size:200% 100%;animation:pop-rainbow 6s linear infinite;height:5px}@keyframes cute-breathe{0%,to{box-shadow:0 6px 16px #f9a8d438}50%{box-shadow:0 10px 24px #f9a8d466}}html[data-theme=cute] .card{animation:cute-breathe 3.5s ease-in-out infinite}html[data-theme=cute] .card:after{content:"🐾";position:absolute;top:.6rem;right:.7rem;font-size:1rem;opacity:.45;transition:opacity .3s ease,transform .3s ease;pointer-events:none}html[data-theme=cute] .card:hover:after{opacity:.95;transform:rotate(-12deg) scale(1.15)}html[data-theme=cute] .card>h2:first-child:before{content:"🐱 ";font-size:1em}html[data-theme=cute] .card:nth-child(4n+2)>h2:first-child:before{content:"🐈 "}html[data-theme=cute] .card:nth-child(4n+3)>h2:first-child:before{content:"🐈‍⬛ "}html[data-theme=cute] .card:nth-child(4n)>h2:first-child:before{content:"😺 "}html[data-theme=cute] a:hover,html[data-theme=cute] a:focus-visible{text-decoration:underline wavy var(--color-primary);text-underline-offset:4px}html[data-theme=cute] .badge{border-radius:999px;padding:.15rem .55rem;font-weight:600}html[data-theme=cute] input:focus,html[data-theme=cute] select:focus,html[data-theme=cute] textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f9a8d459}html[data-theme=pop] input:focus,html[data-theme=pop] select:focus,html[data-theme=pop] textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ec48994d}html[data-theme=cute] button:not(.cancel,.danger,.secondary,.auth-btn,.nav-btn,.clear-btn,.toggle-expired,.action-btn):active{transform:translateY(2px) scale(.98)}html[data-theme=pop] h2,html[data-theme=pop] h3{background:none;-webkit-text-fill-color:initial;color:var(--color-primary);font-family:var(--font-heading)}html[data-theme=pop] .card>h2:first-child{display:inline-block;padding-bottom:.25rem;border-bottom:3px solid;border-image:linear-gradient(90deg,#ec4899,#8b5cf6,#fde047) 1;margin-bottom:.8rem}html[data-theme=pop] .card>h2:first-child:before{content:"🎵 "}html[data-theme=pop] .card:nth-child(4n+2)>h2:first-child:before{content:"🎶 "}html[data-theme=pop] .card:nth-child(4n+3)>h2:first-child:before{content:"🎤 "}html[data-theme=pop] .card:nth-child(4n)>h2:first-child:before{content:"🎸 "}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-base);color:var(--color-text);background:var(--color-bg);background-image:var(--decoration-body-bg);background-attachment:fixed;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit}.card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-card);transition:var(--transition-card);position:relative}:root[data-theme=pop] .card:before,:root[data-theme=cute] .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--decoration-card-accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px dashed var(--color-card-border)}.stat:last-child{border-bottom:none}.stat-label{color:var(--color-text-muted)}