:root{--color-primary:#1f1f23;--color-primary-hover:#111114;--color-primary-active:#09090b;--color-accent:#8b5cf6;--color-accent-soft:#f3efff;--color-bg:#f8f7f4;--color-surface:#fff;--color-border:#e7e2d9;--color-text:#1f1f23;--color-text-secondary:#6b7280;--color-success:#16a34a;--color-danger:#dc2626;--font-size-h1:32px;--font-size-h2:24px;--font-size-body:16px;--font-size-caption:14px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.4;--line-height-base:1.5;--line-height-relaxed:1.6;--space-4:4px;--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--transition-base:.2s ease}
*,:before,:after{box-sizing:border-box}html{font-size:16px}body{background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.btn{min-height:44px;padding:0 var(--space-16);border-radius:var(--radius-md);transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btnPrimary{background:var(--color-primary);color:#fff}.btnPrimary:hover{background:var(--color-primary-hover)}.btnPrimary:active{background:var(--color-primary-active)}.btnSecondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btnSecondary:hover{box-shadow:var(--shadow-sm)}.chip{padding:0 var(--space-8);border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);min-height:28px;color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.stateBox{padding:var(--space-24);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.container{width:min(100% - 32px,1200px);margin:0 auto}.pageSection{gap:var(--space-24);display:grid}.pageIntro{padding-bottom:var(--space-32);justify-content:space-between;display:flex}.pageTitle{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.pageDescription{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.sectionTitle{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.combinationGrid{gap:var(--space-16);grid-template-columns:1fr;display:grid}@media (min-width:768px){.combinationGrid{gap:var(--space-24);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.combinationGrid{grid-template-columns:repeat(3,1fr)}}

.AppHeader-module__OmnS_a__header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#f8f7f4eb;position:sticky;top:0}.AppHeader-module__OmnS_a__inner{justify-content:space-between;align-items:center;gap:var(--space-16);min-height:64px;display:flex}.AppHeader-module__OmnS_a__logoLink{align-items:center;display:inline-flex}.AppHeader-module__OmnS_a__siteTitle{font-size:28px;line-height:1;font-weight:var(--font-weight-semibold);letter-spacing:-.03em;color:var(--color-text)}.AppHeader-module__OmnS_a__nav{justify-content:flex-end;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.AppHeader-module__OmnS_a__navLink{min-height:40px;padding:0 var(--space-8);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);transition:background-color var(--transition-base), color var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.AppHeader-module__OmnS_a__navLink:hover{background:var(--color-surface);color:var(--color-text)}.AppHeader-module__OmnS_a__active{background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border)}.AppHeader-module__OmnS_a__logoutBtn{background:0 0;border:none}@media (min-width:1024px){.AppHeader-module__OmnS_a__inner{min-height:72px}.AppHeader-module__OmnS_a__siteTitle{font-size:32px}.AppHeader-module__OmnS_a__nav{gap:var(--space-8)}.AppHeader-module__OmnS_a__navLink{min-height:44px;padding:0 var(--space-16)}}
.FeedbackButton-module__jJl6ka__feedbackButton{z-index:1000;border:1px solid var(--color-border);background:var(--color-surface);min-height:48px;color:var(--color-text);box-shadow:var(--shadow-md);font-size:14px;font-weight:var(--font-weight-semibold);transition:transform var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex;position:fixed;bottom:24px;right:24px}.FeedbackButton-module__jJl6ka__feedbackButton:hover{transform:translateY(-2px)}@media (max-width:480px){.FeedbackButton-module__jJl6ka__feedbackButton{min-height:44px;padding:0 16px;bottom:16px;right:16px}}