:root{--ink-1: #1f1f1f;--ink-2: #4a4a4a;--ink-3: #6b6b6b;--line-soft: #efefef;--line: #d9d9d9;--line-ctrl: #8c8c8c;--danger: #c62828;--danger-bg: #fdecea;--danger-line: #e57373;--danger-ink: #b71c1c;--warn-bg: #fdf6e3;--warn-line: #f0c33c;--warn-ink: #8a6d1a;--ok-bg: #e8f5e9;--ok-ink: #2e7d32;--fs-h1: 24px;--fs-h2: 18px;--fs-h3: 16px;--fs-sm: 14px;--fs-xs: 13px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--gutter: 20px;--r-sm: 6px;--r-md: 10px;--r-lg: 12px;--focus-ring: 3px solid var(--ink-1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--fs-h3);line-height:1.6;color:var(--ink-1);background:linear-gradient(180deg,#04182a,#06283f 45%,#0a3a56) fixed}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) var(--gutter);background:#04182ad9;border-bottom:1px solid rgba(63,208,232,.25)}.brand{font-weight:600;letter-spacing:.02em;color:#e6f7ff}.app-nav{display:flex;gap:var(--sp-4);flex-wrap:wrap}.app-nav a{color:#a8d4e6;text-decoration:none;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);transition:background-color .15s,color .15s}.app-nav a:hover{background:#7adfff1f;color:#f2fcff}.app-nav a.active{color:#f2fcff;background:#7adfff2e;font-weight:600}.app-nav a.active:hover{background:#7adfff47}.app-nav a:focus-visible{outline:3px solid #7adfff;outline-offset:2px}.app-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--sp-5) var(--gutter) var(--sp-6)}.app-main .page:not(.ocean){margin-left:auto;margin-right:auto;background:#ffffffed;border:1px solid rgba(63,208,232,.25);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:0 8px 32px #020c1673}.app-header,.app-main{position:relative;z-index:1}.ocean-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.sea-ray{position:absolute;top:-20%;width:160px;height:130%;background:linear-gradient(180deg,#7ae0ff1a,#7ae0ff00);transform:rotate(18deg);filter:blur(8px)}.sr-1{left:8%}.sr-2{left:64%;width:110px;opacity:.8}.sea-fish{position:absolute;left:-140px;filter:drop-shadow(0 0 6px rgba(63,208,232,.5));animation:sea-swim 32s linear infinite}.sf-1{top:12%;width:70px;opacity:.85}.sf-2{top:38%;width:44px;opacity:.5;animation-duration:44s;animation-delay:-18s}.sf-3{top:68%;width:56px;opacity:.6;animation-duration:38s;animation-delay:-30s}@keyframes sea-swim{0%{left:-140px;transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(8px)}to{left:calc(100% + 140px);transform:translateY(0)}}.sea-bubble{position:absolute;bottom:-40px;border-radius:50%;border:1px solid rgba(122,224,255,.45);background:radial-gradient(circle at 32% 30%,#c8f5ff80,#7ae0ff0f);animation:sea-rise 14s ease-in infinite;animation-duration:var(--d, 14s)}.sb-1{left:6%;width:10px;height:10px}.sb-2{left:18%;width:6px;height:6px;--d: 18s;animation-delay:-5s}.sb-3{left:38%;width:14px;height:14px;--d: 13s;animation-delay:-8s}.sb-4{left:55%;width:8px;height:8px;--d: 17s;animation-delay:-2s}.sb-5{left:74%;width:12px;height:12px;--d: 12s;animation-delay:-10s}.sb-6{left:88%;width:7px;height:7px;--d: 19s;animation-delay:-6s}.sb-7{left:46%;width:5px;height:5px;--d: 21s;animation-delay:-13s}@keyframes sea-rise{0%{transform:translateY(0) scale(.8);opacity:.8}to{transform:translateY(-108vh) scale(1.2);opacity:0}}.sea-weed{position:absolute;bottom:-8px;width:96px;opacity:.85;transform-origin:bottom center;filter:drop-shadow(0 0 8px rgba(72,229,194,.25));animation:sea-sway 7s ease-in-out infinite alternate}.sw-l{left:-12px}.sw-r{right:-12px;width:116px;animation-delay:-3.5s;animation-duration:8s}.sw-r .weed-svg{transform:scaleX(-1)}.weed-svg{display:block;width:100%;height:auto}@keyframes sea-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3.5deg)}}.page h1{font-size:var(--fs-h1);font-weight:700;line-height:1.3;margin-bottom:var(--sp-4)}.placeholder-note{color:var(--ink-3);max-width:560px}.home-page{max-width:720px}.home-head{text-align:center;margin:var(--sp-6) 0}.home-brand{font-size:var(--fs-xs);letter-spacing:.14em;color:var(--ink-3);text-transform:lowercase}.home-head h1{margin:var(--sp-1) 0 var(--sp-2)}.home-lead{color:var(--ink-2);font-size:var(--fs-sm)}.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.home-card{display:flex;flex-direction:column;gap:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);background:#fff;text-decoration:none;color:var(--ink-1);transition:border-color .15s}.home-card:hover{border-color:var(--ink-1)}.home-card:focus-visible{outline:var(--focus-ring);outline-offset:2px}.home-card h2{font-size:var(--fs-h3);font-weight:600}.home-card p{font-size:var(--fs-sm);color:var(--ink-2);flex:1}.home-card-action{font-size:var(--fs-sm);font-weight:600}.home-foot{text-align:center;font-size:var(--fs-xs);color:var(--ink-3);margin-top:var(--sp-5)}.qr-wrap{margin-top:var(--sp-5);text-align:center}.qr-btn{min-height:44px}.qr-box{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);border:1px dashed var(--line-ctrl);border-radius:var(--r-lg);padding:var(--sp-4)}.qr-actions{display:flex;gap:var(--sp-2)}.qr-hint{font-size:var(--fs-xs);color:var(--ink-3);word-break:break-all}.form-page{max-width:560px}.form-head{margin-bottom:var(--sp-5)}.form-org{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.06em}.form-lead{color:var(--ink-2);font-size:var(--fs-sm)}.q{padding:var(--sp-4) 0 var(--sp-4) var(--sp-3);border-bottom:1px solid var(--line-soft);border-left:3px solid transparent;transition:border-color .15s}.q-done .q-title{color:var(--ink-1)}.q-check{color:var(--ok-ink);font-weight:600;margin-left:var(--sp-1)}.q-title{font-size:var(--fs-h3);font-weight:600;margin-bottom:var(--sp-2)}.q-required{color:var(--danger)}.q-optional{font-size:var(--fs-xs);font-weight:400;color:var(--ink-3)}.q-hint{font-size:var(--fs-xs);color:var(--ink-3);margin:var(--sp-1) 0 0}.q-hint-inline{font-size:var(--fs-sm);color:var(--ink-2);margin:var(--sp-2) 0 calc(-1 * var(--sp-1));line-height:1.5}.q-options{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{padding:10px 18px;font-size:var(--fs-h3);border:1px solid var(--line-ctrl);border-radius:999px;background:#fff;color:var(--ink-1);cursor:pointer;min-height:44px;transition:background-color .15s,border-color .15s,color .15s}.chip:hover:not(.chip-on){border-color:var(--ink-1)}.chip:active:not(.chip-on){background:#f0f0f0}.chip:focus-visible{outline:var(--focus-ring);outline-offset:2px}.chip-on{border-color:var(--ink-1);background:var(--ink-1);color:#fff;font-weight:600}.chip-on:hover{background:#000;border-color:#000}.q-input{width:100%;padding:var(--sp-3);font-size:var(--fs-h3);border:1px solid var(--line-ctrl);border-radius:var(--r-md);background:#fff;color:var(--ink-1);font-family:inherit}.q-input:focus{outline:var(--focus-ring);outline-offset:1px}.q-input::placeholder{color:var(--ink-3);opacity:1}textarea.q-input{resize:vertical}.q-missing{border-left-color:var(--danger)}.q-missing .q-title{color:var(--danger)}.form-alert{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-ink);border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}.btn-primary{width:100%;min-height:52px;font-size:var(--fs-h3);font-weight:600;border:none;border-radius:var(--r-lg);background:var(--ink-1);color:#fff;cursor:pointer;margin-top:var(--sp-5);transition:background-color .15s}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled){background:#000}.btn-primary:focus-visible{outline:var(--focus-ring);outline-offset:2px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-submit{margin-bottom:var(--sp-2)}.done-card{text-align:center;padding:var(--sp-6) var(--sp-2)}.done-icon{width:64px;height:64px;line-height:64px;margin:0 auto var(--sp-4);border-radius:50%;background:var(--ok-bg);color:var(--ok-ink);font-size:32px;font-weight:700}.done-card h1{margin-bottom:var(--sp-3)}.done-card p{color:var(--ink-2);max-width:400px;margin:0 auto}.done-card p.done-sub{font-size:var(--fs-xs);color:var(--ink-3);margin-top:var(--sp-2)}.done-card .btn-primary{max-width:280px}.wb-page{max-width:1100px}.wb-head{display:flex;align-items:baseline;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-3)}.wb-head h1{margin-bottom:0}.wb-stats{font-size:var(--fs-sm);color:var(--ink-2)}.mock-tag{font-size:var(--fs-xs);color:var(--ink-2);background:#f0f0f0;border:1px solid var(--line);border-radius:999px;padding:2px 10px}.wb-stats-warn{color:var(--danger);font-weight:600}.wb-updated{font-size:var(--fs-xs);color:var(--ink-2);background:#f0f0f0;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-variant-numeric:tabular-nums;white-space:nowrap}.wb-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-left:auto}.wb-btn{width:auto;min-height:40px;padding:0 18px;margin-top:0;font-size:var(--fs-sm)}.btn-plain{min-height:40px;padding:0 14px;font-size:var(--fs-sm);border:1px solid var(--line-ctrl);border-radius:var(--r-md);background:#fff;color:var(--ink-1);cursor:pointer;transition:border-color .15s,background-color .15s}.btn-plain:hover:not(:disabled){border-color:var(--ink-1)}.btn-plain:active:not(:disabled){background:#f0f0f0}.btn-plain:focus-visible{outline:var(--focus-ring);outline-offset:2px}.btn-plain:disabled{opacity:.6;cursor:not-allowed}.btn-mini{min-height:32px;padding:var(--sp-1) 10px;font-size:var(--fs-xs);border:1px solid var(--line-ctrl);border-radius:var(--r-sm);background:#fff;color:var(--ink-2);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.btn-mini:hover{border-color:var(--ink-1);color:var(--ink-1)}.btn-mini:active{background:#f0f0f0}.btn-mini:focus-visible{outline:var(--focus-ring);outline-offset:2px}.btn-mini-danger:hover{border-color:var(--danger);color:var(--danger)}.wb-busy{font-size:var(--fs-sm);color:var(--ink-2);margin-bottom:var(--sp-2)}.wb-empty{border:1px dashed var(--line-ctrl);border-radius:var(--r-lg);padding:var(--sp-5);color:var(--ink-2);font-size:var(--fs-sm);text-align:center}.state-error{border-left:4px solid var(--danger, #d64545);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3, 12px)}.state-error-detail{color:var(--ink-3, #8a8f98);font-size:var(--fs-xs, 12px);word-break:break-all}.wb-cols{display:flex;gap:var(--sp-5);align-items:flex-start}.wb-left{flex:0 0 280px;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);position:sticky;top:var(--sp-3);max-height:calc(100vh - 140px);overflow-y:auto}.wb-left.drop-ok,.room-card.drop-ok{outline:2px dashed var(--ink-1);outline-offset:2px;background:#f7f7f7}.wb-left.drop-bad,.room-card.drop-bad{outline:2px dashed var(--danger);outline-offset:2px;background:#fdf3f2}.wb-sub{font-size:var(--fs-h2);font-weight:600;margin-bottom:var(--sp-3)}.wb-gender-group{margin-bottom:var(--sp-3)}.wb-gender-title{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);margin-bottom:var(--sp-1)}.wb-count{font-weight:400;color:var(--ink-3)}.wb-none{font-size:var(--fs-xs);color:var(--ink-3);padding:2px 0}.wb-filter{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-2)}.wb-filter .q-input{width:auto;min-width:0;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm)}.wb-filter input.q-input{flex:1}.wb-filter select.q-input{flex:0 0 auto;cursor:pointer}.wb-filter-count{font-size:var(--fs-xs);color:var(--ink-2);margin-bottom:var(--sp-2)}.wb-filter-none{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;border:1px dashed var(--line-ctrl);border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-xs);color:var(--ink-2);margin-bottom:var(--sp-2)}.wb-hint{font-size:var(--fs-xs);color:var(--ink-3);border-top:1px solid var(--line-soft);padding-top:var(--sp-2)}.stu-chip{border:1px solid var(--line-ctrl);border-radius:var(--r-sm);padding:var(--sp-2) 10px;margin-bottom:var(--sp-1);background:#fff;cursor:grab}.stu-chip:has(.stu-del){display:flex;align-items:center;gap:var(--sp-2)}.stu-chip:has(.stu-del) .stu-meta{flex:1;min-width:0}.stu-del{flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none}.stu-del:disabled{cursor:not-allowed;opacity:.5}.stu-chip:active{cursor:grabbing}.stu-name{font-weight:600;font-size:var(--fs-sm);margin-right:var(--sp-1);white-space:nowrap}.stu-meta{font-size:var(--fs-xs);color:var(--ink-3)}.wb-right{flex:1;min-width:0}.wb-right-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.room-add{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-3)}.room-add-input{flex:1 1 120px;min-width:0}.room-add-btn{width:auto;padding:0 22px;margin-top:0;font-size:var(--fs-sm);min-height:44px}.room-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--sp-4)}.room-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);background:#fff}.room-conflict{border-color:var(--warn-line)}.room-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap}.room-no{font-size:var(--fs-h3);font-weight:600}.room-cap{font-size:var(--fs-xs);color:var(--ink-2)}.room-tools{margin-left:auto;display:flex;gap:var(--sp-1)}.room-edit{display:flex;flex-wrap:wrap;gap:var(--sp-1);width:100%}.room-edit-input{width:auto;flex:1 1 80px;min-width:0;padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs)}.room-warning{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);font-size:var(--fs-xs);border-radius:var(--r-sm);padding:var(--sp-1) 10px;margin-bottom:var(--sp-2)}.room-members{display:flex;flex-direction:column;gap:var(--sp-1)}.stu-chip-inroom{display:flex;align-items:center;gap:var(--sp-1);margin-bottom:0}.stu-chip-inroom .stu-meta{flex:1;min-width:0}.room-empty-hint{font-size:var(--fs-xs);color:var(--ink-3);padding:var(--sp-2) 0}@media (max-width: 760px){.wb-cols{flex-direction:column;gap:var(--sp-4)}.wb-left{position:static;max-height:none;width:100%;flex:none}.wb-actions{margin-left:0;width:100%}.wb-actions>button{flex:1 1 auto}.room-add-btn{flex:1 1 100%}}.ov-page{max-width:900px}.ov-head{display:flex;align-items:baseline;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4)}.ov-head h1{margin-bottom:0}.ov-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-left:auto;align-items:center}.ov-view-toggle{display:flex;gap:var(--sp-1);flex-wrap:wrap}.toggle-on{background:var(--ink-1);color:#fff;border-color:var(--ink-1)}.toggle-on:hover{background:#000;border-color:#000}.toggle-on:active{background:#000}.roster-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ov-link-row{display:flex;gap:var(--sp-2);align-items:center;justify-content:center;margin-top:var(--sp-3);flex-wrap:wrap}.ov-link{background:#f5f5f5;border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);word-break:break-all}.roster-block{margin-bottom:var(--sp-6);break-inside:avoid}.roster-title{font-size:var(--fs-h2);font-weight:600;border-bottom:2px solid var(--ink-1);padding-bottom:var(--sp-1);margin-bottom:var(--sp-2)}.roster-cap{font-size:var(--fs-xs);font-weight:400;color:var(--ink-2);margin-left:var(--sp-2)}.roster-class{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);margin:var(--sp-3) 0 var(--sp-2)}.roster-none{font-size:var(--fs-xs);color:var(--ink-3)}.roster-unassigned .roster-title{border-bottom-color:var(--danger);color:var(--danger)}.roster-table{width:100%;border-collapse:collapse;font-size:var(--fs-xs)}.roster-table th,.roster-table td{border:1px solid var(--line);padding:var(--sp-1) var(--sp-2);text-align:left;vertical-align:top}.roster-table th{background:#f5f5f5;border-bottom:2px solid var(--ink-1);font-weight:600}.td-name{font-weight:600;white-space:nowrap}.td-flags{white-space:nowrap}.td-note{max-width:200px}.ov-print-foot{margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--ink-2);border-top:1px solid var(--line);padding-top:var(--sp-2)}.ov-print-head{display:none}@media (max-width: 640px){.home-cards{grid-template-columns:1fr}.app-nav{gap:var(--sp-2)}.ov-actions{margin-left:0;width:100%}.ov-view-toggle{width:100%}.ov-view-toggle .btn-plain{flex:1 1 auto}.ov-actions .btn-primary{flex:1 1 100%}}@media print{.app-header,.no-print,.ov-print-foot,.roster-unassigned{display:none!important}.app-main{padding:0;max-width:none}.app-main .page{background:none;border:none;box-shadow:none;padding:0}.ocean-bg{display:none!important}.ov-page{max-width:none}.ov-print-head{display:block;text-align:center;margin-bottom:20px}.ov-print-head h1{font-size:20px}.ov-print-head p{font-size:12px;color:var(--ink-2)}.roster-scroll{overflow:visible}.roster-table{font-size:12px}}.home-page.ocean{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;border-radius:var(--r-lg);border:1px solid rgba(63,208,232,.35);background:linear-gradient(180deg,#04182a,#06283f 45%,#0a3a56);padding:var(--sp-6) var(--sp-5) var(--sp-6);box-shadow:0 0 40px #3fd0e81f inset;color:#e6f7ff}.home-page.ocean a,.home-page.ocean p,.home-page.ocean h1,.home-page.ocean h2{color:inherit}.ocean-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.home-page.ocean>.home-head,.home-page.ocean>.home-cards,.home-page.ocean>.qr-wrap{position:relative;z-index:1}.ray{position:absolute;top:-20%;width:140px;height:140%;background:linear-gradient(180deg,#7ae0ff24,#7ae0ff00);transform:rotate(18deg);filter:blur(6px)}.ray-1{left:12%}.ray-2{left:58%;width:90px;opacity:.7}.fish{position:absolute;left:-120px;width:72px;opacity:.9;filter:drop-shadow(0 0 6px rgba(63,208,232,.55));animation:swim 22s linear infinite}.fish-1{top:8%;width:84px;animation-duration:26s}.fish-2{top:22%;width:48px;opacity:.55;animation-duration:34s;animation-delay:-12s}.fish-3{top:64%;width:60px;opacity:.7;animation-duration:30s;animation-delay:-20s}.fish-4{top:44%;width:34px;opacity:.4;animation-duration:40s;animation-delay:-6s}@keyframes swim{0%{left:-120px;transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(6px)}75%{transform:translateY(-5px)}to{left:calc(100% + 120px);transform:translateY(0)}}.bubble{position:absolute;bottom:-30px;border-radius:50%;border:1px solid rgba(122,224,255,.5);background:radial-gradient(circle at 32% 30%,#c8f5ff80,#7ae0ff0f);animation:rise 12s ease-in infinite}.bu-1{left:8%;width:10px;height:10px;animation-duration:11s}.bu-2{left:22%;width:6px;height:6px;animation-duration:15s;animation-delay:-4s}.bu-3{left:46%;width:14px;height:14px;animation-duration:13s;animation-delay:-7s}.bu-4{left:70%;width:8px;height:8px;animation-duration:17s;animation-delay:-2s}.bu-5{left:86%;width:12px;height:12px;animation-duration:12s;animation-delay:-9s}.bu-6{left:33%;width:5px;height:5px;animation-duration:19s;animation-delay:-11s}@keyframes rise{0%{transform:translateY(0) scale(.8);opacity:.9}to{transform:translateY(-105vh) scale(1.15);opacity:0}}.home-page.ocean .home-brand{color:#7adfff;letter-spacing:.18em}.home-page.ocean .home-logo{display:block;width:112px;height:auto;margin:0 auto var(--sp-3);border-radius:var(--r-lg);border:1px solid rgba(140,220,245,.28);box-shadow:0 0 28px #3fd0e866}.home-page.ocean .home-head h1{color:#f2fcff;text-shadow:0 0 18px rgba(63,208,232,.65)}.home-page.ocean .home-lead{color:#a8d4e6}.home-page.ocean .home-card{background:#0a2a4099;border:1px solid rgba(63,208,232,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .15s,box-shadow .15s,transform .15s}.home-page.ocean .home-card:hover{border-color:#7adfff;box-shadow:0 0 16px #3fd0e859;transform:translateY(-2px)}.home-page.ocean .home-card:focus-visible{outline:3px solid #7adfff;outline-offset:2px}.home-page.ocean .home-card h2{color:#f2fcff}.home-page.ocean .home-card p{color:#a8d4e6}.home-page.ocean .home-card-action{color:#7adfff}.home-page.ocean .btn-plain{background:#0a2a4099;border-color:#3fd0e880;color:#e6f7ff;transition:border-color .15s,box-shadow .15s}.home-page.ocean .btn-plain:hover:not(:disabled){border-color:#7adfff;box-shadow:0 0 10px #3fd0e84d;background:#0a2a40d9}.home-page.ocean .btn-plain:active:not(:disabled){background:#061e2ee6}.home-page.ocean .btn-plain:focus-visible{outline:3px solid #7adfff;outline-offset:2px}.home-page.ocean .qr-box{border-color:#3fd0e880}.home-page.ocean .qr-hint{color:#a8d4e6}.home-page.ocean .qr-box canvas{background:#fff;padding:6px;border-radius:var(--r-sm)}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;vertical-align:-2px;margin-right:var(--sp-2);animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.async-loading{opacity:.65;cursor:not-allowed}.async-success{background:#2e7d32!important;border-color:#2e7d32!important;color:#fff!important;opacity:1}.ok-bar{background:var(--ok-bg);border:1px solid #a5d6a7;color:var(--ok-ink);border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}@media (prefers-reduced-motion: reduce){.fish,.bubble,.sea-fish,.sea-bubble,.sea-weed,.btn-spinner{animation:none}.btn-spinner{border-top-color:currentColor}.fish{position:absolute}.fish-1{left:6%;top:8%}.fish-2{left:30%;top:24%}.fish-3{left:58%;top:64%}.fish-4{left:80%;top:46%}.sea-fish.sf-1{left:10%}.sea-fish.sf-2{left:42%}.sea-fish.sf-3{left:74%}.sea-bubble{opacity:.35}}.meal-whoami{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid;border-radius:var(--r-md);margin-bottom:var(--sp-4)}.meal-whoami h1{font-size:var(--fs-h2);margin-bottom:var(--sp-1)}.meal-whoami p{color:var(--ink-2);font-size:var(--fs-sm)}.meal-whoami-tag{font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;padding:var(--sp-1) var(--sp-3);border-radius:999px;color:#fff;white-space:nowrap}.meal-whoami-student{background:#e6f1fb;border-color:#378add}.meal-whoami-student .meal-whoami-tag{background:#378add}.meal-whoami-staff{background:var(--warn-bg);border-color:var(--warn-line)}.meal-whoami-staff .meal-whoami-tag{background:var(--warn-line)}.chip-no{background:#f0f0f0;color:var(--ink-3)}.meal-footnote{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px dashed var(--line-ctrl);border-radius:var(--r-md);background:#fafafa;color:var(--ink-2);font-size:var(--fs-sm)}.meal-date-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.meal-date-row label{font-size:var(--fs-sm);color:var(--ink-2)}.meal-date-input{width:auto;min-width:180px}.qr-duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}@media (max-width: 640px){.qr-duo{grid-template-columns:1fr}}.meal-qr-card{border:1px solid;border-radius:var(--r-md);overflow:hidden}.meal-qr-card-student{border-color:#378add}.meal-qr-card-staff{border-color:var(--warn-line)}.meal-qr-card-student .meal-qr-body{border:8px solid #378add}.meal-qr-card-staff .meal-qr-body{border:8px solid var(--warn-line)}.meal-qr-cap{padding:var(--sp-2) var(--sp-3);color:#fff;font-size:var(--fs-sm);font-weight:600;text-align:center}.meal-qr-card-student .meal-qr-cap{background:#378add}.meal-qr-card-staff .meal-qr-cap{background:var(--warn-line)}.meal-qr-body{padding:var(--sp-3);text-align:center;background:#fff}.meal-qr-body canvas{display:block;margin:0 auto var(--sp-2);width:160px;height:160px}.meal-qr-photo-wrap{margin-top:var(--sp-3)}.meal-qr-photo{display:block;width:100%;border:1px solid var(--line);border-radius:var(--r-md)}.meal-qr-photo-tip{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--ink-2);text-align:left}.meal-qr-url{font-size:var(--fs-xs);color:var(--ink-3);word-break:break-all;margin-bottom:var(--sp-2)}.meal-qr-body .btn-plain{font-size:var(--fs-xs)}.meal-table{margin-top:var(--sp-4)}.meal-table .meal-grp td{background:#f4f4f4;font-weight:600}.meal-table .meal-sub{padding-left:var(--sp-6)}.meal-table .meal-zero{color:var(--ink-3)}.meal-table .meal-tot td{border-top:2px solid var(--ink-1);font-weight:700}.meal-table .num{text-align:right;font-variant-numeric:tabular-nums}