:root{--color-primary-600: #1976d2;--color-text-primary: #000000;--color-text-secondary: #a1a1a1;--color-surface-base: #ffffff;--color-surface-subtle: #f5f5f5;--color-surface-muted: #e8f3ff;--color-border-subtle: #eaecee;--color-focus-outline: #0b5fff;--space-04: 4px;--space-08: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--color-text-on-primary: #ffffff;--typography-fontSize16: 16px;--typography-fontSize20: 20px;--typography-fontSize24: 24px;--component-difficultyChip-width: 100px;--shadow-primary600-sm: 0 4px 4px rgba(25, 118, 210, .5);--radius-2xl: 40px;--typography-fontSize32: 32px;--component-mainButton-width: 320px;--component-mainButton-height: 80px;--typography-fontSize18: 18px;--typography-lineHeight28: 28px;--typography-fontSize22: 22px;--typography-fontSize28: 28px;--typography-lineHeight32: 32px;--typography-lineHeight36: 36px;--typography-fontWeightRegular: 400;--typography-fontWeightMedium: 500;--typography-fontWeightBold: 700;--component-content-maxWidth: 1326px;--component-pageTitleSection-height: 55px;--component-topicPreview-maxHeight: 95px;--space-02: 2px;--component-logo-size: 42px;--color-neon: #3dffcf}:root{--text-h1-font-size: var(--typography-fontSize28);--text-h1-line-height: var(--typography-lineHeight36);--text-h1-font-weight: var(--typography-fontWeightBold);--text-h2-font-size: var(--typography-fontSize22);--text-h2-line-height: var(--typography-lineHeight32);--text-h2-font-weight: var(--typography-fontWeightBold);--text-h3-font-size: var(--typography-fontSize18);--text-h3-line-height: var(--typography-lineHeight28);--text-h3-font-weight: var(--typography-fontWeightBold)}@media (max-width: 767.98px){:root{--text-h1-font-size: var(--typography-fontSize24);--text-h1-line-height: var(--typography-lineHeight32);--text-h2-font-size: var(--typography-fontSize20);--text-h2-line-height: var(--typography-lineHeight28);--text-h3-font-size: var(--typography-fontSize16);--text-h3-line-height: var(--typography-lineHeight24)}}:root{--public-home-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--color-surface-muted);color:var(--color-text-primary);font-family:var(--public-home-font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}.publicHomeBody{min-height:100vh}.guestLayout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.guestLayout__main{flex:1;min-height:0;min-inline-size:0;display:flex;flex-direction:column;position:relative;z-index:0}.guestLayout__content{flex:1;min-height:0;min-inline-size:0;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-inline-size:0;padding:var(--space-12) calc(var(--space-16) + var(--space-04)) var(--space-04)}.logoBlock{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-04)}.logo{display:inline-flex;align-items:center;text-decoration:none}.logo:focus-visible,.menuItem:focus-visible,.publicSiteInfoLink:focus-visible{outline:calc(var(--space-04) / 2) solid var(--color-focus-outline);outline-offset:calc(var(--space-04) / 4)}.logo__mark{width:auto;height:var(--component-logo-size);display:block;transform:translateY(calc(var(--component-logo-size) * .17))}.titleBlock{display:inline-flex;align-items:center;gap:var(--space-04);padding:var(--space-08) 0}.siteTitle{color:var(--color-text-primary);font-size:var(--typography-fontSize24);font-weight:700;line-height:1.5;white-space:nowrap}.subTitle{color:var(--color-text-primary);display:inline-flex;align-items:center;font-size:var(--typography-fontSize16);font-weight:500;gap:var(--space-04);line-height:1.5;white-space:nowrap}.subTitle__bar,.subTitle__text{display:inline-flex;align-items:center}.navigation{display:flex;align-items:center;justify-content:center;gap:var(--space-12);min-inline-size:0;padding:var(--space-04) var(--space-24)}.navigation__menu{display:flex;align-items:center;background-color:var(--color-surface-subtle);padding:var(--space-04);border-radius:var(--radius-md);min-inline-size:0}.menuGroup__list{display:flex;flex-wrap:wrap;justify-content:center;gap:0;list-style:none;margin:0;padding:0}.menuItem{align-items:center;background-color:var(--color-surface-subtle);border:1px solid transparent;border-bottom:1px solid transparent;border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:var(--space-08);justify-content:center;line-height:1.5;min-height:var(--space-32);min-width:88px;padding:0 var(--space-12);text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,outline-color .2s ease}.menuItem--selected{background-color:var(--color-surface-base);border-bottom-color:var(--color-text-primary);color:var(--color-text-primary)}.menuItem--disabled{cursor:not-allowed;opacity:.6}.donationButton{align-items:center;background-color:var(--color-surface-base);border:1px solid var(--color-primary-600);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary600-sm);box-sizing:border-box;color:var(--color-primary-600);cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:var(--space-08);justify-content:center;line-height:1.5;min-height:var(--space-32);min-width:77px;padding:0 var(--space-16);text-decoration:none}.donationButton.is-disabled{cursor:not-allowed;opacity:.56}.homeView{display:flex;flex-direction:column;align-items:stretch;padding:var(--space-04) var(--space-16) 0;flex:1;min-height:0}.pageTitleSection{box-sizing:border-box;width:100%;background-color:var(--color-surface-base);border:calc(var(--space-04) / 4) solid var(--color-border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-24);block-size:var(--component-pageTitleSection-height);display:flex;align-items:center}.pageTitleSection__inner{width:100%;max-inline-size:var(--component-content-maxWidth);margin-inline:auto}.pageTitle{color:var(--color-text-primary);margin:0}.pageTitle--h1{font-size:var(--text-h1-font-size);line-height:var(--text-h1-line-height);font-weight:var(--text-h1-font-weight)}.searchSection{background-color:var(--color-surface-base);border:calc(var(--space-04) / 4) solid var(--color-border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-24);width:100%;flex:1;min-height:0;min-inline-size:0;display:flex;flex-direction:column;overflow:auto}.searchSection__inner{width:100%;max-inline-size:var(--component-content-maxWidth);margin-inline:auto;flex:1;min-height:0;min-inline-size:0;display:flex;flex-direction:column}.searchSection__content{flex:1;min-height:0;min-inline-size:0;display:flex;overflow:visible}.searchBarMount{flex:1;min-height:0;min-inline-size:0;display:flex}.searchBarMount>.searchBar{flex:1}.searchBar{display:flex;flex-direction:column;gap:var(--space-16);flex:1;min-inline-size:0}.searchBar__preview{flex:1 0 auto;min-height:0;min-inline-size:0;display:flex}.searchBar__previewScroll{flex:1;min-height:0;min-inline-size:0;overflow:visible;display:flex}.searchBar__previewArea{flex:1;min-height:0;min-inline-size:0;display:flex;flex-direction:column;min-height:100%}.searchBar__previewContent{flex:0 0 auto;display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0}.searchBar__previewSpacer{flex:1 1 0;min-height:0}.searchBar__controls{display:flex;flex-direction:column;flex-shrink:0;min-inline-size:0}.searchBar__row{display:flex;gap:var(--space-16);align-items:center;justify-content:flex-end;min-inline-size:0}.searchBar__conditions{--searchBar-conditions-gap: var(--space-16);--searchBar-conditions-padding: calc(var(--space-12) - calc(var(--space-04) / 2));--subjectGroup-gap: calc(var(--space-04) / 2);display:flex;flex-wrap:nowrap;gap:var(--searchBar-conditions-gap);align-items:center;justify-content:center;padding:var(--searchBar-conditions-padding);border:calc(var(--space-04) / 4) solid var(--color-border-subtle);border-radius:var(--radius-lg);background-color:var(--color-surface-base);flex:1;min-inline-size:0}.searchBar__block{display:flex;flex-direction:column;gap:var(--space-08);min-inline-size:0}.searchBar__label{font-size:var(--typography-fontSize20);font-weight:300;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary)}.searchBar__mainButtonWrap{display:flex;inline-size:var(--component-mainButton-width);min-block-size:var(--component-mainButton-height);flex:0 0 auto}.searchBar__mainButtonWrap .button{inline-size:100%;min-block-size:100%}.searchBar__noscript{margin:0;color:var(--color-text-secondary);font-size:var(--typography-fontSize16)}.subjectGroup{display:flex;flex-wrap:wrap;gap:var(--subjectGroup-gap, var(--space-08))}.difficultyGroup{display:flex;flex-wrap:wrap;gap:var(--space-02)}.optionChip{align-items:center;background-color:var(--color-surface-subtle);border:calc(var(--space-04) / 4) solid var(--color-border-subtle);box-sizing:border-box;color:var(--color-text-primary);display:inline-flex;font-size:var(--text-h3-font-size);font-weight:var(--text-h3-font-weight);gap:var(--space-08);justify-content:center;line-height:var(--text-h3-line-height);min-height:var(--space-32);min-width:var(--space-48);padding:var(--space-08) var(--space-12)}.subjectGroup .optionChip{border-radius:0}.optionChip--difficulty{border-radius:var(--radius-md);width:var(--component-difficultyChip-width);justify-content:center}.optionChip--selected{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-text-on-primary)}.button{align-items:center;background-color:var(--color-primary-600);border:0 solid transparent;border-radius:var(--radius-2xl);box-sizing:border-box;color:var(--color-text-on-primary);cursor:pointer;display:inline-flex;font-size:var(--typography-fontSize32);font-weight:700;justify-content:space-between;line-height:1.5;padding:var(--space-16) var(--space-48);transition:filter .2s ease,opacity .2s ease,border-color .2s ease,border-width .2s ease}.button:disabled{cursor:not-allowed;filter:none;opacity:.6}.button__label{display:inline-flex;flex-direction:column;justify-content:center;margin:0 auto;white-space:nowrap}.topicPreview{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--space-16);border-radius:var(--radius-lg);background-color:var(--color-surface-base);min-height:calc(var(--space-48) + var(--space-16));max-block-size:var(--component-topicPreview-maxHeight);width:100%}.topicPreview__state{width:100%;min-inline-size:0;display:flex;justify-content:center;align-items:center}.topicPreview__placeholder{width:min(100%,var(--space-48) * 6);display:flex;justify-content:center;align-items:center;min-height:var(--space-48)}.publicSiteInfoFooter{flex:0 0 auto;display:flex;justify-content:center;padding-inline:var(--space-16);padding-block:0 env(safe-area-inset-bottom);color:#0b3a4a}.publicSiteInfoFooter__nav{width:100%}.publicSiteInfoFooter__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-08) var(--space-16);margin:0;padding:0;list-style:none}.publicSiteInfoFooter__item{margin:0}.publicSiteInfoLink{display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin:0;padding:0;font-size:.85rem;line-height:1.2;color:inherit;text-decoration:none;text-align:center;white-space:nowrap}@media (max-width: 767.98px){.header{flex-direction:column;align-items:stretch;padding:var(--space-12) var(--space-16) var(--space-08);gap:var(--space-12)}.header .logoBlock{justify-content:flex-start}.header .subTitle{display:none}.navigation{flex-direction:column;align-items:stretch;gap:var(--space-08);padding:0}.navigation__menu,.navigation .donationButton,.navigation__menu .menuGroup{width:100%}.menuGroup__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-04)}.menuItem{width:100%;min-width:0;min-height:44px;padding:0 var(--space-08)}.donationButton{min-height:44px}.homeView{padding:var(--space-04) var(--space-12) 0}.pageTitleSection{padding:var(--space-16);block-size:auto;min-block-size:var(--component-pageTitleSection-height)}.searchSection{flex:0 0 auto;min-height:auto;padding:var(--space-16);overflow:visible}.searchBar{gap:var(--space-12)}.searchBar__row{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-12)}.searchBar__conditions{flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:var(--space-12);padding:var(--space-12)}.searchBar__block{flex:1 1 100%}.searchBar__label{font-size:var(--text-h3-font-size);line-height:var(--text-h3-line-height)}.searchBar__mainButtonWrap{inline-size:100%;min-block-size:0}.difficultyGroup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-08);width:100%}.optionChip{min-height:44px}.optionChip--difficulty{width:100%;min-width:0;padding-inline:var(--space-08)}.button{width:100%;min-height:56px;justify-content:center;font-size:var(--typography-fontSize24);line-height:1.35;padding:var(--space-12) var(--space-24)}.button__label{white-space:normal;text-align:center}.topicPreview{padding:var(--space-12);min-height:calc(var(--space-48) * 2);max-block-size:none}.publicSiteInfoFooter{padding-inline:var(--space-12)}.publicSiteInfoFooter__list{gap:var(--space-04) var(--space-12)}.publicSiteInfoLink{min-height:44px;padding-block:0}}