dialog.loading-overlay{color:#e4e9cb;width:min(280px,100vw - 32px);max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0}.loading-overlay::backdrop{background:#20291cba}.loading-content{background:0 0;justify-items:center;gap:8px;padding:16px;display:grid}.loading-sprout{width:96px;height:96px}.loading-word{font-size:var(--font-body);line-height:var(--line-body);letter-spacing:.18em;text-align:center;color:#e4e9cb;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#e4e9cb 35%,#fff2a6 48%,#fff 50%,#fff2a6 52%,#e4e9cb 65%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;font-weight:600;animation:1.8s linear infinite loading-shine}.loading-trace{stroke-dasharray:18 82;animation:1.8s linear infinite sprout-trace}@keyframes sprout-trace{to{stroke-dashoffset:-100px}}@keyframes loading-shine{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.loading-trace{stroke-dasharray:none;animation:none}.loading-word{-webkit-text-fill-color:currentColor;background:0 0;animation:none}}@media (width>=768px){dialog.loading-overlay{inset:var(--frame-gap) var(--site-inset) var(--frame-gap) auto;width:var(--app-column);height:var(--app-viewport);border-radius:var(--frame-radius);background:#20291cba;place-items:center;max-height:none;margin:0}dialog.loading-overlay[open]{display:grid}.loading-overlay::backdrop{background:0 0}}.login-page{min-height:100dvh;padding:max(32px, env(safe-area-inset-top,0px)) 24px max(24px, env(safe-area-inset-bottom,0px));place-items:center;display:grid}.login-layout{gap:24px;width:min(100%,360px);display:grid}.login-brand{text-align:center;justify-items:center;gap:8px;margin-bottom:8px;display:grid}.login-mark{background:var(--color-soft);border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:4px;display:grid}.login-brand h1{font-size:22px;font-weight:600;line-height:32px}.login-brand p{font-size:var(--font-body);color:var(--color-muted)}.login-form{gap:8px;display:grid}.login-form h2{font-size:var(--font-body);line-height:var(--line-title);margin-bottom:8px}.login-form label{font-size:var(--font-body);margin:8px 0 0;font-weight:500;display:block}.login-form input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);width:100%;min-height:48px;padding:12px;font-size:16px;line-height:22px}.login-form input::placeholder{font-size:var(--font-body);color:var(--color-muted)}.login-form .primary{min-height:44px;font-size:var(--font-body);margin-top:16px}.login-support{justify-items:center;gap:8px;display:grid}.login-help,.login-preview{min-height:44px;font-size:var(--font-body);color:var(--color-muted);background:0 0;padding:8px 12px}.login-preview{color:var(--color-text);font-weight:500}.login-message{font-size:var(--font-body);line-height:var(--line-body);color:var(--color-muted);overflow-wrap:anywhere}@media (height<=650px){.login-page{padding-top:20px;padding-bottom:20px}.login-layout{gap:16px}.login-brand{margin-bottom:0}}.login-request{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-soft);min-height:44px;color:var(--color-text);font-size:var(--font-body);padding:8px 12px;font-weight:500}.login-form button:disabled{opacity:.45;cursor:not-allowed}.login-hint{font-size:var(--font-caption);line-height:var(--line-caption);color:var(--color-muted)}.login-code-heading{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.login-code-heading label{margin:0}.login-countdown{color:#4e6834;font-size:var(--font-body);font-variant-numeric:tabular-nums}.login-countdown.expired{color:#ab4339}.splash{z-index:100;min-height:100dvh;padding:max(24px, env(safe-area-inset-top,0px)) 24px;background:var(--color-bg);place-items:center;animation:.25s 1.15s both splash-exit;display:grid;position:fixed;inset:0}.splash-brand{justify-items:center;gap:12px;display:grid}.splash-sprout{width:112px;height:112px;overflow:visible}.sprout-stem{stroke-dasharray:60;animation:.45s ease-out both stem-grow}.sprout-leaf,.sprout-vein{transform-box:view-box;transform-origin:60px 76px}.sprout-left{animation:.4s cubic-bezier(.2,.7,.3,1) .22s both leaf-open}.sprout-right{animation:.45s cubic-bezier(.2,.7,.3,1) .35s both leaf-open}.splash-title{letter-spacing:.04em;color:var(--color-text);font-size:1.125rem;font-weight:600;line-height:1.75rem;animation:.3s ease-out .6s both brand-appear}@keyframes stem-grow{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}@keyframes leaf-open{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}@keyframes brand-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-exit{to{opacity:0}}@media (prefers-reduced-motion:reduce){.splash,.sprout-stem,.sprout-leaf,.sprout-vein,.splash-title{animation:none}}@media (width>=768px){.splash{inset:var(--frame-gap) var(--site-inset) var(--frame-gap) auto;width:var(--app-column);border-radius:var(--frame-radius);min-height:0}}:root{--color-bg:#fafbf2;--color-surface:#fff;--color-text:#333b25;--color-muted:#66714f;--color-primary:#f2d44e;--color-hover:#e5c535;--color-soft:#f4f5d9;--color-border:#dce2c9;--bg:var(--color-bg);--surface:var(--color-surface);--text:var(--color-text);--muted:var(--color-muted);--primary:var(--color-primary);--hover:var(--color-hover);--soft:var(--color-soft);--border:var(--color-border);--h0:#edf0e2;--h1:#f3e99d;--h2:#dbdf82;--h3:#b5c65c;--h4:#819a43;--h5:#4e6834;--font-stat:1rem;--color-status-approved:#edf2e4;--color-status-pending:#fff3cc;--color-status-rejected:#f8e4e0;--color-rejected:#a8533f;--color-me:#e3ea96;--color-me-strong:#cdd86a;--color-status-personal:#f0f1eb;--shadow-summary:0 3px 12px #333b250a;--font-body:.875rem;--font-caption:.6875rem;--font-micro:.625rem;--line-title:1.25rem;--line-body:1.375rem;--line-caption:1rem;--weight-normal:400;--weight-label:500;--weight-title:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--radius-card:1rem;--radius-small:.75rem;--radius-pill:999px;--radius:1.5rem;--control-touch:2.75rem;--control-primary:2.5rem;--control-chip:2rem;--appbar-height:calc(var(--control-touch) + 1px);--nav-height:calc(var(--control-touch) + 2 * var(--space-2) + 1px)}@font-face{font-family:Noto Sans KR;src:url(../assets/noto-kr.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/22px Noto Sans KR,Noto Sans CJK KR,sans-serif}h1,h2,h3,p{margin:0}h1{font-size:1.25rem;font-weight:700;line-height:1.875rem}h2{font-size:1.25rem;line-height:1.875rem}h3{font-size:1rem;font-weight:500;line-height:1.5rem}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--h5);outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--muted)}.app{max-width:1160px;margin:auto;padding:16px}.caption{color:var(--muted);font-size:.75rem;line-height:1.125rem}.muted{color:var(--muted)}.stack{flex-direction:column;gap:16px;display:flex}.card{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.soft{background:var(--soft)}.primary{background:var(--primary);text-align:center;border-radius:999px;width:100%;min-height:48px;padding:12px 16px;font-size:1rem;font-weight:500;line-height:1.5rem;display:block}.primary:hover{background:var(--hover)}.stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{font-size:1.25rem;font-weight:700;line-height:1.875rem}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.link{text-align:left;color:var(--muted);padding:0;font-size:.75rem;line-height:1.125rem}.recent{background:var(--bg);border-radius:16px;padding:16px}.nav{background:#fff;border-radius:999px;justify-content:space-between;gap:4px;margin-top:16px;padding:8px;display:flex}.nav button{min-height:44px;color:var(--muted);border-radius:999px;flex:1;padding:8px 3px}.nav button.active{color:var(--text);background:var(--soft)}.meta-footer{text-align:center;color:var(--muted);padding:16px 0 8px;font-size:.6875rem}.segments{flex-wrap:wrap;gap:4px;display:flex}.segments button{min-height:36px;color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.75rem}.segments button.active{background:var(--soft);color:var(--text);font-weight:var(--weight-label)}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.toolbar .segments{background:var(--surface);border-radius:999px;flex-wrap:nowrap;padding:4px}.toolbar .segments button{min-height:32px;padding:4px 10px}.toolbar .options-menu{margin-left:auto}.toolbar .options-menu summary{background:var(--surface);min-height:40px;color:var(--text);padding:0 12px;font-size:.75rem}.toolbar-add{background:var(--surface);width:40px;height:40px}.icon-button-primary{background:var(--primary);color:var(--text)}.icon-button-primary:hover:not(:disabled){background:var(--hover)}.period-nav{align-items:center;gap:var(--space-1);display:flex}.period-nav h2{text-align:center;font-size:var(--font-body);line-height:var(--line-title);font-weight:var(--weight-title);flex:1}.period-nav .icon-button{background:0 0;width:36px;height:36px}.period-today{background:var(--soft);min-height:28px;font-size:var(--font-caption);color:var(--muted);border-radius:999px;padding:2px 10px}.weekdays,.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.weekdays{text-align:center;font-size:var(--font-caption);color:var(--muted)}.days{justify-items:center;row-gap:4px}.day{width:36px;height:36px;min-height:0;font-size:var(--font-body);border:1.5px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1rem;display:flex}.day:focus-visible{outline-offset:0}.day.recorded{background:var(--soft)}.day.pending{border-style:dashed;border-color:var(--h4);background:0 0}.day.rejected .marker{background:var(--color-rejected)}.day.selected{background:var(--primary)}.day.today{box-shadow:inset 0 0 0 2px var(--h5)}.marker{background:var(--h5);border-radius:50%;width:4px;height:4px}.marker.empty{visibility:hidden}.scroll-section{background:var(--surface);border-radius:var(--radius-card);flex-direction:column;min-height:0;max-height:min(44dvh,420px);display:flex}.scroll-section-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--border);display:flex}.scroll-section-head h2{font-size:var(--font-body);line-height:var(--line-title);font-weight:var(--weight-title)}.scroll-section-body{overscroll-behavior:contain;padding:var(--space-2) var(--space-3) var(--space-3);overflow-y:auto}.list-view{max-height:min(64dvh,640px)}.day-group+.day-group{margin-top:var(--space-3)}.app .day-group h3{font-size:var(--font-caption);line-height:var(--line-caption);color:var(--muted);margin-bottom:var(--space-1)}.empty-text{padding:var(--space-3) 0}.records{gap:var(--space-2);flex-direction:column;display:flex}.log-card{border-radius:var(--radius-small);width:100%;padding:var(--space-3);gap:var(--space-2);background:var(--bg);text-align:left;flex-direction:column;display:flex}.log-head{gap:var(--space-1);flex-direction:column;display:flex}.log-card p{color:var(--muted)}.heat-scroll{scrollbar-width:none;max-width:100%;padding:2px;overflow-x:auto}.heat-months{width:538px;height:18px;color:var(--muted);font-size:.75rem;position:relative}.heat-months span{white-space:nowrap;position:absolute;top:0}.heat-grid{gap:4px;width:538px;display:flex}.heat-week{flex-direction:column;gap:4px;display:flex}.heat-labels{width:18px;color:var(--muted);flex-direction:column;gap:4px;font-size:.75rem;display:flex}.heat{border-radius:3px;flex:none;width:16px;height:16px;padding:0}.heat.empty{border:1px solid var(--border);background:0 0}.heat.chosen{outline:2px solid var(--primary);outline-offset:-2px}.legend{gap:8px;display:flex}.legend span{flex-direction:column;gap:4px;width:40px;display:flex}.swatch{border-radius:3px;width:16px;height:16px;display:block}.plain-message{padding:32px 16px}.plain-message h2{margin-bottom:12px}dialog{background:var(--bg);width:min(440px,100% - 32px);max-height:85vh;color:var(--text);border:0;border-radius:24px;padding:24px;overflow:auto}dialog::backdrop{background:#333b2555}.dialog-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.close{min-width:44px;min-height:44px;font-size:1.5rem}label{flex-direction:column;gap:6px;margin:14px 0;display:flex}input,select,textarea{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;padding:12px}textarea{resize:vertical;min-height:120px}.status{color:var(--muted);font-size:.75rem}.toast{z-index:3;background:var(--text);color:#fff;border-radius:999px;max-width:90vw;padding:12px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast:empty{display:none}.notice-text{white-space:pre-line}#formError{color:#ab4339;font-size:.75rem}.detail-text{white-space:pre-wrap;margin:16px 0}@media (width<=359px){.app,.card{padding:12px}.welcome h2{font-size:1.5625rem}.day{font-size:.875rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}fieldset{border:0;min-width:0;margin:0;padding:0}.form-error{color:#ab4339;min-height:22px;margin:12px 0;font-size:.75rem}.recent,.notice-card{text-align:left}.heat-months,.heat-grid{width:max-content;min-width:538px}.heat-months{position:relative}.log-card p,.detail-text{overflow-wrap:anywhere}.log-head{padding-bottom:0}.toast{border-radius:24px}@media (width<=389px){.calendar-card{padding:8px}.days,.weekdays{gap:0}.day{min-height:48px}.calendar-card .caption{padding:0 8px}}.app{padding-bottom:calc(61px + var(--section-gap) + env(safe-area-inset-bottom,0px))}.nav{z-index:10;width:100%;max-width:100%;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);border-radius:24px 24px 0 0;margin:0;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #333b2510}.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:11}.top-bar{z-index:9;padding:max(12px, env(safe-area-inset-top,0px)) 16px 12px;background:var(--bg);justify-content:space-between;align-items:center;gap:12px;margin:-16px -16px 16px;display:flex;position:sticky;top:0}.icon-button{background:var(--surface);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.icon-button:hover:not(:disabled){background:var(--soft)}.icon-button:disabled{opacity:.3}.top-bar-placeholder{flex:none;width:44px;height:44px}.heat-scroll::-webkit-scrollbar{display:none}.heat-scroll{-ms-overflow-style:none}.welcome h2{font-size:1.25rem;line-height:1.875rem}.course-stats{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;display:grid}.dashboard{gap:var(--space-2)}.dashboard .card{padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-card)}.dashboard h2,.dashboard h3,.dashboard .stat{font-size:var(--font-body);line-height:var(--line-title);font-weight:600}.dashboard .caption{font-size:var(--font-caption);line-height:var(--line-caption)}.dashboard .primary{min-height:var(--control-primary);font-size:var(--font-body);line-height:var(--line-title);padding:8px 12px}.dashboard .course-stats{gap:var(--space-2);padding-top:6px}.course-heading{flex-wrap:wrap;gap:2px 8px}.training-total{font-size:var(--font-body);line-height:var(--line-title);white-space:nowrap;font-weight:600}.notice-banner{align-items:center;gap:var(--space-2);min-width:0;min-height:var(--control-chip);border-radius:var(--radius-small);background:var(--surface);border:1px solid var(--border);text-align:left;padding:6px 12px;font-size:.75rem;line-height:1.125rem;display:flex}.notice-label{font-size:var(--font-caption);line-height:var(--line-caption);color:#4e6834;background:var(--color-status-approved);border-radius:var(--radius-pill);font-weight:var(--weight-label);flex:none;padding:2px 6px}.notice-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.people-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;min-width:0;display:grid}.person-chips{flex-wrap:wrap;gap:4px;display:flex}.person-chip{min-height:var(--control-chip);background:var(--soft);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:.75rem;line-height:1.125rem;display:inline-flex}.person-name{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:5em;display:inline-block;overflow:hidden}.person-chip small{font-size:var(--font-micro);color:var(--muted);white-space:nowrap;margin-left:4px;line-height:.875rem}.person-chip-me{background:var(--color-me);font-weight:var(--weight-label)}.person-chip-me:hover,.person-chip-me[aria-pressed=true]{background:var(--color-me-strong)}.person-chip:hover,.person-chip[aria-pressed=true]{background:var(--primary)}.dashboard .recent{padding:var(--space-2);border-radius:var(--radius-small)}.dashboard .row{justify-content:space-between}.heat-scroll{cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.heat-scroll:active{cursor:grabbing}.heat-months,.heat-grid{min-width:0}.heat-months{height:16px;font-size:var(--font-micro);margin-bottom:4px}.heat-grid{gap:3px;width:max-content}.heat-week,.heat-labels{gap:3px}.heat-wrap{gap:3px;min-width:0;display:flex}.heat-labels{width:17px;font-size:var(--font-micro);flex:none;padding-top:20px}.heat-scroll{flex:1;min-width:0}.options-menu{position:relative}.options-menu summary{align-items:center;gap:var(--space-1);cursor:pointer;min-height:28px;color:var(--text);border-radius:999px;padding:2px 6px;list-style:none;display:flex}.options-menu summary.options-trigger-icon{border:1px solid var(--border);justify-content:center;width:24px;height:24px;min-height:0;padding:0}.heat-stat{gap:var(--space-1);align-items:center}.options-menu summary::-webkit-details-marker{display:none}.options-menu summary:hover,.options-menu[open] summary{background:var(--soft)}.options-menu summary svg{color:var(--muted);transition:transform .15s}.options-menu[open] summary svg{transform:rotate(180deg)}.options-panel{z-index:5;min-width:8.5rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-small);border:1px solid var(--border);background:var(--surface);position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 20px #333b2518}.option-check{min-height:28px;color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:6px;margin:0;padding:0;font-size:.75rem;line-height:1rem;display:flex}.option-check input{appearance:none;border:1.5px solid var(--border);background:var(--surface);border-radius:4px;flex:none;place-items:center;width:14px;height:14px;margin:0;padding:0;transition:background .12s,border-color .12s;display:grid}.option-check:hover input{border-color:var(--h3)}.option-check input:after{content:"";background:var(--h5);width:8px;height:8px;transition:transform .12s;transform:scale(0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5 5L20 6.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5 5L20 6.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.option-check input:checked{background:var(--primary);border-color:var(--primary)}.option-check input:checked:after{transform:scale(1)}@media (prefers-reduced-motion:reduce){.option-check input,.option-check input:after{transition:none}}.heat-labels span{height:12px;line-height:.75rem}.heat{border-radius:2px;width:12px;height:12px}.legend{gap:var(--space-2);flex-wrap:wrap}.legend span{flex-direction:row;align-items:center;gap:3px;width:auto}.swatch{border-radius:2px;width:10px;height:10px}.heat-summary{justify-content:space-between;align-items:center;gap:4px;display:flex}.heat-actions{gap:0;display:flex}.heat-actions button{width:44px;min-height:var(--control-chip);color:var(--muted);padding:0;font-size:1.375rem;line-height:1.5rem}.class-directory h2{font-size:var(--font-body);line-height:var(--line-title)}.app{padding-left:12px;padding-right:12px}.top-bar{margin-bottom:8px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.notification-trigger{position:relative}.notification-badge{background:var(--h5);color:#fff;min-width:16px;height:16px;font-size:var(--font-micro);line-height:var(--line-caption);border-radius:999px;padding:0 4px;position:absolute;top:2px;right:1px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notification-drawer{background:var(--bg);border-radius:20px 0 0 20px;width:min(360px,100vw);max-width:100vw;height:100dvh;max-height:none;margin:0;padding:0;animation:.18s ease-out drawer-in;position:fixed;inset:0 0 0 auto;overflow:hidden}.notification-drawer[open]{flex-direction:column;display:flex}.notification-heading{justify-content:space-between;align-items:center;gap:var(--space-2);padding:max(12px, env(safe-area-inset-top,0px)) 16px 12px;border-bottom:1px solid var(--border);flex:none;display:flex}.notification-heading h2,.message-detail h3{font-size:var(--font-body);line-height:var(--line-title)}.notification-filters{flex:none;align-items:center;gap:4px;padding:8px 12px;display:flex}.notification-filters button{border-radius:999px;min-height:36px;padding:6px 12px;font-size:.75rem}.notification-filters button[aria-pressed=true]{background:var(--soft)}.notification-filters .mark-all{color:var(--muted);margin-left:auto;padding-right:4px}.notification-filters .remove-read{color:var(--muted);padding-left:4px;padding-right:4px}.notification-row{position:relative}.notification-remove{z-index:1;width:32px;height:32px;color:var(--muted);background:0 0;position:absolute;top:4px;right:4px}.notification-remove:hover:not(:disabled){background:var(--soft);color:var(--text)}.notification-body{overscroll-behavior-y:contain;min-height:0;padding:4px 12px max(12px, env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.notification-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notification-item{text-align:left;width:100%;padding:var(--space-3);background:var(--surface);border-radius:var(--radius-card);border:1px solid #0000;flex-direction:column;gap:6px;display:flex}.notification-item.is-unread{border-color:var(--border)}.notification-item h3{font-size:var(--font-body);line-height:var(--line-title);font-weight:600}.notification-kind{font-size:var(--font-caption);line-height:var(--line-caption);color:var(--muted)}.notification-head{align-items:center;gap:6px;padding-right:28px}.new-badge{background:var(--primary);width:16px;height:16px;color:var(--text);font-size:var(--font-micro);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.notification-preview{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.125rem;display:-webkit-box;overflow:hidden}.notification-empty{gap:var(--space-2);font-size:var(--font-body);flex-direction:column;padding:32px 12px;display:flex}.notification-return{min-height:44px;color:var(--muted);padding:4px 8px;font-size:.75rem}.message-detail{padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-card);background:#fff;flex-direction:column;display:flex}.message-detail .detail-text{font-size:var(--font-body);overflow-wrap:anywhere;margin:4px 0;line-height:1.375rem}.notification-storage{flex:none;padding:8px 16px}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.notification-drawer{animation:none}}.top-bar{padding-top:env(safe-area-inset-top,0px);min-height:45px;margin-bottom:8px;padding-bottom:0}.top-bar .icon-button{background:0 0}.top-bar .icon-button:hover:not(:disabled){background:var(--soft)}.nav button.dashboard-nav-button{background:0 0;height:44px;min-height:44px;padding:0;position:relative}.dashboard-nav-circle{border:4px solid var(--bg);background:var(--primary);width:52px;height:52px;color:var(--text);border-radius:50%;place-items:center;display:grid;box-shadow:0 3px 8px #333b2518}.dashboard-nav-label{display:none}.dashboard-nav-circle{position:absolute;top:-16px;left:50%;transform:translate(-50%)}.nav button.dashboard-nav-button.active .dashboard-nav-circle{background:var(--primary);color:var(--text);box-shadow:0 0 0 2px var(--soft), 0 3px 8px #333b2518}.nav button.dashboard-nav-button:not(.active) .dashboard-nav-circle{background:var(--soft);color:var(--h5)}.nav button.dashboard-nav-button:hover .dashboard-nav-circle{background:var(--hover)}.top-bar-home{min-height:var(--control-touch);border-bottom:0}.dashboard .welcome{box-shadow:var(--shadow-summary)}.dashboard .stat{font-size:var(--font-stat);line-height:var(--line-body)}.journal-meta{align-items:center;gap:var(--space-1) var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.journal-status{border-radius:var(--radius-pill);font-size:var(--font-caption);line-height:var(--line-caption);font-weight:var(--weight-label);color:var(--color-muted);background:var(--color-status-personal);padding:2px 8px;display:inline-flex}.journal-status-approved{color:#4e6834;background:var(--color-status-approved)}.journal-status-pending{color:#79600f;background:var(--color-status-pending)}.journal-status-rejected{color:var(--color-rejected);background:var(--color-status-rejected)}.top-bar-title{text-align:center;min-width:0;font-size:var(--font-body);line-height:var(--line-title);font-weight:var(--weight-title);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.top-bar-spacer{flex:1}:root{--site-width:min(100vw, 1120px);--app-column:calc(var(--site-width) / 2);--site-inset:calc((100vw - var(--site-width)) / 2);--site-bg:#f1f2e9;--app-viewport:100dvh}.site{min-height:100dvh}.brand-panel{display:none}@media (width>=768px){:root{--frame-gap:clamp(16px, 2.5dvh, 32px);--frame-radius:28px;--app-viewport:calc(100dvh - 2 * var(--frame-gap))}body{background:var(--site-bg)}.site{width:var(--site-width);grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto;display:grid}.brand-panel{justify-content:center;gap:var(--space-5);min-width:0;height:100dvh;color:var(--text);flex-direction:column;padding:48px clamp(24px,4vw,64px);display:flex;position:sticky;top:0}.brand-logo{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.brand-mark{background:var(--primary);width:36px;height:36px;color:var(--text);border-radius:50%;place-items:center;display:grid}.brand-name{font-size:1.125rem;font-weight:700;line-height:1.5rem}.brand-headline{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.25rem);font-weight:700;line-height:1.25}.brand-sub{color:var(--muted);font-size:1.125rem;line-height:1.75rem}.brand-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.brand-actions:empty{display:none}.app{height:var(--app-viewport);scrollbar-width:none;overscroll-behavior-y:contain;border-radius:var(--frame-radius);background:var(--bg);width:100%;min-width:0;max-width:none;min-height:0;box-shadow:0 0 0 1px var(--border), 0 12px 36px #333b2510;align-self:center;margin:0;overflow-y:auto}.app::-webkit-scrollbar{display:none}.nav{left:auto;right:var(--site-inset);width:var(--app-column);max-width:none;bottom:var(--frame-gap);border-radius:0 0 var(--frame-radius) var(--frame-radius);transform:none}.toast{left:auto;right:calc(var(--site-inset) + var(--app-column) / 2);max-width:calc(var(--app-column) - 24px);bottom:calc(var(--frame-gap) + 84px + env(safe-area-inset-bottom,0px));transform:translate(50%)}.notification-drawer{top:var(--frame-gap);bottom:var(--frame-gap);height:var(--app-viewport);border-radius:var(--frame-radius) 0 0 var(--frame-radius);right:var(--site-inset);width:min(360px, var(--app-column));max-width:var(--app-column)}}.journals{height:calc(var(--app-viewport) - var(--appbar-height) - var(--nav-height) - 2 * var(--space-2) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.journals .scroll-section{flex:auto;min-height:10rem;max-height:none}.swipe-stack{gap:var(--space-2);min-width:0}.swipe-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;border-radius:var(--radius-card);display:flex;overflow-x:auto}.swipe-track::-webkit-scrollbar{display:none}.swipe-panel{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0}.period-meta{font-size:var(--font-caption);line-height:var(--line-caption);font-weight:var(--weight-normal);color:var(--h4);margin-left:6px}.swipe-panel .person-chips{gap:var(--space-2) var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.swipe-panel .person-chip{flex-direction:column;justify-content:center;gap:0;width:100%;min-width:0;padding:4px 6px}.swipe-panel .person-chip .person-subject{margin-left:0}.app.login-shell{padding:0}@media (width>=768px){.login-shell .login-page{min-height:var(--app-viewport)}.app{padding-top:calc(var(--appbar-height) + var(--space-2))}.top-bar{top:var(--frame-gap);right:var(--site-inset);width:var(--app-column);border-radius:var(--frame-radius) var(--frame-radius) 0 0;margin:0;padding:0 12px;position:fixed}.notification-drawer{inset:var(--frame-gap) var(--site-inset) var(--frame-gap) auto;border-radius:var(--frame-radius);animation:.16s ease-out drawer-fade}}@keyframes drawer-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.notification-drawer{animation:none}}.top-bar-studio{min-height:44px;font:inherit;color:inherit;background:0 0;border:0;justify-self:center;font-weight:700}.studio-options{gap:8px;margin-bottom:12px;display:grid}.studio-option{border:1px solid var(--border);min-height:44px;font:inherit;text-align:left;background:0 0;border-radius:12px;padding:0 14px}.studio-option.selected{border-color:currentColor;font-weight:700}.course-summary+.course-summary{margin-top:12px}.welcome .swipe-stack{margin-bottom:12px}.course-list{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.finished-courses summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.log-card{position:relative}.log-card-open{border-radius:inherit;position:absolute;inset:0}.log-card-edit{z-index:1;position:absolute;top:4px;right:4px}.log-card .log-head{padding-right:40px}.comment{border-top:1px solid var(--border);gap:4px;padding:12px 0;display:grid}.comment:first-of-type{border-top:0}.toolbar .options-menu summary{white-space:nowrap}.journal-detail .journal-status{align-self:flex-start}.option-check input[type=radio]{border-radius:50%}.option-check input[type=radio]:after{background:var(--text);border-radius:50%;width:6px;height:6px;-webkit-mask:none;mask:none}.my-page .studio-options{margin-bottom:0}.my-page .form-error:empty{display:none}.welcome .swipe-track{border-radius:0}.studio-chips{align-items:center;gap:var(--space-2);min-width:0;display:flex}.studio-chips-track{scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.studio-chips-track::-webkit-scrollbar{display:none}.studio-chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--muted);white-space:nowrap;scroll-snap-align:start;flex:none;padding:4px 12px;font-size:.75rem}.studio-chip.selected{background:var(--soft);border-color:var(--h3);color:var(--text);font-weight:var(--weight-label)}.studio-chips-actions{color:var(--border);flex:none;align-items:center;gap:4px;font-size:.6875rem;display:flex}.studio-chips-actions button{min-height:32px;color:var(--muted);padding:0 2px;font-size:.6875rem}.studio-chips-actions button:disabled{opacity:.4}.course-summary .course-stats{margin-top:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.stat-target{font-size:var(--font-caption);font-weight:var(--weight-normal);color:var(--muted)}.studio-total{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-1);display:flex}.studio-total .stat{font-size:var(--font-stat);font-weight:var(--weight-title);white-space:nowrap}.studio-total-split{color:var(--muted)}.locked-note{text-align:center;padding:var(--space-2) 0}.approval-stamp{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex}.approval-stamp img{opacity:.9;flex:none;width:56px;height:56px;transform:rotate(-10deg)}.approval-stamp-title{font-size:var(--font-body);font-weight:var(--weight-title);color:var(--h5)}.former-courses{margin:var(--space-1) 0 0;padding-left:var(--space-3);list-style:none}@media (width>=768px){dialog.modal{inset:var(--frame-gap) var(--site-inset) var(--frame-gap) auto;width:var(--app-column);max-width:none;height:var(--app-viewport);max-height:none;padding:var(--space-4);border-radius:var(--frame-radius);background:#333b2555;margin:0;overflow:hidden}dialog.modal[open]{place-items:center;display:grid}dialog.modal::backdrop,.notification-drawer::backdrop{background:0 0}.modal-card{width:min(440px,100%);max-height:100%;padding:var(--space-4);border-radius:var(--radius-card);background:var(--bg);color:var(--text);overflow:auto}.notification-drawer{clip-path:inset(0 0 0 calc(-1 * (var(--app-column) - 100%)) round var(--frame-radius));box-shadow:0 0 0 100vmax #333b2555}}.invite-form{gap:var(--space-2);display:grid}.invite-form label{margin:0}.invite-row{gap:var(--space-2);display:flex}.invite-row input{letter-spacing:.12em;text-transform:uppercase;flex:1;min-width:0}.invite-row .primary{width:auto;padding-inline:var(--space-4)}:root{--section-gap:var(--space-2)}body{font-size:var(--font-body);line-height:var(--line-body)}.app h1,.app h2,.app h3,dialog h2,dialog h3{font-size:var(--font-body);line-height:var(--line-title);font-weight:var(--weight-title)}.caption{font-size:var(--font-caption);line-height:var(--line-caption)}.app{padding-right:var(--space-3);padding-left:var(--space-3);padding-bottom:calc(var(--nav-height) + var(--section-gap) + env(safe-area-inset-bottom,0px))}.stack,.records,.card{gap:var(--space-2)}.card,.log-card{padding:var(--space-3);border-radius:var(--radius-card)}.recent{padding:var(--space-2);border-radius:var(--radius-small)}.primary{min-height:var(--control-primary);padding:var(--space-2) var(--space-3);font-size:var(--font-body);line-height:var(--line-title)}.log-head{gap:var(--space-1);padding:0}.log-card{gap:var(--space-2)}.day{font-size:var(--font-body)}dialog:not(.notification-drawer):not(.loading-overlay){padding:var(--space-4);border-radius:var(--radius-card)}.dialog-top{margin-bottom:var(--space-3)}label{margin:var(--space-2) 0;gap:var(--space-1)}input,select,textarea{padding:var(--space-2) var(--space-3);border-radius:var(--radius-small)}textarea{min-height:6rem}.detail-text{margin:var(--space-2) 0}