:root{--brand-primary:#2b4c3f;--brand-primary-light:#4f7965;--brand-primary-dark:#1a3027;--brand-gradient:linear-gradient(135deg, #2b4c3f 0%, #406856 100%);--accent-green:#69821b;--accent-green-light:#e3ead8;--accent-purple:#b94047;--accent-orange:#cbaa5c;--accent-red:#b94047;--accent-cyan:#3c6372;--text-main:#1c1c1c;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--text-light:#a3a3a3;--text-on-dark:#faf9f6;--bg-main:#faf9f6;--bg-secondary:#f2efe9;--bg-tertiary:#e8e4db;--bg-dark:#1c305c;--bg-card:#fff;--subject-japanese:#b94047;--subject-mandarin:#d4af37;--subject-piano:#3c6372;--subject-guitar:#4a5d23;--border-color:#2b4c3f1f;--border-strong:#2b4c3f40;--shadow-xs:0 1px 2px #2b4c3f0d;--shadow-sm:0 2px 8px #2b4c3f0f, 0 1px 2px #2b4c3f0a;--shadow-md:0 8px 24px #2b4c3f14, 0 2px 6px #2b4c3f0a;--shadow-lg:0 20px 40px #2b4c3f1a, 0 4px 12px #2b4c3f0f;--shadow-xl:0 32px 64px #2b4c3f24, 0 8px 20px #2b4c3f14;--shadow-brand:0 8px 32px #2b4c3f33;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}html,body{max-width:100%;height:100%;overflow-x:hidden}body{color:var(--text-main);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.6}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;font-family:Outfit,Shippori Mincho,Noto Serif JP,Yu Mincho,serif;font-weight:800;line-height:1.15}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,video{max-width:100%;display:block}p{margin-bottom:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.dashboard-grid{grid-template-columns:minmax(260px,1fr) 3fr;align-items:start;gap:2rem;display:grid}.dashboard-sidebar{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1rem;position:sticky;top:100px}.dashboard-sidebar-inner{flex-direction:column;gap:.5rem;display:flex}.dashboard-main{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);z-index:1;min-width:0;min-height:80vh;padding:2rem;position:relative}.btn-primary{background:var(--brand-gradient);color:#fff;border-radius:var(--radius-full);letter-spacing:.01em;transition:all var(--transition-fast);box-shadow:var(--shadow-brand);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 40px #4f46e559}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-main);color:var(--text-main);border:1.5px solid var(--border-strong);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:.6rem 1rem;font-weight:500}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-main)}.card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-4px)}.input-base{border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--bg-main);width:100%;color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.input-base:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4f46e51f}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--brand-primary);background:#4f46e51a}.badge-green{background:var(--accent-green-light);color:#065f46}.badge-orange{color:#92400e;background:#fef3c7}.badge-red{color:#991b1b;background:#fee2e2}.star-filled{color:#fbbf24}.star-empty{color:#e5e7eb}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.3)}}.animate-fade-in{animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeInSlideUp}.animate-scale-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f4f8 25%,#e2e8f0 50%,#f0f4f8 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-heading{color:var(--text-main);margin-bottom:1rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.break-title{overflow-wrap:anywhere;word-wrap:break-word;word-break:break-all;-webkit-hyphens:auto;hyphens:auto}.divider{background:var(--border-color);height:1px;margin:2rem 0}.pattern-seigaiha{background-color:var(--bg-main);background-image:radial-gradient(circle at 100% 150%, var(--bg-main) 24%, var(--border-color) 25%, var(--border-color) 28%, var(--bg-main) 29%, var(--bg-main) 36%, var(--border-color) 36%, var(--border-color) 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, var(--bg-main) 24%, var(--border-color) 25%, var(--border-color) 28%, var(--bg-main) 29%, var(--bg-main) 36%, var(--border-color) 36%, var(--border-color) 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, var(--bg-secondary) 10%, var(--border-color) 11%, var(--border-color) 23%, var(--bg-secondary) 24%, var(--bg-secondary) 30%, var(--border-color) 31%, var(--border-color) 43%, var(--bg-secondary) 44%, var(--bg-secondary) 50%, var(--border-color) 51%, var(--border-color) 63%, var(--bg-secondary) 64%, var(--bg-secondary) 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, var(--bg-secondary) 5%, var(--border-color) 6%, var(--border-color) 15%, var(--bg-secondary) 16%, var(--bg-secondary) 20%, var(--border-color) 21%, var(--border-color) 30%, var(--bg-secondary) 31%, var(--bg-secondary) 35%, var(--border-color) 36%, var(--border-color) 45%, var(--bg-secondary) 46%, var(--bg-secondary) 49%, transparent 50%, transparent), radial-gradient(circle at 0 50%, var(--bg-secondary) 5%, var(--border-color) 6%, var(--border-color) 15%, var(--bg-secondary) 16%, var(--bg-secondary) 20%, var(--border-color) 21%, var(--border-color) 30%, var(--bg-secondary) 31%, var(--bg-secondary) 35%, var(--border-color) 36%, var(--border-color) 45%, var(--bg-secondary) 46%, var(--bg-secondary) 49%, transparent 50%, transparent);background-size:100px 50px}.pattern-asanoha{background-color:var(--bg-main);background-image:linear-gradient(115deg,#0000 75%,#2b4c3f0d 75.5% 77%,#0000 77.5%),linear-gradient(245deg,#0000 75%,#2b4c3f0d 75.5% 77%,#0000 77.5%),linear-gradient(115deg,#0000 25%,#2b4c3f0d 25.5% 27%,#0000 27.5%),linear-gradient(245deg,#0000 25%,#2b4c3f0d 25.5% 27%,#0000 27.5%),linear-gradient(90deg,#0000 48%,#2b4c3f0d 49% 51%,#0000 52%);background-size:60px 104px}.pattern-washi{background-color:var(--bg-main);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.mobile-only{display:none!important}.desktop-only{display:flex!important}.bottom-nav-mobile{display:none}@media (max-width:1200px){.container{max-width:95%}}@media (max-width:1100px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.bottom-nav-mobile{display:flex!important}}@media (max-width:768px){.container{padding:0 1.25rem}.section-heading{font-size:1.75rem}.dashboard-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.dashboard-sidebar{margin-bottom:1rem;overflow:hidden;border-radius:var(--radius-lg)!important;width:100%!important;max-width:calc(100vw - 2.5rem)!important;padding:.5rem!important;position:static!important}.dashboard-sidebar-inner{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:.35rem;padding-bottom:.75rem;display:flex;overflow-x:auto;flex-flow:row!important}.dashboard-sidebar-inner::-webkit-scrollbar{height:3px}.dashboard-sidebar-inner::-webkit-scrollbar-thumb{background:var(--brand-primary-light);border-radius:3px}.dashboard-sidebar-inner>button,.dashboard-sidebar-inner>a{white-space:nowrap;flex-shrink:0;min-height:38px;line-height:1.2;border-radius:8px!important;padding:.55rem .75rem!important;font-size:.78rem!important}.dashboard-main{width:100%;min-width:0;max-width:100%;overflow-x:hidden;padding:1.25rem!important}.room-sidebar{flex-wrap:wrap;flex-direction:row!important;width:100%!important;position:static!important}.room-sidebar>*{flex:200px}.footer-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.footer-bottom{text-align:center;flex-direction:column;align-items:center!important;gap:1.25rem!important}}