:root{color-scheme:light;--color-page-bg: #f6f4ee;--color-surface: #fffdfa;--color-text: #22201b;--color-text-muted: #5f5951;--color-brand: #1d7f73;--color-brand-contrast: #f4fffb;--color-success: #2f9e44;--color-warning: #d17c14;--color-danger: #c0392b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-card: 0 10px 28px rgba(34, 32, 27, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--touch-target-min: 44px;--recording-btn-size: 64px;--tab-bar-height: 56px;--session-header-height: 52px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--font-family-base: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-family-display: "Trebuchet MS", "Segoe UI", sans-serif}@media (min-width: 768px){:root{--space-4: 18px;--space-6: 28px;--space-8: 36px;--radius-md: 14px;--radius-lg: 20px;--tab-bar-height: 60px}}@media (min-width: 1200px){:root{--space-4: 20px;--space-6: 32px;--space-8: 40px;--recording-btn-size: 72px;--tab-bar-height: 64px;--session-header-height: 56px}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#app{min-height:100%}html{text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}input,textarea,select{font-size:16px}textarea{resize:vertical}button{border:0;background:none}a{color:inherit;text-decoration:none}.training-layout{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;background:transparent}.training-header{position:sticky;top:0;z-index:20;min-height:var(--session-header-height);padding-top:var(--safe-area-top);background:color-mix(in srgb,var(--color-surface) 95%,white 5%);border-bottom:1px solid rgba(34,32,27,.08)}.training-content{padding:var(--space-4)}.training-input-dock{position:sticky;bottom:0;z-index:30;padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-area-bottom));background:linear-gradient(180deg,#f6f4ee00,#f6f4eeeb 24%,#f6f4ee)}.training-record-button{width:var(--recording-btn-size);height:var(--recording-btn-size);border-radius:999px;background:var(--color-brand);color:var(--color-brand-contrast);box-shadow:var(--shadow-card)}@media (min-width: 768px){.training-content{padding:var(--space-6)}.training-input-dock{padding:var(--space-4) var(--space-6) calc(var(--space-4) + var(--safe-area-bottom))}}@media (min-width: 1200px){.training-layout{grid-template-columns:minmax(0,3fr) minmax(300px,1.5fr);grid-template-rows:auto 1fr}.training-header{grid-column:1 / -1}.training-content{padding:var(--space-8)}.training-input-dock{position:static;padding:var(--space-6) var(--space-8) var(--space-8);background:transparent}}:root{--admin-icon-rail-width: 56px;--admin-sidebar-width: 224px;--admin-sidebar-compact-width: 56px}.admin-layout{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100vh;width:100%;overflow:hidden}.admin-toolbar{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-grid{display:grid;gap:var(--space-4)}.admin-panel{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.admin-status-success{color:var(--color-success)}.admin-status-warning{color:var(--color-warning)}.admin-status-danger{color:var(--color-danger)}@media (max-width: 767px){.admin-layout{grid-template-columns:var(--admin-icon-rail-width) 1fr}.admin-toolbar{grid-template-columns:1fr;gap:var(--space-2)}.admin-grid{grid-template-columns:1fr;gap:var(--space-3)}}@media (min-width: 768px) and (max-width: 1199px){.admin-layout{grid-template-columns:var(--admin-icon-rail-width) 1fr}.admin-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:end}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}}@media (min-width: 1200px){.admin-layout{grid-template-columns:var(--admin-sidebar-width) 1fr}.admin-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);align-items:end}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}.admin-layout__content{overflow-y:auto;overflow-x:hidden;flex:1 1 auto}.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}:root{font-family:var(--font-family-base);color:var(--color-text);background:var(--color-page-bg)}body{font-family:var(--font-family-base);color:var(--color-text);background:radial-gradient(circle at 15% -10%,rgba(29,127,115,.12),transparent 45%),radial-gradient(circle at 90% 10%,rgba(209,124,20,.08),transparent 35%),var(--color-page-bg)}#app{min-height:100dvh}.page-shell{width:min(100%,1200px);margin-inline:auto;padding:calc(var(--space-4) + var(--safe-area-top)) var(--space-4) calc(var(--space-4) + var(--tab-bar-height) + var(--safe-area-bottom))}.surface-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.interactive-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.text-muted{color:var(--color-text-muted)}@media (min-width: 768px){.page-shell{padding:calc(var(--space-6) + var(--safe-area-top)) var(--space-6) calc(var(--space-6) + var(--safe-area-bottom))}.surface-card{padding:var(--space-6)}}@media (min-width: 1200px){.page-shell{padding:calc(var(--space-8) + var(--safe-area-top)) var(--space-8) calc(var(--space-8) + var(--safe-area-bottom))}}