@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html{font-size:15px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:linear-gradient(180deg,#f7faff,#f4f7fb);color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Zen Kaku Gothic New,Hiragino Sans,Yu Gothic,sans-serif}a{color:#2f5d8a;text-decoration:none}a:hover{text-decoration:none}img{max-width:100%;display:block}strong{font-weight:800}ul{padding-left:1.2rem;margin:0}.app-body{min-height:100vh}.app-shell{max-width:1120px;margin:0 auto;padding:0 12px}.app-header{background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5edf5;position:sticky;top:0;z-index:20}.app-header__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.app-logo{margin:0;padding:10px;font-size:18px;font-weight:800;color:#1f2937;letter-spacing:.02em}.app-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.app-nav__link{padding:4px 8px;border-radius:8px;color:#4b5563;font-weight:700;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.app-nav__link:hover{color:#2f5d8a}.app-nav__logout{margin:0}.app-nav a.is-active{position:relative;color:#2f5d8a;font-weight:700}.app-nav a.is-active:before{position:absolute;content:"";display:block;width:20px;height:3px;border-radius:4px;left:50%;bottom:-4px;transform:translate(-50%);background-color:#2f5d8a}.app-main{padding:36px 0 56px}.page-header{margin-bottom:12px}.page-title{margin:0;letter-spacing:.01em;color:#1f2937;font-size:22px;line-height:1.2}.page-subtitle{margin:8px 0 0;color:#6b7280;font-size:15px}.section-block__header{margin-bottom:.75rem}.section-block__title{margin:0;font-size:1rem;font-weight:700;color:#1f2937}.is-hidden{display:none!important}.mt-3{margin-top:.75rem}@media(max-width:1000px){.app-header__inner{flex-direction:column;align-items:center;justify-content:center;padding:14px 10px}.app-nav{justify-content:center}.app-main{padding-top:24px}}.panel-group{border:1px solid #e5edf5;border-radius:8px;background:#fff;padding:8px 8px 0}.panel-group:not(:last-child){margin-bottom:8px}.panel-group--soft{background:#f8fbff}.panel-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-group__title{margin:0;font-size:18px;line-height:1.4}.panel-group__meta{margin:4px 0 0;font-size:13px}@media(max-width:768px){.panel-group__header{flex-direction:column;align-items:stretch}}.card{background:#fff;border:2px solid #e5edf5;border-radius:12px;box-shadow:0 4px 14px #1f29370a;padding:12px;margin-bottom:12px}.card-title{margin:0 0 8px;letter-spacing:.01em;color:#1f2937;font-size:15px;color:#2f5d8a}.meta-list{display:flex;gap:0 20px;align-items:center;flex-wrap:wrap}.meta-list-name{width:100%;font-size:15px}.meta-list p{margin:4px 0;color:#4b5563}.button,button,a.button{appearance:none;border:2px solid #2f5d8a;border-radius:8px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#2f5d8a;font-weight:700;cursor:pointer;box-shadow:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Zen Kaku Gothic New,Hiragino Sans,Yu Gothic,sans-serif;letter-spacing:.08em}.button:hover,button:hover,a.button:hover{background:#2f5d8a;color:#fff}.button-secondary{background:#fff;color:#1f2937;border-color:#d5e0eb}.button-secondary:hover{background:#f8fbff;border-color:#2f5d8a;color:#2f5d8a}.button-danger,a.button-danger,button.button-danger{background:#fff;color:#b54747;border-color:#b54747}.button-danger:hover,a.button-danger:hover,button.button-danger:hover{background:#b54747;color:#fff}.button-sm{font-size:12px;border-radius:8px}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;margin-left:4px;border-radius:999px;border:1px solid transparent;background:#edf4fb;color:#2f5d8a;font-size:15px;font-weight:700}.badge--english{background:#fff7db;color:#8a6712;border-color:#f0df9a}.badge--kobun{background:#fdeaea;color:#a94444;border-color:#efc1c1}.badge--neutral{background:#f2f4f7;color:#5f6b7a;border-color:#d9e0e7}.alert{border-radius:8px;padding:14px 16px;margin-bottom:20px;border:2px solid transparent;font-size:15px}.alert-success{background:#eefaf4;color:#1f7a52;border-color:#c9ead8}.alert-error{background:#fdf3f3;color:#b54747;border-color:#f2d0d0}.inline-form{display:inline;margin:0}.card-subtle{background:#f8fbff;border:2px solid #e5edf5;border-radius:8px;box-shadow:none}pre{margin:8px 0 0;padding:12px 14px;border-radius:4px;background:#fbfdff;border:2px solid #e5edf5;overflow-x:auto;font-size:15px;line-height:1.6;color:#4b5563}.alert-warning-strong{background:#fdf3f3;border:1px solid rgba(181,71,71,.22);color:#b54747;border-radius:14px;padding:14px 16px}.form-group{margin-bottom:8px}.form-group label{display:inline-block;margin-bottom:8px;font-weight:700;color:#1f2937}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 12px}.card .actions{margin-bottom:0}.form-group+.actions{margin-top:16px}input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{width:100%;padding:6px 8px;border:2px solid #d5e0eb;border-radius:8px;background:#fff;color:#1f2937;font:inherit;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none;border-color:#2f5d8a;box-shadow:0 0 0 4px #2f5d8a1a}textarea{min-height:120px;resize:vertical}.help-text{margin-top:6px;font-size:14px;line-height:1.6;color:#6b7280}.unit-selector__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.unit-selector__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.input-like{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid #e5edf5;border-radius:8px;background:#f8fbff;color:#1f2937}.textarea-with-lines{display:grid;grid-template-columns:48px 1fr;border:1px solid #d5e0eb;border-radius:8px;overflow:hidden;background:#fff}.textarea-with-lines:focus-within{border-color:#2f5d8a;box-shadow:0 0 0 3px #2563eb1f}.textarea-with-lines textarea{border:0;border-radius:0;resize:vertical;min-height:280px}.textarea-with-lines textarea:focus{outline:none;box-shadow:none}.textarea-line-numbers{padding:6px 8px;border-right:1px solid #e5edf5;background:#f8fbff;color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;text-align:right;white-space:pre;-webkit-user-select:none;user-select:none;overflow:hidden}.table-wrap{max-height:600px;overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{font-size:15px;padding:12px 16px;border-bottom:1px solid #e5edf5;text-align:center;vertical-align:middle;white-space:nowrap}.table th{background:#fbfdff;color:#4b5563;font-weight:800;letter-spacing:.02em}.table tbody tr:hover td{background:#edf4fb}.table .cell-left{text-align:left}.table .cell-bold{font-weight:700}.table-actions{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;justify-content:center}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.stat-card{display:flex;justify-content:space-between;margin-bottom:0;padding:8px 20px}.stat-card__label{margin:0;color:#6b7280;font-size:15px;font-weight:700}.stat-card__value{margin:0;font-size:18px;font-weight:800;color:#1f2937;line-height:1.2}@media(max-width:768px){.dashboard-stats{grid-template-columns:1fr}}.book-list-card{padding:0;overflow:hidden}.book-list-table th,.book-list-table td{padding:12px 14px}.book-list-title-cell{min-width:260px}.book-list-title{color:#2f5d8a;font-weight:800;text-decoration:none}.book-list-title:hover{text-decoration:underline}.book-list-type{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .65rem;border-radius:999px;background:#f8fbff;color:#2f5d8a;font-size:12px;font-weight:700;white-space:nowrap}.book-detail-card,.book-action-card,.book-word-list-card{display:flex;flex-direction:column;gap:16px}.book-detail-card__header,.book-action-card__header,.book-word-list-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.book-word-list-card__header{margin-bottom:4px}.book-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.book-meta-item{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #e5edf5;border-radius:8px;background:#fff}.book-meta-item .badge{margin:0}.book-meta-item--wide{grid-column:1/-1}.book-meta-item__label{font-size:12px;font-weight:700;color:#6b7280}.book-meta-item__value{color:#1f2937;line-height:1.6}.section-block{overflow:hidden;border:1px solid #e5edf5;border-radius:12px;background:#fff}.section-block[open] .section-block__toggle:before{content:"−"}.section-block__summary{padding:8px 12px;list-style:none;cursor:pointer;background:#fff}.section-block__summary::-webkit-details-marker{display:none}.section-block__summary-main{display:flex;align-items:center;gap:12px;min-width:0}.section-block__toggle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:26px;height:26px;transform:translateY(-1px)}.section-block__toggle:before{content:"+";color:#2f5d8a;font-size:16px;font-weight:700;line-height:1}.section-block__info{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}.section-block__title{margin:0;color:#1f2937;font-size:18px;line-height:1.35;font-weight:700}.section-block__meta{margin:0;color:#6b7280;font-size:12px;white-space:nowrap}.section-block__content{padding:0 14px 14px}.unit-block{overflow:hidden;border:1px solid #e5edf5;border-radius:8px;background:#fff}.unit-block[open] .unit-block__toggle:before{content:"−"}.unit-block__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;list-style:none;cursor:pointer;background:#f8fbff}.unit-block__summary::-webkit-details-marker{display:none}.unit-block__summary-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.unit-block__toggle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;transform:translateY(-1px)}.unit-block__toggle:before{content:"+";color:#2f5d8a;font-size:15px;font-weight:700;line-height:1}.unit-block__info{display:flex;align-items:center;gap:8px;min-width:0}.unit-block__title{margin:0;color:#1f2937;font-size:15px;line-height:1.35;font-weight:700}.unit-block__meta{margin:0;color:#6b7280;font-size:12px;white-space:nowrap}.unit-block__content{padding:0 12px 12px;border-top:1px solid #e5edf5}.book-section-list{display:flex;flex-direction:column;gap:8px}.book-unit-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}@media(max-width:768px){.book-detail-card__header,.book-action-card__header,.book-word-list-card__header{flex-direction:column;align-items:stretch}.book-meta-grid{grid-template-columns:1fr}.book-meta-item--wide{grid-column:auto}.section-block__info,.unit-block__info{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.unit-block__summary{flex-direction:column;align-items:flex-start}.unit-block__summary-main{width:100%}.unit-block__content{padding:0 14px 14px}.panel-group__header{flex-direction:column;align-items:stretch}}@media(max-width:640px){.book-stack-grid{grid-template-columns:1fr}.book-stack-card{min-height:auto}}.book-stack-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.book-stack-card__count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.38rem .7rem;color:#2f5d8a;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.preview-meta{margin-bottom:20px}.preview-actions{margin-bottom:24px}.preview-inline-label{margin-left:16px}.preview-section{margin-bottom:24px}.preview-table .preview-col-no{width:8%;white-space:nowrap}.preview-table .preview-col-word{width:22%}.answer-cell{height:48px}@media print{.no-print,.app-header,.page-header{display:none!important}.app-main{padding:0}.card{background:#fff;border:none;border-radius:0;box-shadow:none;padding:0;margin-bottom:24px}.answer-cell{height:56px}}.unit-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.checkbox-card{position:relative;display:flex;align-items:center;gap:.5rem;padding:8px 16px 8px calc(12px + 1.5em);border:1px solid #edf4fb;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.checkbox-card:has(:checked){background-color:#edf4fb;color:#2f5d8a}.checkbox-card:hover{border-color:#edf4fb;background:#edf4fb}.checkbox-card input[type=checkbox]{position:absolute;top:0;bottom:0;left:12px;margin:auto;width:16px;height:16px}.test-create-card{display:flex;flex-direction:column;gap:18px}.test-create-section{display:flex;flex-direction:column}.test-create-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.test-create-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.test-unit-card__content{display:flex;flex-direction:column;gap:4px}.test-unit-card__section{font-size:11px;font-weight:700;color:#6b7280}.test-unit-card__title{color:#1f2937;font-weight:600;font-size:14px}.unit-selector__header-main{display:flex;flex-direction:column;gap:4px}.unit-selector__summary{margin:0;font-size:13px;font-weight:700;color:#1f2937}.test-unit-group__selected-count{font-weight:700;color:#1f2937}.test-range-summary{display:flex;flex-direction:column;gap:4px;border-radius:12px;background:#f8fbff}.test-range-summary__text{margin:0;line-height:1.5}.test-question-warning{margin-top:8px;font-size:13px;font-weight:700;color:#b91c1c}.test-unit-group__heading{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap;min-width:0}.test-unit-group__title{margin:0}.test-unit-group__meta{margin:0;white-space:nowrap}@media(max-width:768px){.test-create-section__header{flex-direction:column;align-items:stretch}.test-create-inline-fields{grid-template-columns:1fr}}.auth-form{margin-bottom:40px}.auth-page{display:flex;justify-content:center;padding-top:32px}.auth-card{width:100%;max-width:520px;padding:32px}.auth-check{margin-bottom:12px}.auth-check__label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:#4b5563;font-size:15px}.auth-check input[type=checkbox]{width:16px;height:16px;margin:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px;color:#6b7280;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5edf5}.auth-divider span{white-space:nowrap}.auth-guest-link{display:grid;gap:10px;margin-top:30px}.auth-guest-link__text{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;margin-top:0}.button-block{width:100%;justify-content:center}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.mb-16{margin-bottom:16px!important}.mb-24{margin-bottom:24px!important}.text-muted{color:#6b7280!important}.text-success{color:#1f7a52!important}.text-danger{color:#b54747!important}.profile-page{max-width:980px;margin:0 auto}.profile-card{padding:0;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 30px #0f172a0d}.profile-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:18px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#f8fbff,#fff)}.profile-card__identity{display:flex;align-items:center;gap:1rem;min-width:0}.profile-card__avatar{width:64px;height:64px;border-radius:9999px;display:grid;place-items:center;font-size:1.5rem;font-weight:700;color:#1d4f91;background:#eaf2ff;border:1px solid #cfe0ff;flex-shrink:0}.profile-card__identity-text{min-width:0}.profile-card__label{margin:0 0 .25rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:#64748b}.profile-card__name{margin:0;font-size:1.5rem;line-height:1.2;font-weight:700;color:#0f172a}.profile-card__username{margin:.35rem 0 0;font-size:.95rem;color:#475569}.profile-card__status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.profile-card__status .badge{min-height:32px;padding:.35rem .75rem;font-size:.82rem;line-height:1}.profile-card__body{padding:1.5rem}.profile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.profile-info-item{padding:12px;border-radius:8px;background:#f8fafc;border:1px solid #e9eef5}.profile-info-item--wide{grid-column:1/-1}.profile-info-item__label{margin:0 0 .4rem;font-size:12px;font-weight:700;letter-spacing:.03em;color:#64748b}.profile-info-item__value{margin:0;font-size:15px;font-weight:600;color:#0f172a;word-break:break-word}.profile-card--form .profile-card__body{padding-top:1.25rem}.profile-form{display:grid;gap:1.5rem}.profile-form__section{display:grid;gap:1rem}.profile-form__section-title{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.profile-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}.profile-form__field--wide{grid-column:1/-1}.profile-form .form-group{margin:0}.profile-form .help-text{margin-top:.45rem;font-size:.82rem;line-height:1.5;color:#64748b}.profile-form__actions{margin-top:.25rem;display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}@media(max-width:768px){.profile-card__header{flex-direction:column;align-items:stretch}.profile-card__status{justify-content:flex-start}.profile-info-grid,.profile-form__grid{grid-template-columns:1fr}.profile-info-item--wide,.profile-form__field--wide{grid-column:auto}.profile-form__actions{justify-content:stretch}.profile-form__actions .button{width:100%}}.section-admin-card{display:flex;flex-direction:column;gap:16px}.section-admin-card form .actions{margin-top:12px}.section-admin-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-create-form{margin-top:4px}.section-order-cell,.unit-order-cell{width:110px}.section-order-cell input,.unit-order-cell input{text-align:center}.unit-section-cell{width:220px}.section-name-cell,.unit-name-cell{display:flex;align-items:center;gap:8px;min-height:40px}.section-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:6px 10px;border-radius:999px;background:#f8fbff;color:#1f2937;font-size:12px;font-weight:700}.section-edit-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.section-edit-panel{border:1px solid #e5edf5}.section-edit-panel__header{margin-bottom:10px}.section-edit-panel__title{margin:0;font-size:18px;line-height:1.4}.section-unit-group-list{display:flex;flex-direction:column;gap:18px}.section-admin-note{margin-top:8px;padding:12px 14px;border-radius:8px;background:#f8fbff}@media(max-width:768px){.section-admin-card__header{flex-direction:column;align-items:stretch}.section-order-cell,.unit-order-cell,.unit-section-cell{width:auto}}.word-create-card{display:flex;flex-direction:column;gap:18px}.word-create-section{display:flex;flex-direction:column;gap:16px}.word-create-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.word-create-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.word-create-status{min-height:20px;font-weight:600}.word-create-format{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:18px;align-items:end}.word-create-format__example pre{margin:0;padding:14px 16px;border-radius:8px;background:#f8fbff;border:1px solid #e5edf5;overflow-x:auto}.word-create-format__notes{display:flex;flex-direction:column;gap:10px}@media(max-width:768px){.word-create-section__header{flex-direction:column;align-items:stretch}.word-create-inline-fields,.word-create-format{grid-template-columns:1fr}}