@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/b0c618f6d8ea9968.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/1a6844598cfc2dfd.ttf) format('truetype');
}
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/622f11306b436832.ttf) format('truetype');
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/df0ca203057c3630.ttf) format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/a0c8dd62392c1bf5.ttf) format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/0c5880fa6a928ed8.ttf) format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/8a7de2e05baaa8a6.ttf) format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/5e248c5227a0efc0.ttf) format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/7e6392e9fcf28536.ttf) format('truetype');
}
html{min-height:100%;background:#f5f6fc;overflow-y:auto}body{margin:0;padding:20px;max-width:1240px;margin-inline:auto;font-family:Onest,sans-serif}*,*::before,*::after{box-sizing:border-box}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{border:0;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #568bff;outline-offset:3px}svg{display:inline-block;vertical-align:middle;flex-shrink:0}[hidden]{display:none!important}@media(max-width:650px){body{padding:0}#kogdapara .kp-app{border-radius:0}}
#kogdapara{--kp-bg:#111214;--kp-surface:#1b1d20;--kp-raised:#222428;--kp-hover:#292c31;--kp-ink:#f2f1ee;--kp-muted:#9d9fa5;--kp-faint:#74777f;--kp-edge:#2d3035;--kp-accent:#ff554c;--kp-accent-ink:#ff796e;--kp-wash:#302020;--kp-active:#291b1c;--kp-active-edge:#a4443e;--kp-track:#2b2d31;--kp-progress:#ff5c51;--kp-paper:#151618;--kp-note:#2a2520;font-family:Onest,Arial,sans-serif;color:var(--kp-ink);width:100%;font-size:14px;line-height:1.5;isolation:isolate}
#kogdapara[data-theme=light]{--kp-bg:#f3f1eb;--kp-surface:#eae8e2;--kp-raised:#e2e0d9;--kp-hover:#deddd6;--kp-ink:#272b34;--kp-muted:#626772;--kp-faint:#747985;--kp-edge:#d8d6cf;--kp-accent:#245ee5;--kp-accent-ink:#2357c6;--kp-wash:#dde5f6;--kp-active:#e3e9f5;--kp-active-edge:#7f9de1;--kp-track:#d9d9d3;--kp-progress:#2b63e8;--kp-paper:#f7f5ef;--kp-note:#e9e4d9}
#kogdapara *{box-sizing:border-box}
#kogdapara [hidden]{display:none!important}
#kogdapara h1,#kogdapara h2,#kogdapara h3,#kogdapara p{margin:0}
#kogdapara button,#kogdapara input,#kogdapara select,#kogdapara textarea{font:inherit;color:inherit}
#kogdapara button{background:none;border:0;min-height:40px;cursor:inherit}
#kogdapara button:focus-visible,#kogdapara select:focus-visible,#kogdapara input:focus-visible,#kogdapara textarea:focus-visible{outline:2px solid var(--kp-accent);outline-offset:4px}
#kogdapara button:disabled{opacity:.3}
#kogdapara .kp-app{background:var(--kp-bg);border-radius:26px;padding:30px 36px 22px;min-height:850px}
#kogdapara .kp-header{display:flex;align-items:center;gap:25px;padding-right:65px;flex-wrap:wrap}
#kogdapara .kp-wordmark{font-size:27px;font-weight:800;letter-spacing:-1.4px;white-space:nowrap}
#kogdapara .kp-wordmark span{font-weight:500}
#kogdapara .kp-wordmark b{color:var(--kp-accent);font-weight:800}
#kogdapara .kp-context{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--kp-muted)}
#kogdapara .kp-context strong{font-weight:500;color:var(--kp-ink)}
#kogdapara .kp-context-dot{color:var(--kp-faint)}
#kogdapara .kp-header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}
#kogdapara .kp-subgroup-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--kp-muted)}
#kogdapara select{border:0;background:var(--kp-surface);border-radius:9px;padding:9px 12px;font-size:12px;max-width:180px;color:var(--kp-ink);color-scheme:dark}
#kogdapara[data-theme=light] select{color-scheme:light}
#kogdapara .kp-theme{width:40px;display:grid;place-items:center;background:var(--kp-surface);border-radius:50%}
#kogdapara svg[data-lucide],#kogdapara .lucide{width:17px;height:17px;stroke-width:1.6;flex-shrink:0}
#kogdapara .kp-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;border-bottom:1px solid var(--kp-edge);flex-wrap:wrap}
#kogdapara .kp-nav-main{display:flex;gap:28px}
#kogdapara .kp-nav-link{color:var(--kp-muted);font-size:12px;font-weight:600;padding:12px 0 16px;position:relative}
#kogdapara .kp-nav-link[aria-pressed=true]{color:var(--kp-ink)}
#kogdapara .kp-nav-link[aria-pressed=true]:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:2px;background:var(--kp-accent)}
#kogdapara #kp-notes-count{font-family:'IBM Plex Mono',monospace;font-size:10px;margin-left:7px;color:var(--kp-muted)}
#kogdapara .kp-zone{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--kp-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
#kogdapara .kp-live-dot{width:5px;height:5px;border-radius:50%;background:var(--kp-accent)}
#kogdapara .kp-overline{font-size:10px;font-weight:600;letter-spacing:.13em;color:var(--kp-muted)}
#kogdapara .kp-date-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:31px 0 24px}
#kogdapara h1{font-size:39px;font-weight:600;line-height:1.2;letter-spacing:-1.8px}
#kogdapara h1 span{color:var(--kp-faint);font-weight:400;margin-left:14px}
#kogdapara .kp-date-head h1{margin-top:6px}
#kogdapara .kp-today{display:flex;align-items:center;gap:8px;color:var(--kp-muted);font-size:11px;padding:8px 12px;border:1px solid var(--kp-edge);border-radius:10px}
#kogdapara .kp-week-nav{display:flex;align-items:center;gap:10px;margin-bottom:28px}
#kogdapara .kp-week{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;flex:1;min-width:0}
#kogdapara .kp-week-arrow{width:24px;padding:0;color:var(--kp-muted);display:grid;place-items:center;flex-shrink:0}
#kogdapara .kp-date-button{display:flex;align-items:center;justify-content:center;gap:11px;border-radius:13px;min-height:63px;padding:8px;background:var(--kp-paper);border:1px solid transparent}
#kogdapara .kp-date-button .kp-weekday{font-size:10px;color:var(--kp-muted)}
#kogdapara .kp-date-button strong{font-size:21px;letter-spacing:-.8px;font-weight:500;line-height:1.2}
#kogdapara .kp-date-button .kp-date-count{font-size:10px;line-height:1.2;color:var(--kp-muted);display:block;text-align:center;margin-top:3px;font-variant-numeric:tabular-nums}
#kogdapara .kp-date-button[aria-pressed=true]{background:var(--kp-wash);border-color:color-mix(in srgb,var(--kp-accent) 35%,transparent)}
#kogdapara .kp-date-button[aria-pressed=true] strong{color:var(--kp-accent-ink)}
#kogdapara .kp-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;align-items:start}
#kogdapara .kp-now{min-width:0;padding:2px 0}
#kogdapara .kp-now-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--kp-accent-ink)}
#kogdapara .kp-small-date{color:var(--kp-muted);font-size:10px}
#kogdapara .kp-dial{width:260px;height:260px;max-width:100%;position:relative;margin:5px auto 0;--kp-ring-color:var(--kp-progress)}
#kogdapara .kp-dial.is-pause{--kp-ring-color:var(--kp-muted)}
#kogdapara .kp-ring{display:block;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
#kogdapara .kp-ring-track,#kogdapara .kp-ring-value{fill:none;stroke-width:7}
#kogdapara .kp-ring-track{stroke:var(--kp-track)}
#kogdapara .kp-ring-value{stroke:var(--kp-ring-color);stroke-linecap:round;stroke-dasharray:747.699;stroke-dashoffset:747.699}
#kogdapara .kp-ring-tip{fill:var(--kp-ring-color)}
#kogdapara .kp-dial-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
#kogdapara .kp-dial-label{font-size:10px;letter-spacing:.07em;color:var(--kp-muted);font-weight:600}
#kogdapara .kp-timer-number{font-size:49px;line-height:1.2;font-weight:500;letter-spacing:-2.6px;font-variant-numeric:tabular-nums}
#kogdapara .kp-timer-number.is-long{font-size:35px;letter-spacing:-1.5px}
#kogdapara .kp-timer-end{font-size:10px;color:var(--kp-muted)}
#kogdapara .kp-current-copy{text-align:center;padding:0 9px}
#kogdapara .kp-now-subject{font-size:17px;font-weight:500;letter-spacing:-.5px;line-height:1.4}
#kogdapara .kp-now-meta{font-size:11px;color:var(--kp-muted);line-height:1.7;margin-top:7px}
#kogdapara .kp-next-up{margin:25px 5px 0;display:flex;gap:12px;font-size:11px;align-items:flex-start;color:var(--kp-muted)}
#kogdapara .kp-next-up i{color:var(--kp-accent);margin-top:3px}
#kogdapara .kp-next-up strong{display:block;color:var(--kp-ink);font-weight:500;font-size:12px;margin-top:3px;line-height:1.5}
#kogdapara .kp-tomorrow-toggle{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:16px 17px;margin-top:23px;background:var(--kp-surface);border-radius:15px;gap:12px}
#kogdapara .kp-tomorrow-toggle strong{display:block;font-size:12px;font-weight:500;margin-top:5px}
#kogdapara .kp-tomorrow-toggle i{color:var(--kp-accent)}
#kogdapara .kp-tomorrow{font-size:11px;line-height:1.8;padding:16px 4px;color:var(--kp-muted)}
#kogdapara .kp-tomorrow strong{color:var(--kp-ink);font-weight:500}
#kogdapara .kp-tomorrow-item{margin-top:10px}
#kogdapara .kp-tomorrow small{display:block;margin-top:14px;font-size:10px}
#kogdapara .kp-agenda{min-width:0}
#kogdapara .kp-agenda-head{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--kp-muted);margin:1px 3px 13px}
#kogdapara .kp-lessons{display:grid;gap:12px}
#kogdapara .kp-lesson{background:var(--kp-surface);border-radius:18px;padding:19px 22px 16px;position:relative;border:1px solid transparent;min-width:0;isolation:isolate}
#kogdapara .kp-lesson.is-linked-prev{margin-top:12px}
#kogdapara .kp-lesson.is-linked-next:after{content:'';position:absolute;left:30px;bottom:-25px;height:24px;border-left:2px dashed var(--kp-faint);opacity:.8;pointer-events:none}
#kogdapara .kp-lesson.is-active{background:linear-gradient(120deg,var(--kp-active),var(--kp-surface) 82%);border-color:var(--kp-active-edge);box-shadow:0 5px 28px color-mix(in srgb,var(--kp-accent) 6%,transparent)}
#kogdapara .kp-lesson.is-active:before{content:'';position:absolute;left:-1px;top:26px;bottom:26px;width:3px;background:var(--kp-accent);border-radius:4px}
#kogdapara .kp-lesson.is-inner-pause{background:var(--kp-raised);border-color:var(--kp-faint)}
#kogdapara .kp-lesson.is-past{background:var(--kp-paper)}
#kogdapara .kp-lesson.is-past .kp-subject,#kogdapara .kp-lesson.is-past .kp-room-number{color:var(--kp-muted)}
#kogdapara .kp-lesson-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--kp-muted);font-weight:500}
#kogdapara .kp-lesson-tag{display:flex;align-items:center;gap:7px;text-transform:uppercase;font-size:9px;letter-spacing:.07em}
#kogdapara .kp-lesson-tag .kp-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}
#kogdapara .kp-lesson.is-active .kp-lesson-tag{color:var(--kp-accent-ink)}
#kogdapara .kp-lesson-time{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--kp-muted);white-space:nowrap}
#kogdapara .kp-lesson-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-top:13px;align-items:center}
#kogdapara .kp-subject{font-size:23px;line-height:1.22;font-weight:600;letter-spacing:-.9px;overflow-wrap:break-word;hyphens:auto}
#kogdapara .kp-teacher{font-size:11px;line-height:1.7;color:var(--kp-muted);margin-top:8px}
#kogdapara .kp-room{min-width:62px;text-align:right}
#kogdapara .kp-room-label{font-size:8px;letter-spacing:.12em;color:var(--kp-muted);text-transform:uppercase}
#kogdapara .kp-room-number{font-size:36px;letter-spacing:-1.8px;line-height:1.2;font-weight:500;color:var(--kp-ink)}
#kogdapara .kp-lesson.is-active .kp-room-number{color:var(--kp-accent-ink)}
#kogdapara .kp-room-note{font-size:11px;color:var(--kp-muted)}
#kogdapara .kp-sport-icon{width:32px!important;height:32px!important;color:var(--kp-muted);margin-top:5px}
#kogdapara .kp-subgroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
#kogdapara .kp-subgroup{display:flex;flex-direction:column;gap:5px;padding:12px 13px;background:var(--kp-paper);border-radius:10px;font-size:13px;color:var(--kp-muted);line-height:1.5;min-width:0}
#kogdapara .kp-subgroup-title{font-size:11px;color:var(--kp-muted)}
#kogdapara .kp-subgroup strong{font-size:14px;font-weight:600;color:var(--kp-ink);overflow-wrap:anywhere}
#kogdapara .kp-subgroup-room{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-size:12px}
#kogdapara .kp-subgroup-room b{font-size:17px;font-weight:500;color:var(--kp-ink);letter-spacing:-.4px}
#kogdapara .kp-subgroup.is-chosen{background:var(--kp-wash)}
#kogdapara .kp-lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
#kogdapara .kp-hours{display:flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--kp-muted);flex-wrap:wrap}
#kogdapara .kp-hour-current{color:var(--kp-ink)}
#kogdapara .kp-hours .kp-hour-separator{width:3px;height:3px;background:var(--kp-faint);border-radius:50%}
#kogdapara .kp-note-button{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--kp-muted);padding:0;min-height:30px}
#kogdapara .kp-note-button.has-note{color:var(--kp-accent-ink)}
#kogdapara .kp-note-button i{width:13px;height:13px}
#kogdapara .kp-saved-note{font-size:11px;line-height:1.7;margin-top:12px;color:var(--kp-ink);white-space:pre-wrap;overflow-wrap:anywhere;padding:9px 11px;background:var(--kp-note);border-radius:9px}
#kogdapara .kp-note-editor{margin-top:14px}
#kogdapara textarea{display:block;width:100%;resize:vertical;min-height:78px;max-height:250px;background:var(--kp-paper);border:1px solid var(--kp-edge);border-radius:10px;padding:12px;font-size:13px;line-height:1.6;color:var(--kp-ink)}
#kogdapara .kp-note-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:10px;color:var(--kp-muted);flex-wrap:wrap}
#kogdapara .kp-note-actions button{background:var(--kp-accent);color:#fff;border-radius:8px;padding:8px 13px;font-size:11px;min-height:34px}
#kogdapara .kp-day-foot{font-size:10px;color:var(--kp-faint);margin:16px 3px 0}
#kogdapara .kp-empty{padding:45px 28px;background:var(--kp-surface);border-radius:18px;font-size:20px;letter-spacing:-.5px}
#kogdapara .kp-empty p{font-size:12px;line-height:1.8;color:var(--kp-muted);margin-top:12px;letter-spacing:0}
#kogdapara .kp-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:9px;color:var(--kp-faint);margin-top:33px}
#kogdapara .kp-footer-dot{padding:0 5px}
#kogdapara .kp-notes-heading{margin:34px 0 25px}
#kogdapara .kp-notes-heading h1{margin-top:8px}
#kogdapara .kp-note-entry{padding:20px;background:var(--kp-surface);border-radius:15px;margin-bottom:12px}
#kogdapara .kp-note-entry button{display:block;text-align:left;font-weight:500;font-size:17px;padding:0}
#kogdapara .kp-note-entry .kp-note-date{font-size:10px;color:var(--kp-muted);margin-bottom:5px}
#kogdapara .kp-note-entry p{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}
#kogdapara .kp-demo{background:var(--kp-surface);border-radius:15px;margin-top:12px;padding:13px 18px}
#kogdapara .kp-demo-head{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--kp-muted);flex-wrap:wrap}
#kogdapara .kp-demo-head span:first-child{color:var(--kp-ink)}
#kogdapara .kp-demo-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px}
#kogdapara .kp-demo-controls button{font-size:10px;padding:8px 13px;border-radius:8px;background:var(--kp-paper);color:var(--kp-muted);min-height:35px}
#kogdapara .kp-demo-controls button[aria-pressed=true]{color:var(--kp-accent-ink);background:var(--kp-wash)}
#kogdapara .kp-demo-controls label{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:10px;color:var(--kp-muted)}
#kogdapara input[type=time]{color-scheme:dark;background:var(--kp-paper);border:1px solid var(--kp-edge);border-radius:8px;padding:6px 8px;font-size:12px;min-height:35px}
#kogdapara[data-theme=light] input[type=time]{color-scheme:light}
#kogdapara .kp-announcement{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
@media(hover:hover){#kogdapara button:hover{filter:brightness(1.12)}#kogdapara[data-theme=light] button:hover{filter:brightness(.97)}}
@media(max-width:850px){
 #kogdapara .kp-app{padding:25px 25px 20px}
 #kogdapara .kp-header{gap:14px}
 #kogdapara .kp-context{order:3;width:100%}
 #kogdapara .kp-header-actions{margin-left:auto}
 #kogdapara .kp-subgroup-label>span{display:none}
 #kogdapara .kp-layout{grid-template-columns:235px minmax(0,1fr);gap:22px}
 #kogdapara .kp-dial{width:228px;height:228px}
 #kogdapara .kp-timer-number{font-size:43px}
 #kogdapara .kp-timer-number.is-long{font-size:30px}
 #kogdapara h1{font-size:32px}
 #kogdapara .kp-lesson{padding:17px 17px 13px}
 #kogdapara .kp-subject{font-size:21px}
 #kogdapara .kp-room-number{font-size:30px}
 #kogdapara .kp-date-button{gap:8px}
}
@media(max-width:650px){
 #kogdapara .kp-app{border-radius:20px;padding:23px 20px;min-height:0}
 #kogdapara .kp-header{padding-right:50px;gap:10px}
 #kogdapara .kp-wordmark{font-size:25px}
 #kogdapara .kp-header-actions{gap:9px}
 #kogdapara .kp-context{width:auto;order:2;font-size:10px;gap:7px}
 #kogdapara .kp-subgroup-label{order:3}
 #kogdapara .kp-header-actions{width:100%;order:3;margin-left:0;justify-content:space-between}
 #kogdapara .kp-header-actions .kp-subgroup-label{order:0}
 #kogdapara .kp-subgroup-label>span{display:block}
 #kogdapara .kp-theme{height:36px;min-height:36px;width:36px}
 #kogdapara .kp-nav{margin-top:16px}
 #kogdapara .kp-nav-main{gap:21px}
 #kogdapara .kp-nav-link{font-size:11px}
 #kogdapara .kp-zone{font-size:9px}
 #kogdapara .kp-date-head{margin:22px 0 20px}
 #kogdapara h1{font-size:30px;letter-spacing:-1.4px}
 #kogdapara h1 span{display:block;font-size:19px;letter-spacing:-.5px;margin:5px 0 0}
 #kogdapara .kp-week-nav{gap:3px;margin-bottom:20px}
 #kogdapara .kp-week{gap:4px}
 #kogdapara .kp-date-button{flex-direction:column;gap:4px;min-height:67px;border-radius:11px;padding:7px 3px}
 #kogdapara .kp-date-button strong{font-size:19px}
 #kogdapara .kp-date-button .kp-weekday{font-size:9px}
 #kogdapara .kp-week-arrow{width:18px}
 #kogdapara .kp-layout{grid-template-columns:1fr;gap:25px}
 #kogdapara .kp-now{display:grid;grid-template-columns:175px minmax(0,1fr);column-gap:15px;align-items:center}
 #kogdapara .kp-now-heading{grid-column:1/-1;margin-bottom:4px}
 #kogdapara .kp-dial{width:175px;height:175px;grid-column:1;grid-row:2/4;margin:0}
 #kogdapara .kp-timer-number{font-size:32px;letter-spacing:-1.7px}
 #kogdapara .kp-timer-number.is-long{font-size:24px;letter-spacing:-1.2px}
 #kogdapara .kp-dial-label{font-size:9px;letter-spacing:.02em}
 #kogdapara .kp-timer-end{font-size:9px}
 #kogdapara .kp-dial-copy{gap:6px}
 #kogdapara .kp-current-copy{text-align:left;padding:0}
 #kogdapara .kp-now-subject{font-size:16px;letter-spacing:-.4px}
 #kogdapara .kp-now-meta{font-size:10px;margin-top:5px}
 #kogdapara .kp-next-up{grid-column:2;margin:10px 0 0;gap:8px;font-size:9px}
 #kogdapara .kp-next-up strong{font-size:10px}
 #kogdapara .kp-next-up i{width:14px;height:14px}
 #kogdapara .kp-tomorrow-toggle{grid-column:1/-1;margin-top:15px;padding:12px 15px}
 #kogdapara .kp-tomorrow{grid-column:1/-1}
 #kogdapara .kp-lesson{border-radius:17px;padding:17px}
 #kogdapara .kp-subject{font-size:22px}
 #kogdapara .kp-room{min-width:52px}
 #kogdapara .kp-room-number{font-size:33px}
 #kogdapara .kp-lesson-body{gap:12px}
 #kogdapara .kp-lesson-time{font-size:10px}
 #kogdapara .kp-lesson-bottom{margin-top:12px;gap:8px}
 #kogdapara .kp-hours{font-size:10px;gap:7px}
 #kogdapara .kp-footer{margin-top:25px;font-size:9px;line-height:1.8}
 #kogdapara .kp-demo{padding:12px 15px}
 #kogdapara .kp-demo-controls{gap:5px}
 #kogdapara .kp-demo-controls button{padding:8px 10px}
 #kogdapara .kp-demo-controls label{margin-left:0;margin-top:4px}
 #kogdapara textarea{font-size:16px}
}
@media(max-width:380px){
 #kogdapara .kp-app{padding:20px 15px}
 #kogdapara .kp-header{padding-right:40px}
 #kogdapara .kp-context{font-size:9px}
 #kogdapara .kp-nav{gap:8px}
 #kogdapara .kp-zone{font-size:8px}
 #kogdapara .kp-nav-main{gap:16px}
 #kogdapara .kp-nav-link{font-size:10px}
 #kogdapara .kp-now{grid-template-columns:145px minmax(0,1fr);gap:10px}
 #kogdapara .kp-dial{width:145px;height:145px}
 #kogdapara .kp-timer-number{font-size:29px}
 #kogdapara .kp-timer-number.is-long{font-size:22px}
 #kogdapara .kp-dial-label{font-size:8px}
 #kogdapara .kp-timer-end{font-size:8px}
 #kogdapara .kp-now-subject{font-size:14px}
 #kogdapara .kp-subject{font-size:20px}
 #kogdapara .kp-lesson{padding:15px}
 #kogdapara .kp-room-number{font-size:29px}
 #kogdapara .kp-subgroups{grid-template-columns:1fr}
 #kogdapara .kp-subgroup-label{gap:6px}
 #kogdapara .kp-subgroup-label>span{font-size:10px}
}
@media(pointer:coarse){#kogdapara button,#kogdapara select{min-height:44px}#kogdapara .kp-theme{width:44px}#kogdapara input[type=time]{font-size:16px}}
@media(prefers-reduced-motion:reduce){#kogdapara *{scroll-behavior:auto!important;transition:none!important}}
/* MIUP Monument typography and palette, with the original Orbit identity. */
#kogdapara[data-theme=light]{--kp-bg:#f5f6fc;--kp-surface:#fff;--kp-raised:#e9ecf8;--kp-hover:#e9ecf8;--kp-ink:#24235c;--kp-muted:#505a76;--kp-faint:#616e9b;--kp-edge:#cdd3e6;--kp-accent:#24235c;--kp-accent-ink:#393978;--kp-wash:#e9ecf8;--kp-active:#e9ecf8;--kp-active-edge:#616e9b;--kp-track:#cdd3e6;--kp-progress:#24235c;--kp-paper:#eef0f8;--kp-note:#e9ecf8}
#kogdapara{font-size:16px}#kogdapara .kp-app{padding:32px 36px;min-height:100vh}#kogdapara .kp-header{padding-right:0;gap:20px}#kogdapara .kp-wordmark{font-size:32px;letter-spacing:-1.7px}#kogdapara .kp-context{font-size:14px}#kogdapara .kp-header-actions{gap:12px}#kogdapara .kp-subgroup-label{font-size:14px;flex-wrap:wrap}#kogdapara select,#kogdapara input[type=search]{font:inherit;font-size:16px;min-height:46px;border:1px solid var(--kp-edge);background:var(--kp-surface);border-radius:12px;padding:10px 12px;max-width:100%;min-width:0}#kogdapara .kp-picker{margin-top:32px;padding:22px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:end;border-block:1px solid var(--kp-edge)}#kogdapara .kp-select-field{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:14px;color:var(--kp-muted)}#kogdapara .kp-select-field select{width:100%;color:var(--kp-ink)}#kogdapara .kp-audience{display:flex;align-self:end;background:var(--kp-paper);padding:4px;border-radius:30px;gap:3px}#kogdapara .kp-audience button{padding:10px 15px;border-radius:26px;min-height:46px;font-size:15px;color:var(--kp-muted)}#kogdapara .kp-audience button[aria-pressed=true]{background:var(--kp-accent);color:var(--kp-bg)}#kogdapara #kp-source{color:var(--kp-accent-ink);font-size:14px;padding-bottom:13px;text-decoration:none}#kogdapara #kp-source:hover{text-decoration:underline}#kogdapara .kp-sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}#kogdapara .kp-nav{margin-top:14px}#kogdapara .kp-nav-link{font-size:16px}#kogdapara #kp-notes-count{font-size:14px}#kogdapara .kp-zone{font-size:14px}#kogdapara .kp-overline{font-size:14px;letter-spacing:.06em}#kogdapara h1{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-.055em}#kogdapara h1 span{font-family:Literata,Georgia,serif;font-style:italic;font-size:.7em;letter-spacing:-.035em}#kogdapara .kp-today{font-size:15px;border-radius:30px;padding:10px 17px}#kogdapara .kp-date-head{margin:36px 0 26px}#kogdapara .kp-weekday,#kogdapara .kp-date-button .kp-weekday{font-size:14px}#kogdapara .kp-date-button .kp-date-count{font-size:13px}#kogdapara .kp-date-button strong{font-size:25px}#kogdapara .kp-date-button{min-height:76px;border-radius:16px}#kogdapara .kp-layout{grid-template-columns:280px minmax(0,1fr);gap:32px}#kogdapara .kp-now-heading,#kogdapara .kp-small-date{font-size:14px}#kogdapara .kp-dial-label{font-size:13px;letter-spacing:0;max-width:190px;text-align:center}#kogdapara .kp-timer-end{font-size:14px}#kogdapara .kp-now-meta{font-size:15px}#kogdapara .kp-now-subject{font-size:20px}#kogdapara .kp-next-up,#kogdapara .kp-next-up strong{font-size:15px}#kogdapara .kp-tomorrow-toggle strong{font-size:16px}#kogdapara .kp-tomorrow{font-size:15px}#kogdapara .kp-tomorrow small{font-size:14px}#kogdapara .kp-agenda-head{font-size:15px}#kogdapara .kp-lesson{padding:22px 24px;border:1px solid var(--kp-edge);border-radius:20px}#kogdapara .kp-lesson-top{align-items:flex-start;flex-wrap:wrap;gap:12px}#kogdapara .kp-lesson-time{font-size:20px;font-weight:500;color:var(--kp-ink);letter-spacing:-.04em}#kogdapara .kp-lesson-tag{font-size:13px;letter-spacing:.01em;padding-top:5px}#kogdapara .kp-subject{font-size:clamp(23px,2.6vw,30px);line-height:1.2;font-weight:500;letter-spacing:-.04em}#kogdapara .kp-teacher{font-size:16px;line-height:1.6;margin-top:12px}#kogdapara .kp-room-label{font-size:13px;letter-spacing:0;text-transform:none}#kogdapara .kp-room-number{font-size:38px}#kogdapara .kp-room-note{font-size:18px}#kogdapara .kp-hours{font-size:14px;gap:8px}#kogdapara .kp-note-button{font-size:15px;min-height:44px}#kogdapara .kp-lesson-bottom{margin-top:16px}#kogdapara .kp-subgroup-title,#kogdapara .kp-subgroup-room{font-size:14px}#kogdapara .kp-subgroup strong{font-size:16px}#kogdapara .kp-saved-note,#kogdapara .kp-note-actions,#kogdapara .kp-note-date{font-size:15px}#kogdapara .kp-day-foot,#kogdapara .kp-footer{font-size:14px;line-height:1.7}#kogdapara .kp-empty{font-size:23px}#kogdapara .kp-empty p{font-size:16px}#kogdapara .kp-note-entry p{font-size:16px}
@media(max-width:950px){#kogdapara .kp-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#kogdapara #kp-source{grid-column:2;font-size:14px;padding:0}#kogdapara .kp-layout{grid-template-columns:250px minmax(0,1fr);gap:24px}#kogdapara .kp-context{display:none}}
@media(max-width:700px){#kogdapara .kp-app{padding:24px 18px;border-radius:0}#kogdapara .kp-header{gap:14px}#kogdapara .kp-header-actions{gap:8px;flex-wrap:wrap}#kogdapara .kp-subgroup-label>span{display:none}#kogdapara .kp-subgroup-label{order:3}#kogdapara .kp-subgroup-label select{max-width:130px;font-size:14px}#kogdapara .kp-wordmark{font-size:29px}#kogdapara .kp-picker{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px}#kogdapara #kp-source{grid-column:1;font-size:15px}#kogdapara .kp-audience{justify-self:start}#kogdapara .kp-layout{display:flex;flex-direction:column;gap:26px}#kogdapara .kp-now{width:100%;display:grid;grid-template-columns:160px minmax(0,1fr);gap:8px 16px}#kogdapara .kp-now-heading{grid-column:1/-1}#kogdapara .kp-dial{width:160px;height:160px;grid-column:1;grid-row:2/4;margin:0}#kogdapara .kp-dial-label{font-size:12px;max-width:115px}#kogdapara .kp-timer-number{font-size:32px}#kogdapara .kp-timer-number.is-long{font-size:22px;letter-spacing:-1px}#kogdapara .kp-timer-end{font-size:13px}#kogdapara .kp-dial-copy{gap:4px}#kogdapara .kp-current-copy{grid-column:2;text-align:left;align-self:end;padding:0}#kogdapara .kp-now-subject{font-size:18px}#kogdapara .kp-now-meta{font-size:14px;margin-top:7px}#kogdapara .kp-next-up{grid-column:2;margin:4px 0 0;font-size:14px;gap:5px}#kogdapara .kp-next-up strong{font-size:14px}#kogdapara .kp-tomorrow-toggle{grid-column:1/-1;margin-top:8px}#kogdapara .kp-agenda{width:100%}#kogdapara .kp-lesson{padding:20px 18px}#kogdapara .kp-lesson-time{font-size:20px}#kogdapara .kp-lesson-tag{font-size:13px}#kogdapara .kp-lesson-body{gap:12px}#kogdapara .kp-hours{font-size:14px}#kogdapara .kp-nav-main{gap:20px}#kogdapara .kp-zone{font-size:13px}#kogdapara .kp-week-nav{gap:4px}#kogdapara .kp-week{gap:4px}#kogdapara .kp-date-button{flex-direction:column;gap:5px;padding:10px 2px;min-height:90px}#kogdapara .kp-date-button strong{font-size:22px}#kogdapara .kp-date-button .kp-weekday{font-size:13px}#kogdapara h1 span{display:block;margin:8px 0 0}#kogdapara .kp-today{font-size:14px;padding:10px}#kogdapara .kp-subgroups{grid-template-columns:1fr}#kogdapara .kp-footer{font-size:14px}#kogdapara .kp-now-heading{font-size:14px}#kogdapara .kp-small-date{font-size:14px}}
@media(max-width:390px){#kogdapara .kp-header-actions{width:100%;margin-left:0;justify-content:space-between}#kogdapara .kp-now{grid-template-columns:145px minmax(0,1fr);gap:8px}#kogdapara .kp-dial{width:145px;height:145px}#kogdapara .kp-app{padding:22px 15px}#kogdapara .kp-subgroup-label select{max-width:170px}#kogdapara .kp-room-number{font-size:30px}#kogdapara .kp-lesson-time{font-size:19px}}


/* Keep the subgroup label fully visible, including the native select arrow. */
#kogdapara .kp-subgroup-label{flex-shrink:0}
#kogdapara .kp-subgroup-label select{width:210px;max-width:100%;padding-right:32px;flex-shrink:0}
@media(max-width:700px){
 #kogdapara .kp-header-actions{width:100%;margin-left:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
 #kogdapara .kp-language-label{grid-column:1;grid-row:1}
 #kogdapara .kp-header-actions .kp-subgroup-label{grid-column:2;grid-row:1;min-width:0;justify-self:stretch;order:0}
 #kogdapara .kp-subgroup-label select{width:100%;max-width:none;min-width:0;font-size:16px}
 #kogdapara .kp-theme{grid-column:3;grid-row:1}
}
@media(max-width:380px){
 #kogdapara .kp-header-actions{grid-template-columns:1fr auto}
 #kogdapara .kp-theme{grid-column:2}
 #kogdapara .kp-header-actions .kp-subgroup-label{grid-column:1/-1;grid-row:2}
}
#kogdapara .kp-credit-footer{display:flex;justify-content:center;margin-top:40px;padding-top:16px;border-top:1px solid var(--kp-edge)}
#kogdapara #kp-about-open{display:flex;align-items:center;gap:5px;min-height:44px;padding:8px 14px;font-size:13px;color:var(--kp-muted);border-radius:30px;cursor:pointer}
#kogdapara #kp-about-open strong{font-weight:500;color:var(--kp-ink)}
#kogdapara #kp-about-open>span{margin-left:8px;color:var(--kp-accent-ink)}
#kogdapara #kp-about-open:hover{background:var(--kp-surface)}
#kogdapara .kp-about{background:var(--kp-bg);color:var(--kp-ink);border:1px solid var(--kp-edge);border-radius:24px;padding:0;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;font:inherit;box-shadow:0 24px 100px #0004;overscroll-behavior:contain}
#kogdapara .kp-about::backdrop{background:#11122888;backdrop-filter:blur(6px)}
#kogdapara .kp-about-head{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--kp-edge)}
#kogdapara .kp-about-head>span{font-size:18px;font-weight:600;letter-spacing:-.7px}
#kogdapara #kp-about-close{width:44px;height:44px;border-radius:50%;font-size:28px;color:var(--kp-muted);cursor:pointer}
#kogdapara #kp-about-close:hover{background:var(--kp-surface)}
#kogdapara .kp-about-body{padding:30px 36px 36px}
#kogdapara #kp-about-title{font-size:clamp(30px,4.5vw,44px);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:12px 0 20px}
#kogdapara .kp-about-intro{font-size:17px;line-height:1.65;color:var(--kp-muted)}
#kogdapara .kp-author{border-top:1px solid var(--kp-edge);margin-top:28px;padding-top:24px}
#kogdapara .kp-author-handle{font:400 19px Literata,Georgia,serif;font-style:italic;color:var(--kp-accent-ink);margin-bottom:6px}
#kogdapara .kp-author h3{font-size:26px;font-weight:500;letter-spacing:-.04em}
#kogdapara .kp-author-role{font-size:14px;color:var(--kp-accent-ink);margin:8px 0 14px;line-height:1.6}
#kogdapara .kp-author p{font-size:16px;line-height:1.75;color:var(--kp-muted)}
#kogdapara .kp-about-end{font-size:14px;line-height:1.7;color:var(--kp-muted);margin-top:28px!important;padding-top:20px;border-top:1px solid var(--kp-edge)}
@media(max-width:500px){#kogdapara .kp-about-body{padding:24px}#kogdapara .kp-about-head{padding:12px 20px}#kogdapara .kp-author h3{font-size:24px}}