:root{--primary:#2f5d50;--on-primary:#fff;--accent:#c8763a;--bg:#f5f2ea;--surface:#fffdf8;--text:#23302b;--font:"Noto Sans TC", system-ui, sans-serif;--radius:12px;--muted:color-mix(in srgb, var(--text) 68%, var(--surface));--line:color-mix(in srgb, var(--text) 15%, var(--surface));--tint:color-mix(in srgb, var(--primary) 10%, var(--surface));--danger:#b3261e}*{box-sizing:border-box}html{background:var(--bg);font-size:clamp(16px,.55vw + 10px,21px)}body{min-height:100dvh;color:var(--text);font-family:var(--font);background:linear-gradient(to top, color-mix(in srgb, var(--primary) 62%, var(--bg)) 0%, color-mix(in srgb, var(--primary) 24%, var(--bg)) 55%, var(--bg) 100%) fixed;margin:0;line-height:1.65}h1,h2,h3,p{margin:0}h1{font-size:1.7rem;line-height:1.3}h2{font-size:1.1rem}h3{font-size:1.15rem;line-height:1.4}a{color:inherit}ul{margin:0;padding:0;list-style:none}input,textarea,select,button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.muted{color:var(--muted)}.error{color:var(--danger)}[style*="color-scheme: dark"] .error{color:#ffb4ab}.center{text-align:center;padding:20vh 16px}.stack{flex-direction:column;gap:24px;display:flex}.stack-sm{flex-direction:column;gap:12px;display:flex}.topbar{background:color-mix(in srgb, var(--surface) 82%, transparent);border-bottom:1px solid var(--line)}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1320px;margin:auto;padding:10px 16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;font-weight:700;text-decoration:none;display:flex}.brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-name{font-family:"Great Vibes", var(--font);color:#e6b17e;font-size:1.45rem;font-weight:400;line-height:1.2}.brand .brand-name{position:relative;top:.126em}h1.brand-name{font-size:2rem}.logo{border-radius:min(var(--radius), 10px);object-fit:contain;flex:none;width:58px;height:58px}.logo-letter{background:var(--primary);color:var(--on-primary);place-items:center;font-weight:700;display:grid}.nav{flex:none;align-items:center;gap:2px;display:flex}.nav a,.link-btn{border-radius:var(--radius);cursor:pointer;min-height:40px;color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:8px 10px;font-size:.92rem;text-decoration:none;display:inline-flex}.nav a:hover,.link-btn:hover{background:var(--tint);color:var(--text)}.nav a.active{color:var(--primary);background:var(--tint);font-weight:500}.page{max-width:1320px;margin:auto;padding:28px 16px 64px}.page-head,.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-actions,.actions{flex-wrap:wrap;gap:8px;display:flex}.actions{justify-content:flex-end;align-items:center}.back{color:var(--muted);align-self:flex-start;align-items:center;gap:5px;font-size:.92rem;text-decoration:none;display:inline-flex}.back:hover{color:var(--text)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.empty{text-align:center;flex-direction:column;gap:8px;padding:36px 18px;display:flex}.btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 15px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--tint)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:color-mix(in srgb, var(--primary) 86%, var(--text))}.btn-quiet{color:var(--muted);background:0 0;border-color:#0000}.btn-danger{color:var(--danger);background:0 0;border-color:#0000;align-self:flex-start;font-weight:400}[style*="color-scheme: dark"] .btn-danger{color:#ffb4ab}.icon-btn{border-radius:var(--radius);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--tint);color:var(--text)}.rows{padding:0;overflow:hidden}.rows li+li{border-top:1px solid var(--line)}.row{align-items:center;gap:12px;padding:13px 16px;text-decoration:none;display:flex}.row:hover{background:var(--tint)}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-main>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-main .muted{font-size:.88rem}.avatar{background:var(--tint);width:40px;height:40px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.chip{border:1px solid var(--line);color:var(--muted);border-radius:99px;flex:none;padding:2px 9px;font-size:.78rem}.lesson{flex-direction:column;gap:8px;display:flex}.lesson-head{justify-content:space-between;align-items:center;margin:-6px -6px -6px 0;display:flex}.lesson-date{color:var(--accent);font-size:.88rem;font-weight:500}.notes{white-space:pre-wrap;overflow-wrap:anywhere}.links{flex-direction:column;display:flex}.lesson .links{border-top:1px solid var(--line);margin-top:4px;padding-top:6px}.links a{border-radius:var(--radius);min-height:42px;color:var(--muted);align-items:center;gap:10px;margin:0 -8px;padding:6px 8px;text-decoration:none;display:flex}.links a:hover{background:var(--tint)}.link-title{color:var(--primary);overflow-wrap:anywhere;min-width:0;font-weight:500}.link-kind{white-space:nowrap;margin-left:auto;font-size:.82rem}.search{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.search input{min-width:0;min-height:42px;color:var(--text);background:0 0;border:0;outline:none;flex:1}.search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.field{flex-direction:column;gap:5px;font-weight:500;display:flex}.field small{font-weight:400}.field input:not([type=range]),.field textarea,.field select,.link-row input{background:var(--bg);border:1px solid var(--line);border-radius:min(var(--radius), 10px);width:100%;min-width:0;min-height:42px;padding:8px 11px;font-weight:400}.field textarea{resize:vertical}.field input[type=range]{accent-color:var(--primary);width:100%}.link-editor{flex-direction:column;align-items:stretch;gap:8px;font-weight:400;display:flex}.link-editor>.btn{color:var(--primary);align-self:flex-start;padding-left:4px}.link-row{grid-template-columns:2fr 3fr 38px;align-items:center;gap:6px;display:grid}.link-tiles{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.link-tile{cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:var(--radius);text-align:center;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:104px;padding:14px 8px;text-decoration:none;transition:background-color .15s;display:flex;position:relative}.link-tile:hover,.link-tile:focus-visible,.link-tile[aria-expanded=true]{background:color-mix(in srgb, var(--surface) 60%, transparent)}.viewer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.viewer-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 8px 6px 16px;display:flex}.viewer-bar strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.viewer-open{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:.85rem;display:inline-flex}.viewer iframe{background:#fff;border:0;width:100%;height:min(75dvh,720px);min-height:420px;display:block}.timeline{margin:0;padding:0;list-style:none}.timeline-item{padding:0 0 12px 28px;position:relative}.timeline-item:before{content:"";background:color-mix(in srgb, var(--primary) 30%, transparent);width:2px;position:absolute;top:24px;bottom:-22px;left:7px}.timeline-item:last-child:before{display:none}.timeline-item:after{content:"";box-sizing:border-box;background:var(--surface);border:2px solid var(--primary);border-radius:50%;width:14px;height:14px;position:absolute;top:24px;left:1px}.timeline-latest:after{background:var(--primary)}.timeline .lesson{gap:4px;padding:12px 18px}.lesson-line{flex-wrap:wrap;align-items:baseline;gap:4px 16px;min-height:26px;display:flex}.lesson-line .lesson-date{white-space:nowrap;flex:none}.lesson-line h3{overflow-wrap:anywhere;flex:none;max-width:100%;font-size:1rem}.lesson-notes{min-width:0;color:var(--muted);flex:160px;align-items:baseline;gap:10px;display:flex}.lesson-notes .notes{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.lesson-notes.expanded{display:block}.lesson-notes.expanded .notes{white-space:pre-wrap;overflow:visible}.see-more{font:inherit;color:var(--primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;flex:none;padding:0;font-size:.88rem;font-weight:500;text-decoration:underline}.lesson-notes.expanded .see-more{margin-top:6px}.lesson-actions{flex:none;align-self:flex-start;margin:-6px -6px -6px auto;display:flex}.see-all{align-self:center}.link-tile-icon{border-radius:min(var(--radius), 12px);background:var(--tint);width:42px;height:42px;color:var(--primary);place-items:center;display:grid}.link-tile-name{overflow-wrap:anywhere;font-size:.88rem;font-weight:500;line-height:1.35}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat{--hue:#2b6cb0;background:color-mix(in srgb, var(--hue) 22%, var(--surface));border:2px solid var(--hue);border-radius:var(--radius);flex-direction:column;gap:4px;min-width:0;padding:22px 24px;display:flex}.stat-completed{--hue:#86d993}.stat-rescheduled{--hue:#8b5cf6}.stat-discounted{--hue:#9ca3af}.stat-value{color:color-mix(in srgb, var(--hue) 28%, var(--text));overflow-wrap:anywhere;font-size:1.75rem;font-weight:700;line-height:1.3}.month-total{flex-wrap:wrap;align-items:center;gap:8px 14px;font-weight:500;display:flex}.stat-label{color:color-mix(in srgb, var(--hue) 15%, var(--text));font-size:.85rem;font-weight:500}.record-group{padding:22px 24px}.record-group summary{cursor:pointer;font-weight:500}.record-group .records{border-top:1px solid var(--line);margin-top:10px}.records{padding:0;overflow:hidden}.record{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.record+.record{border-top:1px solid var(--line)}.record-group .record{padding-inline:0}.record-main{flex-direction:column;flex:180px;min-width:0;display:flex}.record-main .muted{overflow-wrap:anywhere;font-size:.86rem}.status{border:1px solid var(--line);color:var(--muted);border-radius:99px;flex:none;padding:2px 10px;font-size:.78rem}.status-received,.pay-received[aria-pressed=true]{color:#14532d;background:#dcf5e3;border-color:#86d993}.status-delayed,.pay-delayed[aria-pressed=true]{color:#7f1d1d;background:#fde2e2;border-color:#f2a3a3}.pay-status{flex:none;gap:6px;display:inline-flex}.pay-btn{min-height:34px;font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;padding:3px 12px;font-size:.84rem;font-weight:500}.pay-btn:hover{background:var(--tint);color:var(--text)}.pay-received[aria-pressed=true]:hover{color:#14532d;background:#dcf5e3}.pay-delayed[aria-pressed=true]:hover{color:#7f1d1d;background:#fde2e2}.status-select{background:var(--bg);border:1px solid var(--line);border-radius:min(var(--radius), 10px);min-height:38px;padding:4px 8px}.day-picker{flex-wrap:wrap;gap:6px;font-weight:400;display:flex}.day{background:var(--bg);border:1px solid var(--line);border-radius:min(var(--radius), 10px);cursor:pointer;min-width:48px;min-height:40px;padding:4px 8px}.day[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:500}.schedule-row{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;display:grid}.student-picker{border:1px solid var(--line);border-radius:min(var(--radius), 12px);max-height:240px;margin:0;padding:12px 14px;overflow-y:auto}.student-picker legend{padding:0 6px;font-weight:500}.pick-row{cursor:pointer;align-items:center;gap:10px;min-height:36px;display:flex}.pick-row input{width:18px;height:18px;accent-color:var(--primary);flex:none}.pick-all{border-bottom:1px solid var(--line);margin-bottom:4px;font-weight:500}.material-list{border:1px solid var(--line);border-radius:min(var(--radius), 12px);overflow:hidden}.material-list li+li{border-top:1px solid var(--line)}.material-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;display:flex}.material-row:hover,.material-row:focus-visible{background:var(--tint)}.manage-message{color:var(--primary);font-weight:500}.manage-actions{flex-wrap:wrap}.manage-actions .btn-danger{align-self:center;padding-inline:4px}.manage-spacer{flex:1}.notes-anchor{display:inline-flex;position:relative}.notes-dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.sticky-note{z-index:20;color:#4a3f12;background:#fff1a6;border-radius:4px 4px 18px;width:560px;max-width:calc(100vw - 32px);padding:12px 14px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)rotate(-.5deg);box-shadow:0 12px 28px #00000038}.sticky-head{justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.sticky-close{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sticky-close:hover{background:#00000014}.sticky-tools{align-items:center;gap:2px;display:flex}.sticky-close:disabled{opacity:.4;cursor:default}.note-editor,.note-editor-loading{min-height:180px;margin-top:4px;padding:4px 0;line-height:1.6}.note-editor{resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;color:inherit;text-align:left;outline:none;font-weight:400;overflow-y:auto}.note-editor.note-empty{position:relative}.note-editor.note-empty:before{content:attr(data-placeholder);opacity:.6;pointer-events:none;position:absolute}.todo-lessons{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:20px;display:grid}@media (width<=940px){.todo-lessons{grid-template-columns:minmax(0,1fr)}}.todo-lessons .page-head{min-height:42px}.todo-card{padding:14px 18px}.todo-card .note-editor,.todo-card .note-editor-loading{min-height:96px;margin-top:0}.todo-status{margin-right:8px;font-size:.82rem}.note-editor [data-kind]{padding-left:26px;position:relative}.note-editor [data-kind=bullet]:before{content:"•";-webkit-user-select:none;user-select:none;font-weight:700;position:absolute;left:7px}.note-editor [data-kind=check]:before{content:"";box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid;border-radius:4px;place-items:center;width:16px;height:16px;font-size:12px;line-height:1;display:grid;position:absolute;top:.3em;left:2px}.note-editor [data-kind=check][data-checked]:before{content:"✓";color:#fff;background:#2e9e5b;border-color:#2e9e5b;font-weight:700}.note-editor [data-kind=check][data-checked]{color:color-mix(in srgb, currentColor 55%, transparent)}.sticky-status{color:#6b5e22;min-height:1.3em;font-size:.78rem}.form-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-total{align-items:center;min-height:42px;padding:8px 11px;font-weight:700;display:flex}.form-triple{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;display:grid}.page:has(.portal-shell){max-width:none;padding:40px max(48px,50vw - 620px) 88px max(128px,50vw - 620px)}body:has(.portal-shell) .topbar-inner{max-width:none;padding-left:max(128px,50vw - 620px);padding-right:max(48px,50vw - 620px)}.portal-main{gap:40px}.portal-main .stack-sm{gap:18px}.side-menu{z-index:10;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;left:max(40px,50vw - 716px);transform:translateY(-50%)}.side-item{width:60px;height:60px;color:var(--on-primary);background:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex;box-shadow:0 6px 18px #0000001f}.side-item svg{flex:none}.side-item:hover,.side-item:focus-visible,.side-item[aria-current=page]{color:var(--primary);background:var(--surface)}.rules-frame{height:min(85dvh,900px)}.agreement{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.agree-check{cursor:pointer;align-items:center;gap:10px;min-height:42px;font-weight:500;display:flex}.agree-check input{width:20px;height:20px;accent-color:var(--primary)}.agree-note{flex-basis:100%}.agreement-locked{justify-content:flex-start}.agreement-locked svg{color:var(--primary);flex:none}.link-rules{flex-wrap:wrap;align-items:flex-start;gap:16px 32px;display:flex}.link-block{flex-direction:column;flex:420px;gap:10px;min-width:0;display:flex}.link-row-compact{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-row-compact .link-output{text-overflow:ellipsis;flex:200px;width:auto;min-width:0}.rules-block{flex:none;align-items:center;gap:10px;min-height:28px;display:flex}.rules-check{color:#6b7280;background:#e5e7eb;border:2px solid #9ca3af;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:inline-grid}.rules-check.confirmed{color:#14532d;background:#dcf5e3;border-color:#4caf6e}.rules-reset{font:inherit;color:var(--muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.84rem;text-decoration:underline}.rules-reset:hover{color:var(--text)}.records-columns{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}.records-columns .card{padding:22px 24px}.next-class{align-items:center;gap:14px;display:flex}.next-class>div{flex-direction:column;min-width:0;display:flex}.next-class-icon{width:46px;height:46px;color:var(--on-primary);background:var(--primary);border-radius:min(var(--radius), 12px);flex:none;place-items:center;display:grid}.next-class-label{color:var(--muted);font-size:.85rem}.next-class strong{font-size:1.1rem}.records-columns .record{padding-inline:0}.attendance{flex-direction:column;gap:12px;display:flex}.month-nav{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-inline:auto;padding:4px 8px;display:flex}.month-nav .icon-btn:disabled{opacity:.3;cursor:default}.att-legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:.8rem;display:flex}.att-legend li{align-items:center;gap:5px;display:inline-flex}.att-legend .att-icon{width:22px;height:22px}.att-cells{flex-direction:column;gap:8px;display:flex}.att-cell{background:var(--surface);border:2px solid var(--line);border-radius:min(var(--radius), 12px);padding:8px 10px 8px 14px}.att-completed{background:color-mix(in srgb, #86d993 16%, var(--surface));border-color:#86d993}.att-rescheduled{background:color-mix(in srgb, #8b5cf6 16%, var(--surface));border-color:#8b5cf6}.att-discounted{background:color-mix(in srgb, #9ca3af 16%, var(--surface));border-color:#9ca3af}.att-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.att-date{flex-direction:column;flex:200px;min-width:0;display:flex}.att-legend-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.att-add-date{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:500;display:inline-flex}.att-add-date:hover{background:var(--tint)}.att-layout{grid-template-columns:minmax(0,640px) 116px;justify-content:center;align-items:start;gap:16px;display:grid}.att-side{flex-direction:column;gap:10px;min-width:0;display:flex}.att-side .stat-grid{grid-template-columns:minmax(0,1fr);gap:10px}.att-side .stat{aspect-ratio:1;text-align:center;justify-content:center;align-items:center;gap:2px;padding:8px}.att-side .stat-label{font-size:.82rem}.att-side .month-total{text-align:center;flex-direction:column;justify-content:center;gap:2px}.month-total-value{font-size:1.1rem;font-weight:700}.month-total-value.met{color:#1f8a4c}@media (width<=860px){.att-layout{grid-template-columns:minmax(0,1fr)}.att-side{order:-1}.att-side .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:440px;margin-inline:auto}.att-side .stat{padding:4px}.att-side .stat-value{font-size:1.3rem}.att-side .stat-label{font-size:.68rem}}.att-list-card{width:100%;padding:14px 16px}.att-list-card .attendance{gap:8px}.att-list-card .att-cells{gap:6px}.att-list-card .att-cell{padding:6px 10px}.att-list-card .att-date{flex-basis:150px}.att-list-card .att-icons{gap:2px}.att-list-card .att-icons .att-icon,.att-list-card .att-icons .icon-btn{width:28px;height:28px}.month-expected{flex-direction:column;gap:2px;font-size:.84rem;font-weight:500;display:flex}.month-blocked{color:var(--danger);flex-direction:column;font-size:.8rem;display:flex}.att-old-date{text-decoration:line-through}.att-moved{color:#6d3fd4;font-size:.82rem;font-weight:500}.att-icons{align-items:center;gap:4px;display:flex}.att-icon{width:32px;height:32px;color:color-mix(in srgb, var(--text) 35%, var(--surface));background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}button.att-icon{cursor:pointer;border-color:var(--line)}button.att-icon:hover{background:var(--tint);color:var(--text)}.att-icon-completed.on,button.att-icon-completed.on:hover{color:#14361c;background:#86d993;border-color:#0000}.att-icon-rescheduled.on,button.att-icon-rescheduled.on:hover{color:#fff;background:#8b5cf6;border-color:#0000}.att-icon-discounted.on,button.att-icon-discounted.on:hover{color:#1f2937;background:#9ca3af;border-color:#0000}.att-when{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.att-note{background:var(--bg);border:1px solid var(--line);border-radius:min(var(--radius), 8px);flex:160px;width:220px;min-width:0;max-width:100%;min-height:28px;padding:2px 8px;font-size:.85rem}.att-note-text{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}.att-note-edit{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.att-note-edit:hover{color:var(--text);text-decoration:underline}.att-note-add{border:1px solid var(--line);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.att-note-add:hover{background:var(--tint);color:var(--text)}.att-conflict{color:var(--danger);font-size:.82rem;font-weight:600}.month-nav strong{text-align:center;min-width:150px}.class-top-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.class-top-row:has(details[open]){align-items:start}.class-top-row details:not([open]){padding-block:32px}@media (width<=720px){.class-top-row{grid-template-columns:minmax(0,1fr)}}.pay-head{flex-wrap:wrap;align-items:center;gap:6px 16px;min-width:0;display:flex}.class-price{flex-wrap:wrap;align-items:center;gap:6px;font-size:.92rem;display:flex}.class-price-field{align-items:center;gap:6px;display:flex}.class-price input{background:var(--surface);border:1px solid var(--line);border-radius:min(var(--radius), 8px);width:90px;min-height:32px;padding:3px 8px}.class-price select{background:var(--surface);border:1px solid var(--line);border-radius:min(var(--radius), 8px);min-height:32px;padding:3px 6px}.class-price-icon{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.class-price-icon:hover{color:var(--text)}.class-price-save,.class-price-save:hover{color:#2e9e5b}.bell{position:relative}.bell-count{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;font-weight:700;display:inline-grid}.bell-menu{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:min(var(--radius), 12px);width:320px;max-height:60vh;color:var(--text);flex-direction:column;gap:8px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 10px 28px #00000029}.bell-menu ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav .bell-menu a{border-radius:min(var(--radius), 8px);min-height:0;color:var(--text);padding:8px;font-size:.88rem;display:block}.bell-menu li.fresh a{background:var(--tint)}.bell-menu b{font-weight:600}.calendar{width:100%;max-width:300px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cal-head .icon-btn{width:32px;height:32px}.cal-head .icon-btn:disabled{opacity:.3;cursor:default}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-weekday{text-align:center;color:var(--muted);padding:4px 0;font-size:.75rem}.cal-day{aspect-ratio:1;min-width:0;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;padding:0;font-size:.88rem}.cal-day:hover:not(:disabled){background:var(--tint)}.cal-day:disabled{color:color-mix(in srgb, var(--text) 30%, var(--surface));cursor:not-allowed}.cal-day.today{border-color:var(--line)}.cal-day.marked{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger)}.cal-day.marked:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 20%, var(--surface))}.cal-day.marked:disabled{color:color-mix(in srgb, var(--danger) 60%, var(--surface));text-decoration:line-through}.cal-day.selected,.cal-day.selected:hover:not(:disabled){background:var(--primary);color:var(--on-primary,#fff)}.date-field{position:relative}.date-field-row{align-items:center;gap:4px;display:flex}.date-field-btn{background:var(--bg);border:1px solid var(--line);border-radius:min(var(--radius), 10px);min-height:42px;color:var(--text);font:inherit;text-align:left;cursor:pointer;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;display:flex}.date-field-btn .placeholder{color:var(--muted)}.date-field .calendar{border:1px solid var(--line);border-radius:min(var(--radius), 10px);background:var(--surface);margin-top:6px;padding:10px}.unavailable-body{flex-wrap:wrap;gap:16px 28px;margin-top:12px;display:flex}.unavailable-side{flex-direction:column;flex:200px;gap:10px;min-width:0;display:flex}.unavailable-chips{flex-wrap:wrap;gap:6px;display:flex}.unavailable-chip{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger);border-radius:999px;align-items:center;gap:4px;padding:3px 5px 3px 10px;font-size:.85rem;display:inline-flex}.unavailable-chip button{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.unavailable-chip button:hover{background:color-mix(in srgb, var(--danger) 20%, var(--surface))}.link-output{background:var(--bg);border:1px solid var(--line);border-radius:min(var(--radius), 10px);width:100%;min-height:42px;color:var(--muted);padding:8px 11px;font-size:.88rem}.modal{background:var(--surface);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.confirm-dialog{width:min(440px,100vw - 24px)}.confirm-dialog p{overflow-wrap:anywhere;margin-bottom:18px}.modal::backdrop{background:#00000073}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.notice{background:var(--tint);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 14px;font-size:.92rem;display:flex}.notice a{align-items:center;gap:4px;display:inline-flex}.presets{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.preset{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex}.preset[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.swatches{display:flex}.swatches i{border:1px solid var(--line);border-radius:50%;width:20px;height:20px;margin-right:-5px}.color-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:6px;display:grid}.color-field{cursor:pointer;align-items:center;gap:10px;display:flex}.color-field input{border:1px solid var(--line);border-radius:min(var(--radius), 10px);cursor:pointer;background:0 0;flex:none;width:42px;height:42px;padding:2px}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{flex-direction:column;gap:14px;width:min(400px,100%);padding:28px;display:flex}.login-card .logo{align-self:center;width:110px;height:110px;font-size:1.3rem}.login-card h1{text-align:center}.divider{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}@media (width<=940px){.records-columns{grid-template-columns:minmax(0,1fr)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.page:has(.portal-shell){padding:24px 16px 96px}body:has(.portal-shell) .topbar-inner{padding-inline:16px}.portal-main{gap:28px}.stat-grid{gap:10px}.stat,.record-group{padding:16px}.side-menu{z-index:10;top:auto;left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom));flex-direction:row;position:fixed;transform:translate(-50%)}}@media (width<=560px){.schedule-row{grid-template-columns:1fr 1fr}.schedule-row .field:first-child,.schedule-row .btn{grid-column:1/-1}.page{padding-top:20px}.hero>.btn,.hero-actions{width:100%}.hero-actions .btn{flex:1;padding-inline:8px}.viewer-open{gap:0;font-size:0}.hero-actions:has(.notes-anchor){position:relative}.notes-anchor{flex:1;position:static}.notes-anchor>.btn{flex:1}.sticky-note{width:auto;max-width:none;left:0;right:0;transform:rotate(-1deg)}.lesson-notes{flex-basis:100%;order:2}.lesson-actions{order:1}.link-row{grid-template-columns:1fr 38px}.link-row input:nth-child(2){grid-row:2}.link-row .icon-btn{grid-area:1/2/span 2}.nav>a span,.nav>.link-btn span{display:none}.bell-menu{width:auto;position:fixed;top:62px;left:16px;right:16px}.nav a,.link-btn{padding:8px 11px}}@media (prefers-reduced-motion:reduce){.link-tile,.side-item{transition:none}}