:root{--bg: #fbf7f2;--surface: #ffffff;--surface-2: #fcf9f5;--border: #efe7dd;--text: #43413d;--muted: #8a857d;--faint: #b3ada3;--brand: #f59e8b;--brand-soft: #fff1ec;--brand-strong: #ef8a73;--accent: #7cc6c0;--shadow: 0 2px 4px rgba(120, 100, 80, .04), 0 10px 30px rgba(120, 100, 80, .08);--radius: 22px;--radius-sm: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"M PLUS Rounded 1c",Noto Sans JP,Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;background:var(--bg);background-image:radial-gradient(circle at 12% 8%,rgba(245,158,139,.07),transparent 42%),radial-gradient(circle at 88% 4%,rgba(124,198,192,.08),transparent 40%);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.65}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.app{max-width:1080px;margin:0 auto;padding:0 20px 80px}.header{position:sticky;top:0;z-index:20;background:#f6f7fbd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);margin-bottom:28px}.header__inner{max-width:1080px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand__logo{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(245,158,139,.25))}.brand__name{font-weight:900;font-size:20px;letter-spacing:.02em}.brand__tag{font-size:12px;color:var(--muted);font-weight:500}.tabs{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;box-shadow:var(--shadow)}.tabs__btn{border:none;background:transparent;color:var(--muted);font-weight:700;font-size:14px;padding:8px 18px;border-radius:999px;transition:all .15s ease}.tabs__btn--active{background:var(--brand);color:#fff;box-shadow:0 4px 12px #f59e8b4d}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card+.card{margin-top:20px}.card__title{font-size:15px;font-weight:800;margin:0 0 4px;display:flex;align-items:center;gap:8px}.card__desc{font-size:13px;color:var(--muted);margin:0 0 18px}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}@media(max-width:880px){.grid-2{grid-template-columns:1fr}}.field{margin-bottom:16px}.field__label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#374151}.field__hint{font-size:12px;color:var(--faint);font-weight:500}.input,.select{width:100%;padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.row{display:flex;gap:12px}.row>*{flex:1}.row__sep{align-self:center;color:var(--faint);font-weight:700;flex:0 0 auto;padding-bottom:2px}.type-choose{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.type-opt{border:1.5px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:10px 6px;text-align:center;font-size:13px;font-weight:700;color:var(--muted);transition:all .12s ease}.type-opt__short{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#fff;font-size:12px;margin-right:6px}.type-opt--active{border-color:currentColor;background:var(--surface-2)}.duration-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--muted)}.chip:hover{border-color:var(--brand);color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:14px;padding:11px 18px;border-radius:var(--radius-sm);transition:all .15s ease}.btn:hover{background:var(--surface-2)}.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff;width:100%;padding:14px;font-size:15px;box-shadow:0 6px 16px #f59e8b47}.btn--primary:hover{background:var(--brand-strong)}.btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--ghost{background:transparent}.btn--sm{padding:7px 12px;font-size:13px}.btn--danger{color:#dc2626;border-color:transparent;background:transparent}.btn--danger:hover{background:#fef2f2}.preview{border-radius:var(--radius);padding:20px;border:1.5px solid var(--border);background:var(--surface-2);transition:all .2s ease}.preview--active{border-color:var(--lvl-color, var(--border));background:var(--lvl-soft, var(--surface-2))}.preview__head{display:flex;align-items:baseline;gap:10px}.preview__level{font-size:22px;font-weight:900;color:var(--lvl-color, var(--text))}.preview__seats{margin-left:auto;font-size:13px;color:var(--muted);font-weight:600}.preview__bar{height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:14px 0 6px}.preview__bar-fill{height:100%;border-radius:999px;background:var(--lvl-color, var(--brand));transition:width .25s ease,background .25s ease}.preview__numbers{font-size:13px;color:var(--muted);display:flex;justify-content:space-between}.preview__placeholder{color:var(--faint);font-size:14px;text-align:center;padding:18px 0}.suggest{margin-top:18px}.suggest__title{font-size:13px;font-weight:800;color:#b45309;margin:0 0 10px;display:flex;align-items:center;gap:6px}.suggest__list{display:flex;flex-direction:column;gap:8px}.suggest__item{display:flex;align-items:center;gap:12px;border:1.5px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:10px 12px;width:100%;text-align:left;transition:all .12s ease}.suggest__item:hover{border-color:var(--brand);box-shadow:0 4px 12px #f59e8b1f;transform:translateY(-1px)}.suggest__time{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.suggest__meta{font-size:12px;color:var(--muted)}.suggest__free{margin-left:auto;text-align:right;font-size:12px;color:var(--muted)}.suggest__free b{color:#059669;font-size:15px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:720px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;box-shadow:var(--shadow)}.kpi__label{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:4px}.kpi__value{font-size:26px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.kpi__sub{font-size:12px;color:var(--faint);font-weight:600}.timeline{overflow-x:auto;padding-bottom:8px}.timeline__bars{display:flex;align-items:flex-end;gap:4px;height:200px;min-width:520px;border-bottom:2px solid var(--border);position:relative}.timeline__cap{position:absolute;left:0;right:0;border-top:2px dashed #cbd5e1;pointer-events:none}.timeline__cap-label{position:absolute;right:0;top:-18px;font-size:11px;color:var(--faint);font-weight:700;background:var(--surface);padding:0 4px}.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative;min-width:14px}.bar__count{font-size:10px;font-weight:800;color:var(--muted);margin-bottom:3px;font-variant-numeric:tabular-nums}.bar__fill{width:100%;border-radius:5px 5px 0 0;min-height:2px;transition:height .2s ease}.bar:hover .bar__fill{filter:brightness(.92)}.timeline__axis{display:flex;gap:4px;min-width:520px;margin-top:6px}.axis__tick{flex:1;text-align:center;font-size:10px;color:var(--faint);font-weight:600;min-width:14px}.bar__tip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#111827;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;padding:6px 9px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:5;line-height:1.5}.bar:hover .bar__tip{opacity:1}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;font-size:12px;color:var(--muted)}.legend__item{display:inline-flex;align-items:center;gap:6px;font-weight:600}.legend__dot{width:12px;height:12px;border-radius:4px}.reslist{display:flex;flex-direction:column}.resrow{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.resrow:last-child{border-bottom:none}.resrow__time{font-variant-numeric:tabular-nums;font-weight:800;font-size:14px;width:104px;flex:0 0 auto}.resrow__dur{font-size:11px;color:var(--faint);font-weight:600}.resrow__name{font-weight:700;font-size:14px}.resrow__grade{font-size:12px;color:var(--muted);font-weight:600}.resrow__note{font-size:12px;color:var(--faint)}.resrow__spacer{margin-left:auto}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;color:#fff}.badge__short{font-size:10px}.cbadge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px}.cbadge__dot{width:8px;height:8px;border-radius:999px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar__spacer{margin-left:auto}.date-pick{display:inline-flex;align-items:center;gap:8px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.empty-state{text-align:center;color:var(--faint);padding:32px 0;font-size:14px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#065f46;color:#fff;font-weight:700;font-size:14px;padding:13px 22px;border-radius:999px;box-shadow:0 10px 30px #065f4659;z-index:50;animation:pop .25s ease}@keyframes pop{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.footer{text-align:center;color:var(--faint);font-size:12px;margin-top:40px}.callout{display:flex;gap:10px;align-items:flex-start;background:#eefaf8;border:1px solid #d3eeea;border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:#2f6f68;margin-bottom:18px}.timeline__bars,.timeline__axis,.bar,.axis__tick{min-width:0}.bar--closed .bar__closed-fill{width:100%;height:100%;border-radius:5px 5px 0 0;background:repeating-linear-gradient(45deg,#e5e7eb,#e5e7eb 5px,#f3f4f6 5px,#f3f4f6 10px);display:flex;align-items:flex-start;justify-content:center}.bar__closed-mark{font-size:10px;color:#9ca3af;font-weight:800;margin-top:3px}.legend__dot--closed{background:repeating-linear-gradient(45deg,#cbd5e1,#cbd5e1 3px,#eef2f7 3px,#eef2f7 6px)}.rescard{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:8px}.rescard:last-child{margin-bottom:0}.rescard__time{flex:0 0 auto;min-width:92px;display:flex;flex-direction:column}.rescard__range{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.rescard__dash{color:var(--faint);margin:0 2px}.rescard__dur{font-size:11px;color:var(--faint);font-weight:600}.rescard__body{flex:1 1 auto;min-width:0}.rescard__name{font-weight:700;font-size:14px}.rescard__grade{font-size:12px;color:var(--muted);margin-left:6px;background:var(--surface-2);padding:1px 8px;border-radius:999px;white-space:nowrap}.rescard__note{font-size:12px;color:var(--faint);margin-top:2px}.rescard__right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.rescard__del{border:none;background:transparent;color:var(--faint);font-size:14px;width:30px;height:30px;border-radius:8px;cursor:pointer}.rescard__del:hover{background:#fef2f2;color:#dc2626}.closed-section{margin-top:18px;border-top:1px dashed var(--border);padding-top:16px}.closed-list{display:flex;flex-direction:column;gap:8px}.closed-row{display:flex;align-items:center;gap:8px}.closed-row .input[type=time]{width:auto;flex:0 0 auto}.closed-row__label{flex:1 1 auto;min-width:0}textarea.input{resize:vertical;line-height:1.5;min-height:92px}.footer{display:flex;flex-direction:column;align-items:center;gap:8px}.footer__links{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center}.linkbtn{background:none;border:none;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;padding:2px 4px}.linkbtn:hover{color:var(--brand-strong);text-decoration:underline}.modal--wide{max-width:560px}.info-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:10px}.info-tab{border:none;background:var(--surface-2);color:var(--muted);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;cursor:pointer}.info-tab--active{background:var(--brand);color:#fff}.info-body{max-height:60vh;overflow-y:auto;font-size:13px;line-height:1.7}.info-body h3{font-size:16px;margin:0 0 10px}.info-body h4{font-size:13px;margin:14px 0 4px;color:#374151}.info-body p{margin:6px 0;color:var(--muted)}.info-body ul{margin:6px 0;padding-left:18px;color:var(--muted)}.info-body li{margin:3px 0}.info-note{font-size:12px;color:var(--faint)!important;margin-top:12px!important}@media(max-width:560px){.closed-row{flex-wrap:wrap}.timeline__bars,.timeline__axis{gap:2px}.bar__count{font-size:9px}}.bar--hl{background:var(--brand-soft);border-radius:8px 8px 0 0}.bar--hl .bar__count{color:var(--brand-strong)}.bar--hl .bar__fill{outline:2px solid var(--brand);outline-offset:-1px}.auth{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 16px}.auth__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 40px #7864501a;padding:30px 26px 24px}.auth__brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}.auth__brand .brand__name{font-size:22px}.auth__brand .brand__tag{font-size:12px}.auth__switch{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px;margin-bottom:22px}.auth__switch button{flex:1;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:14px;padding:9px;border-radius:999px;cursor:pointer;transition:all .15s ease}.auth__switch button.on{background:var(--brand);color:#fff;box-shadow:0 4px 12px #f59e8b4d}.auth__type{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.auth__type .type-opt{line-height:1.4;padding:13px 8px;cursor:pointer}.auth__type-sub{font-size:11px;color:var(--faint);font-weight:600}.auth__hint{text-align:center;font-size:12px;color:var(--muted);margin:16px 0 0}.whoami{display:flex;align-items:center;gap:8px;margin-left:auto}.whoami__info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;border:none;background:transparent;cursor:pointer;padding:5px 9px;border-radius:10px;text-align:left}.whoami__info:hover{background:var(--surface-2)}.whoami__school{font-weight:800;font-size:13px}.whoami__name{color:var(--muted);font-weight:600;font-size:11px}.whoami__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}@media(max-width:620px){.brand__tag{display:none}.whoami{width:100%;margin-left:0;justify-content:space-between}.tabs{margin:0 auto}}.invite{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#eefaf8;border:1px solid #d3eeea;border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:18px}.invite__main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.invite__label{font-size:12px;color:#2f6f68;font-weight:700}.invite__code{font-size:20px;font-weight:900;letter-spacing:2px;color:var(--text)}.invite__name{font-size:13px;color:var(--muted);font-weight:600}.invite__actions{display:flex;gap:8px;flex-wrap:wrap}.onb-steps{margin:6px 0;padding-left:22px;font-size:14px;line-height:1.75;color:var(--text)}.onb-steps li{margin:8px 0}.onb-steps li::marker{color:var(--brand-strong);font-weight:800}.member{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.member:last-child{border-bottom:none}.member__main{flex:1 1 auto;min-width:0}.member__name{font-weight:700;font-size:14px}.member__self{font-size:11px;color:var(--brand-strong);background:var(--brand-soft);padding:1px 8px;border-radius:999px;margin-left:6px}.member__sub{font-size:12px;color:var(--muted)}.member__actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}.addmember{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin:12px 0 4px}.addmember__done{margin-top:12px;font-size:13px;color:#2f7a5b;background:#eefaf8;border:1px solid #d3eeea;border-radius:10px;padding:10px 12px;line-height:1.8}.help-btn{border:1.5px solid var(--border);background:var(--surface);border-radius:999px;width:32px;height:32px;font-size:15px;cursor:pointer;line-height:1}.help-btn:hover{border-color:var(--brand)}.namefixed{padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);font-size:15px;font-weight:700;color:var(--text)}.stbadge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.campus-pill{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:13px;padding:7px 13px;border-radius:999px;box-shadow:var(--shadow);white-space:nowrap}.campus-pill:hover{border-color:var(--brand)}.campus-pill__chg{font-size:11px;color:var(--brand-strong);background:var(--brand-soft);padding:1px 8px;border-radius:999px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#32261c61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px;animation:fade .15s ease}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:0 24px 60px #32261c47;padding:24px;width:100%;max-width:380px;animation:modalpop .2s ease}.modal__title{margin:0 0 8px;font-size:18px;font-weight:800}.modal__desc{margin:0 0 16px;font-size:13px;color:var(--muted)}.modal__note{margin:12px 0 0;font-size:12px;color:#9a7b1f;background:#fdf2d4;padding:9px 11px;border-radius:10px}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes modalpop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:560px){.app{padding:0 12px 56px}.header{margin-bottom:18px}.header__inner{padding:11px 12px;gap:8px}.brand__logo{font-size:24px}.brand__name{font-size:17px}.brand__tag{font-size:10.5px}.tabs{margin-left:auto}.tabs__btn{padding:7px 13px;font-size:13px}.card{padding:18px 15px;border-radius:18px}.card+.card{margin-top:14px}.grid-2{gap:14px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:13px 12px}.kpi__value{font-size:22px}.settings-grid{grid-template-columns:1fr}.preview{padding:16px}.preview__level{font-size:20px}.resrow{flex-wrap:wrap;row-gap:6px;padding:12px 2px}.resrow__time{width:86px}.resrow__spacer{flex-basis:100%;height:0;margin:0}.timeline{-webkit-overflow-scrolling:touch}.timeline__bars,.timeline__axis{min-width:460px}.toolbar{gap:8px}.toast{left:12px;right:12px;transform:none;text-align:center}@keyframes pop{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}}