:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#222;background:#f5f9fd;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}button,input,select{font-family:inherit}button{cursor:pointer}.app{min-height:100vh}.header{background:#fffffff7;border-bottom:1px solid #e6eef5;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:12px 7%;display:flex}.small-title{color:#7b91a6;margin:0 0 4px;font-size:12px}.header h1{color:#0b376c;margin:0;font-size:25px}.header-logo{object-fit:contain;flex-shrink:0;width:92px;height:92px}.container{width:92%;max-width:760px;margin:38px auto}.auth-section{background:#fff;border-radius:20px;max-width:520px;margin:40px auto;padding:30px;box-shadow:0 8px 30px #1b497414}.auth-section h2{color:#0b376c;margin-top:10px;margin-bottom:8px}.form-group{margin-bottom:20px}.form-group label{color:#173f6e;margin-bottom:8px;font-weight:700;display:block}.form-group input,.form-group select{background:#fff;border:1px solid #d7e4ef;border-radius:12px;width:100%;padding:14px;font-size:16px}.form-group input:focus,.form-group select:focus{border-color:#5ca6dc;outline:none;box-shadow:0 0 0 4px #4093cf17}.submit-button{color:#fff;background:linear-gradient(135deg,#0c417a,#0572b0);border:none;border-radius:12px;width:100%;padding:15px;font-size:16px;font-weight:700}.submit-button:hover{opacity:.92}.back-button{color:#0c62a8;background:0 0;border:none;margin-bottom:10px;padding:0;font-size:14px}.top-menu{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.top-menu h2{color:#0b376c;margin:0 0 6px}.top-menu p{color:#718497;margin:0}.logout-button{color:#365b80;background:#fff;border:1px solid #d1dfeb;border-radius:10px;padding:10px 16px}.schedule-section{background:#fff;border-radius:18px;padding:24px;box-shadow:0 7px 25px #1f4c7812}.empty-message{color:#718497;text-align:center;margin:0;padding:20px 0}.my-reservation-list{flex-direction:column;gap:14px;display:flex}.my-reservation-card{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:22px;display:flex;box-shadow:0 6px 22px #1f4c7812}.my-reservation-card h3{color:#0b376c;margin:4px 0;font-size:21px}.my-reservation-label{color:#319662;margin:0;font-size:13px;font-weight:700}.my-reservation-time{color:#687d92;margin:5px 0 0}.cancel-button{color:#ed8900;background:#fff;border:1px solid #ff9b15;border-radius:10px;padding:10px 15px;font-weight:700}.cancel-button:hover{background:#fff8ee}.admin-button{color:#fff;background:#ff9b15;border:none;border-radius:10px;padding:10px 16px;font-size:14px}.admin-reservation-list{flex-direction:column;gap:20px;display:flex}.admin-slot-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 6px 22px #1f4c7812}.admin-slot-header{border-bottom:1px solid #e5edf4;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.admin-slot-header h3{color:#0b376c;margin:0 0 5px}.admin-slot-header p{color:#687d92;margin:0}.admin-slot-header strong{color:#0b4d86;font-size:18px}.admin-student-list{flex-direction:column;display:flex}.admin-student-row{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.admin-student-row:last-child{border-bottom:none}.admin-student-row div{flex-direction:column;gap:4px;display:flex}.admin-student-row span{color:#687d92;font-size:14px}.admin-create-box{background:#fff;border-radius:18px;margin-bottom:30px;padding:24px;box-shadow:0 7px 25px #1f4c7812}.admin-create-box h3{color:#0b376c;margin-top:0}.admin-time-inputs{grid-template-columns:1fr 1fr;gap:15px;display:grid}.admin-schedule-area{margin-bottom:35px}.admin-schedule-area>h3{color:#0b376c}.admin-day-card{background:#fff;border-radius:16px;margin-bottom:15px;padding:20px;box-shadow:0 6px 20px #1f4c780f}.admin-day-header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:12px;display:flex}.admin-day-header h3{color:#0b376c;margin:0}.admin-time-row{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.admin-time-row:last-child{border-bottom:none}.delete-date-button{color:#dc5050;background:#fff6f6;border:1px solid #ffb1b1;border-radius:9px;padding:8px 12px}.admin-booking-title{color:#0b376c;margin-top:35px;margin-bottom:15px}.member-name-button{text-align:left;cursor:pointer;color:#0c62a8;background:0 0;border:none;padding:0;font-size:16px;font-weight:700;text-decoration:underline}.member-detail-card{background:#fff;border-radius:18px;margin-bottom:30px;padding:24px;box-shadow:0 7px 25px #1f4c7812}.member-detail-card h3{color:#0b376c;margin-top:0;margin-bottom:20px;font-size:24px}.member-info-row{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:20px;padding:14px 0;display:flex}.member-info-row:last-child{border-bottom:none}.member-info-row span{color:#687d92}.member-info-row strong{text-align:right;color:#173f6e}.member-reservation-area{margin-top:30px}.member-reservation-area>h3{color:#0b376c}.reservation-page{max-width:720px;margin:0 auto;padding-bottom:50px}.reservation-top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px;display:flex}.reservation-eyebrow{color:#6f8eae;margin:0 0 5px;font-size:13px;font-weight:700}.reservation-top h2{color:#0b3568;margin:0;font-size:30px;font-weight:800}.reservation-user{color:#75879a;margin:7px 0 0;font-size:14px}.reservation-top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.reservation-history-button,.reservation-admin-button,.reservation-logout-button{border-radius:12px;padding:10px 15px;font-size:13px;font-weight:700;transition:all .2s}.reservation-history-button{color:#0c62a8;background:#e8f4ff;border:none}.reservation-admin-button{color:#e58c00;background:#fff2d8;border:none}.reservation-logout-button{color:#64788e;background:#fff;border:1px solid #dce5ef}.reservation-section-label{color:#8396aa;margin:0 0 8px;font-size:13px;font-weight:700}.reservation-date-area{margin-bottom:34px}.reservation-date-scroll{scrollbar-width:none;gap:11px;padding:6px 3px 13px;display:flex;overflow-x:auto}.reservation-date-scroll::-webkit-scrollbar{display:none}.reservation-date-card{color:#103d70;background:#fff;border:none;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-width:76px;height:106px;transition:all .2s;display:flex;box-shadow:0 5px 18px #23517e14}.reservation-date-card:hover{transform:translateY(-2px)}.reservation-date-card.active{color:#fff;background:linear-gradient(150deg,#0c3970,#0879b8);box-shadow:0 8px 22px #0a5aa045}.reservation-date-number{font-size:17px;font-weight:800}.reservation-date-week{margin-top:4px;font-size:16px;font-weight:800}.reservation-date-dot{color:#add7ff;margin-top:5px;font-size:9px}.reservation-date-card.active .reservation-date-dot{color:#fff}.reservation-schedule-header{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:16px;display:flex}.reservation-schedule-header h3{color:#0c376a;margin:0;font-size:23px}.capacity-badge{color:#3277a9;background:#edf7ff;border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:700}.reservation-slot-list{flex-direction:column;gap:13px;display:flex}.reservation-slot-card{text-align:left;background:#fffffff7;border:1px solid #e4edf5;border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:88px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 5px 18px #1f4c780f}.reservation-slot-card:hover:not(.full){border-color:#9bcdea;transform:translateY(-2px)}.reservation-slot-card.selected{background:linear-gradient(90deg,#fff,#fff9ee);border:2px solid #ff9b11}.reservation-slot-card.full{box-shadow:none;color:#9ba7b3;cursor:not-allowed;background:#f4f6f8;border-color:#e2e7ec}.reservation-slot-left{align-items:center;gap:15px;display:flex}.reservation-clock{color:#477dab;background:#eef7ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:25px;display:flex}.reservation-slot-card.selected .reservation-clock{color:#f29200;background:#fff1d9}.reservation-slot-time{color:#143e6c;font-size:19px;font-weight:800}.reservation-slot-right{align-items:center;gap:17px;display:flex}.reservation-remaining{color:#647a91;font-size:14px}.reservation-remaining strong{color:#ff9500;margin:0 4px;font-size:21px}.reservation-arrow{color:#123f70;font-size:32px}.reservation-full-text{color:#99a5b1;font-size:15px;font-weight:700}.reservation-loading{color:#71869b;text-align:center;background:#fff;border-radius:18px;padding:30px}.reservation-confirm-panel{background:linear-gradient(135deg,#eaf6ff 0%,#fff8ea 100%);border:1px solid #dbeaf6;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding:22px;display:flex}.reservation-confirm-panel p{color:#73879b;margin:0 0 5px;font-size:12px;font-weight:700}.reservation-confirm-panel h3{color:#123e70;margin:0 0 3px;font-size:20px}.reservation-confirm-panel strong{color:#123e70;font-size:16px}.reservation-confirm-button{color:#fff;background:linear-gradient(135deg,#0c417a,#0572b0);border:none;border-radius:14px;padding:15px 22px;font-size:14px;font-weight:800}.reservation-empty{text-align:center;background:#fff;border-radius:22px;padding:50px 25px}.reservation-empty h3{color:#123e70}.rise-login-page{background:linear-gradient(145deg,#f8fcff 0%,#fff 55%,#fffaf1 100%);border-radius:28px;justify-content:center;align-items:center;min-height:650px;padding:50px 20px;display:flex;position:relative;overflow:hidden}.rise-login-decoration{border-radius:50%;width:260px;height:260px;position:absolute}.rise-login-decoration-blue{background:#9dd3ff47;top:-130px;right:-80px}.rise-login-decoration-orange{background:#ffc25c26;bottom:-150px;left:-150px}.rise-login-card{z-index:2;text-align:center;background:#fffffff5;border:1px solid #d7e7f4;border-radius:28px;width:100%;max-width:460px;padding:42px 40px;position:relative;box-shadow:0 18px 50px #1b49741a}.rise-login-icon{background:linear-gradient(135deg,#e7f4ff,#fff1d8);border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 14px;font-size:32px;display:flex}.rise-login-brand{color:#597b9d;margin:0 0 8px;font-size:13px;font-weight:800}.rise-login-card h2{color:#0b376c;margin:0;font-size:30px}.rise-login-description{color:#7c8da0;margin:12px 0 30px;font-size:14px;line-height:1.8}.rise-login-form{text-align:left}.rise-login-field{margin-bottom:20px}.rise-login-field label{color:#173f6e;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.rise-login-input-wrap{background:#fbfdff;border:1px solid #dbe7f1;border-radius:14px;align-items:center;min-height:56px;display:flex;overflow:hidden}.rise-login-input-wrap:focus-within{border-color:#62a9da}.rise-login-input-icon{color:#53799f;justify-content:center;align-items:center;width:50px;display:flex}.rise-login-input-wrap input{background:0 0;border:none;outline:none;width:100%;padding:16px 16px 16px 0;font-size:15px}.rise-login-button{color:#fff;background:linear-gradient(135deg,#0a3970,#0879bd);border:none;border-radius:14px;width:100%;margin-top:8px;padding:16px 20px;font-size:16px;font-weight:800}.rise-login-divider{align-items:center;gap:13px;margin:28px 0 20px;display:flex}.rise-login-divider span{background:#e4ebf1;flex:1;height:1px}.rise-login-divider p{color:#9aa8b6;margin:0;font-size:12px}.rise-login-register p{color:#566f89;font-size:13px;font-weight:700}.rise-register-button{color:#ef8900;background:#fff;border:1.5px solid #ff9b15;border-radius:14px;width:100%;padding:14px 18px;font-weight:800}.footer{text-align:center;color:#9aabba;padding:40px 20px;font-size:13px}@media (width<=600px){.header{padding:8px 5%}.header h1{font-size:20px}.header-logo{width:68px;height:68px}.container{width:94%;margin-top:25px}.top-menu{align-items:flex-start}.reservation-top{flex-direction:column}.reservation-top-actions{justify-content:flex-start;width:100%}.reservation-date-card{min-width:68px;height:96px}.reservation-slot-card{padding:16px}.reservation-slot-time{font-size:16px}.reservation-confirm-panel{flex-direction:column;align-items:stretch}.reservation-confirm-button{width:100%}.rise-login-page{min-height:600px;padding:30px 12px}.rise-login-card{padding:32px 22px}.admin-time-inputs{grid-template-columns:1fr}.member-info-row{flex-direction:column}.member-info-row strong{text-align:left}}