/* Three spacing levels: details, related controls, independent sections. */
#midiary-design[data-interface=clarity][data-theme]{--ui-detail:8px;--ui-related:24px;--ui-section:40px;--ui-error:#ffb4b4;--ui-success:#9ed8b7}
#midiary-design[data-interface=clarity][data-theme][data-theme=light]{--ui-error:#9b2929;--ui-success:#21613e}
#midiary-design[data-interface=clarity][data-theme] .fd-detail-page{min-width:0;box-sizing:border-box}
#midiary-design[data-interface=clarity][data-theme] .fd-detail-page>h1{margin:0 0 var(--ui-related);line-height:1.2;letter-spacing:-.025em}
#midiary-design[data-interface=clarity][data-theme] .fd-detail-page>h2{margin:var(--ui-section) 0 16px}
#midiary-design[data-interface=clarity][data-theme] :is(form,fieldset,label,section,details,.fd-label){min-width:0}
#midiary-design[data-interface=clarity][data-theme] :is(.fd-input,input:not([type=checkbox],[type=radio]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%}
#midiary-design[data-interface=clarity][data-theme] :is(input,select,textarea){font-size:16px}
#midiary-design[data-interface=clarity][data-theme] .fd-input{border-radius:14px;box-shadow:none}
#midiary-design[data-interface=clarity][data-theme] :is(input[type=date],input[type=time],input[type=datetime-local]){appearance:none;-webkit-appearance:none;min-inline-size:0;max-inline-size:100%;width:100%;overflow:hidden}
#midiary-design[data-interface=clarity][data-theme] input::-webkit-date-and-time-value{min-width:0;text-align:start}
#midiary-design[data-interface=clarity][data-theme] input::-webkit-datetime-edit{min-width:0;padding:0}
#midiary-design[data-interface=clarity][data-theme] :is(.import-time-fields,.lesson-time-fields){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#midiary-design[data-interface=clarity][data-theme] :is(.fd-label,.lesson-time-fields>*,.import-time-fields>*){min-width:0}
#midiary-design[data-interface=clarity][data-theme] :is(.event-form,.website-auth-form,.diary-name-form,.diary-group-join){gap:var(--ui-related)}

#midiary-design[data-interface=clarity][data-theme] .fd-stage>section:not(.file-viewer){animation:none;opacity:1;transform:none}

/* Settings are sections of a page, not cards nested inside other cards. */
#midiary-design[data-interface=clarity][data-theme] .profile-panel{margin:var(--ui-section) 0 0;padding:var(--ui-related) 0 0;border:0;border-top:1px solid var(--fd-line);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#midiary-design[data-interface=clarity][data-theme] .profile-panel:first-of-type{margin-top:0;padding-top:0;border-top:0}
#midiary-design[data-interface=clarity][data-theme] .profile-panel>h2{font-size:21px;margin:0 0 var(--ui-related)}
#midiary-design[data-interface=clarity][data-theme] .profile-panel h3{margin:0 0 var(--ui-detail);font-size:17px}
#midiary-design[data-interface=clarity][data-theme] .profile-notifications>:is(.notification-channels,.lesson-reminders,.homework-reminders,.web-push-settings){margin:var(--ui-related) 0 0;padding:var(--ui-related) 0 0}
#midiary-design[data-interface=clarity][data-theme] .profile-accounts>:is(.account-access,.telegram-account,.max-account){margin:var(--ui-related) 0 0;padding:var(--ui-related) 0 0}
#midiary-design[data-interface=clarity][data-theme] :is(.fd-hw-editor,.reminder-offsets,.homework-times,.rating-overview,.review-form,.fd-calendar-month,.empty-state,.schedule-status){border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
#midiary-design[data-interface=clarity][data-theme] .fd-hw-editor{margin:var(--ui-related) 0 0;padding:0;border-bottom:1px solid var(--fd-line)}
#midiary-design[data-interface=clarity][data-theme] .fd-hw-editor[open]{padding:0 0 var(--ui-related)}
#midiary-design[data-interface=clarity][data-theme] .fd-hw-editor .fd-hw-editor{margin-top:16px}
#midiary-design[data-interface=clarity][data-theme] .reminder-offsets{padding:0;margin:16px 0 var(--ui-related);gap:var(--ui-detail)}
#midiary-design[data-interface=clarity][data-theme] .reminder-offsets legend{padding:0;margin-bottom:12px;line-height:1.5}
#midiary-design[data-interface=clarity][data-theme] .homework-times{padding:0}
#midiary-design[data-interface=clarity][data-theme] .rating-overview{padding:0;margin:var(--ui-related) 0}
#midiary-design[data-interface=clarity][data-theme] .review-form{padding:var(--ui-related) 0;border-top:1px solid var(--fd-line)}
#midiary-design[data-interface=clarity][data-theme] .fd-calendar-month{padding:0;margin:var(--ui-section) 0}
#midiary-design[data-interface=clarity][data-theme] .empty-state{padding:var(--ui-section) 0;max-width:54ch;margin:0 auto;text-align:start}
#midiary-design[data-interface=clarity][data-theme] .empty-state h2{margin:16px 0 var(--ui-detail)}
#midiary-design[data-interface=clarity][data-theme] .empty-state p{margin:0 0 16px;max-width:48ch}
#midiary-design[data-interface=clarity][data-theme] .empty-state>svg{width:28px;height:28px;color:var(--fd-muted)}
#midiary-design[data-interface=clarity][data-theme] .schedule-status{padding:0;margin:0 0 var(--ui-related);border-bottom:1px solid var(--fd-line)}
#midiary-design[data-interface=clarity][data-theme] .login-page form{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;margin-top:var(--ui-related)}
#midiary-design[data-interface=clarity][data-theme] .login-page .login-intro{max-width:38ch;line-height:1.65}
#midiary-design[data-interface=clarity][data-theme] .fd-note-form{margin:var(--ui-related) 0}

/* Reserve strong surfaces for objects and the primary action. */
#midiary-design[data-interface=clarity][data-theme][data-page]:not([data-page=""]) summary{--button-surface:transparent;--control-edge:transparent;--control-shadow:none;background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 0;min-height:44px;line-height:1.5;color:var(--fd-text)}
#midiary-design[data-interface=clarity][data-theme][data-page]:not([data-page=""]) .fd-primary:not(.assistant-send){--button-surface:var(--fd-text);--button-ink:var(--fd-bg);--control-edge:transparent;--control-shadow:none;background:var(--fd-text);color:var(--fd-bg);border-color:transparent;box-shadow:none;min-height:46px;border-radius:14px;font-weight:650}
#midiary-design[data-interface=clarity][data-theme][data-page]:not([data-page=""]) #screen .fd-secondary{--button-surface:transparent;--control-edge:var(--fd-line);--control-shadow:none;background:transparent;box-shadow:none;min-height:44px;border-radius:14px;line-height:1.45;white-space:normal}
#midiary-design[data-interface=clarity][data-theme][data-page]:not([data-page=""]) #screen .fd-secondary:is([aria-pressed=true],[aria-selected=true]){--button-surface:var(--fd-accent-soft);--control-edge:var(--fd-muted);--control-shadow:inset 0 -2px 0 var(--fd-text);background:var(--fd-accent-soft);border-color:var(--fd-muted);box-shadow:inset 0 -2px 0 var(--fd-text);color:var(--fd-text);font-weight:650}
#midiary-design[data-interface=clarity][data-theme][data-page]:not([data-page=""]) .material-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:0 0 8px;margin:0 0 var(--ui-related);border:0;border-bottom:1px solid var(--fd-line);border-radius:0;background:transparent;overflow:visible;box-shadow:none}
#midiary-design[data-interface=clarity][data-theme][data-page]:not([data-page=""]) .material-tabs button{--button-surface:transparent;--control-edge:transparent;--control-shadow:none;flex:0 1 auto;min-width:0;min-height:44px;width:auto;margin:0;padding:10px 12px;border:0;border-radius:10px;background:transparent;box-shadow:none;white-space:normal;color:var(--fd-muted)}
#midiary-design[data-interface=clarity][data-theme][data-page]:not([data-page=""]) .material-tabs :is(.fd-primary,[aria-pressed=true]){--button-surface:var(--fd-accent-soft);background:var(--fd-accent-soft);color:var(--fd-text)}
#midiary-design[data-interface=clarity][data-theme] .unified-materials>h2{margin:32px 0 12px}
#midiary-design[data-interface=clarity][data-theme] .unified-materials>h2:first-child{margin-top:0}
#midiary-design[data-interface=clarity][data-theme] .section-heading{margin:var(--ui-related) 0 12px}
#midiary-design[data-interface=clarity][data-theme] .section-heading h2{margin:0}
#midiary-design[data-interface=clarity][data-theme] .fd-lesson-card{margin:12px 0;box-shadow:inset 0 1px 0 #ffffff08;border-radius:22px}
#midiary-design[data-interface=clarity][data-theme] .fd-lesson-card .lesson-card-body{margin:8px 0 12px}
#midiary-design[data-interface=clarity][data-theme] .fd-lesson-card .lesson-card-meta{margin-top:var(--ui-detail)}
#midiary-design[data-interface=clarity][data-theme] .fd-lesson-card .lesson-settings{right:12px;top:10px}
#midiary-design[data-interface=clarity][data-theme] .day-page .week.day-strip{margin-bottom:var(--ui-related)}
#midiary-design[data-interface=clarity][data-theme] .day-page .section-heading{margin:0 0 12px}
#midiary-design[data-interface=clarity][data-theme] .day-page>.event-editor{margin-top:var(--ui-related)}
#midiary-design[data-interface=clarity][data-theme] .deadline-group{margin-top:var(--ui-section)}
#midiary-design[data-interface=clarity][data-theme] .deadline-group>h2{margin:0 0 16px}
#midiary-design[data-interface=clarity][data-theme] .deadline-group .fd-lesson-card{padding:20px}
#midiary-design[data-interface=clarity][data-theme] .deadline-group .fd-lesson-card>h3{margin:0 0 var(--ui-detail)}

/* Loading, result and error messages stay next to the action. */
#midiary-design[data-interface=clarity][data-theme] :is(.ui-action-feedback,.ui-page-state){font-size:14px;line-height:1.6;overflow-wrap:anywhere}
#midiary-design[data-interface=clarity][data-theme] .ui-action-feedback{grid-column:1/-1;margin:var(--ui-detail) 0 0;padding:0;min-width:0}
#midiary-design[data-interface=clarity][data-theme] .ui-action-feedback:empty{display:none}
#midiary-design[data-interface=clarity][data-theme] .ui-action-feedback[data-state=error]{color:var(--ui-error)}
#midiary-design[data-interface=clarity][data-theme] .ui-action-feedback[data-state=success]{color:var(--ui-success)}
#midiary-design[data-interface=clarity][data-theme] .ui-action-feedback[data-state=loading]{color:var(--fd-muted)}
#midiary-design[data-interface=clarity][data-theme] .ui-page-state{padding:var(--ui-section) 0}
#midiary-design[data-interface=clarity][data-theme] .ui-page-state h2{margin:0 0 var(--ui-detail)}
#midiary-design[data-interface=clarity][data-theme] .ui-page-state p{margin:0 0 16px;max-width:54ch}
#midiary-design[data-interface=clarity][data-theme] .ui-page-state[data-state=loading]{display:flex;align-items:center;gap:12px;color:var(--fd-muted)}
#midiary-design[data-interface=clarity][data-theme] .ui-page-state[data-state=loading]::before{content:"";width:16px;height:16px;flex:none;border:2px solid var(--fd-line);border-top-color:var(--fd-text);border-radius:50%;animation:ui-spin .8s linear infinite}
#midiary-design[data-interface=clarity][data-theme] .ui-busy{position:relative;cursor:progress}
#midiary-design[data-interface=clarity][data-theme] .ui-busy::after{content:"";position:absolute;right:8px;bottom:5px;width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .8s linear infinite;pointer-events:none}
#midiary-design[data-interface=clarity][data-theme] #status.ui-notice:not(:empty){position:fixed;z-index:1200;left:50%;bottom:calc(108px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:flex-start;gap:12px;width:min(680px,calc(100vw - 32px));max-height:40dvh;overflow:auto;box-sizing:border-box;margin:0;padding:16px 12px 16px 18px;border:1px solid var(--fd-line);border-radius:18px;background:var(--glass-opaque);color:var(--fd-text);box-shadow:0 8px 32px #0004}
#midiary-design[data-interface=clarity][data-theme] .ui-notice-copy{min-width:0;flex:1;font-size:14px;line-height:1.6}
#midiary-design[data-interface=clarity][data-theme] .ui-notice-dismiss{width:44px;height:44px;flex:none;padding:0;margin:-8px -4px -8px 0;font-size:24px;line-height:1}
#midiary-design[data-interface=clarity][data-theme] .ui-empty-hint{margin:8px 0 16px;line-height:1.6;color:var(--fd-muted)}

@media(min-width:900px){#midiary-design[data-interface=clarity][data-theme]{--ui-section:64px}#midiary-design[data-interface=clarity][data-theme] .fd-detail-page:not(.day-page){padding-inline:32px}#midiary-design[data-interface=clarity][data-theme] .profile-page{max-width:760px;margin-inline:auto}}
@media(max-width:620px){#midiary-design[data-interface=clarity][data-theme] .login-page{margin-top:16px;padding-top:12px}#midiary-design[data-interface=clarity][data-theme] .login-page .midiary-mark{width:64px;height:64px;margin:8px auto 12px;border-radius:16px}#midiary-design[data-interface=clarity][data-theme] .login-page>h1{margin-bottom:16px;font-size:30px}#midiary-design[data-interface=clarity][data-theme] .login-page .website-auth-form{gap:16px}}
@media(max-width:620px){#midiary-design[data-interface=clarity][data-theme] .profile-panel{padding-inline:0}#midiary-design[data-interface=clarity][data-theme] .fd-detail-page>h1{font-size:28px}#midiary-design[data-interface=clarity][data-theme] .day-page .week.day-strip{margin-bottom:16px}#midiary-design[data-interface=clarity][data-theme] .material-tabs button{font-size:13px}}
@media(max-width:380px){#midiary-design[data-interface=clarity][data-theme] .material-tabs button{padding-inline:10px}#midiary-design[data-interface=clarity][data-theme] .lesson-time-fields,#midiary-design[data-interface=clarity][data-theme] .import-time-fields{gap:8px}}
@keyframes ui-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#midiary-design[data-interface=clarity][data-theme] :is(.ui-busy,.ui-page-state)::after,#midiary-design[data-interface=clarity][data-theme] .ui-page-state::before{animation:none}}