/* Keep Pixy and the retro palette; make the work, not its frame, the focal point. */
@media screen {
html[data-theme][data-interface-font] { --arcade-radius:6px; }
html[data-theme] body :is(.dashboardCard,.tasksFilters,.taskCard,.theoryCatalog,.trainingCatalogue,.learningPanel,.statisticsCard,.statisticCard,.calendarSection,.profileCard,.profileSettingCard,.profilePersonalPanel,.priceCard,.checkoutOrder,.paymentCard,.aboutNote,.authorCard,.publicLab,.faqItem,.legalBox,.studyCalendar,.studyAnalysis) { border-width:1px; border-radius:6px!important; box-shadow:0 2px 0 var(--note-shadow); }
html[data-theme] body [data-field-note] { border-width:1px; box-shadow:0 3px 0 var(--note-shadow); background-image:linear-gradient(to right,color-mix(in srgb,var(--note-line) 50%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--note-line) 50%,transparent) 1px,transparent 1px); background-size:28px 28px; }
html[data-theme] body .fieldNoteBar { border-bottom-width:1px; box-shadow:none; letter-spacing:.03em; }
html[data-theme] body .fieldNoteBar span:last-child::before { content:none; }
html[data-theme] body :is(.taskButton,.taskPrimaryButton,.secondaryButton,.pricingButton,.checkoutPay,.journalButton,.profileSmallButton,.studyButton,.studyNavigation>button,.studyRhythm>summary) { border-width:1px; border-radius:5px!important; box-shadow:0 2px 0 var(--note-shadow); }
html[data-theme] body .workspaceSidebar { border-width:1px; box-shadow:2px 0 0 var(--note-shadow); }
html[data-theme] body .workspaceSidebar .listThings a.active { box-shadow:inset 3px 0 0 var(--text-accent); }
html[data-theme] body :is(.taskTag,.taskId,.difficultyTag,.proBenefits>li,.refundEstimate) { box-shadow:none; }
html[data-theme] body .calendarWorkspace,html[data-theme] body .calendarWorkspace:has(>aside:not([hidden])),html[data-theme] body .studyCalendarWorkspace,html[data-theme] body .studyCalendarWorkspace:has(>aside:not([hidden])) { grid-template-columns:minmax(300px,480px) minmax(280px,1fr); gap:24px; }
html[data-theme] body #calendarGrid .calendarCell { min-height:42px; height:auto; aspect-ratio:1.05; padding:5px 2px; }
html[data-theme] body #calendarGrid .taskBadge { font-size:9px; }
html[data-theme] body .studyDay { min-height:62px; padding:3px; }
html[data-theme] body .studyDay time { font-size:11px; min-width:20px; min-height:20px; }
html[data-theme] body .studyEvent { font-size:10px; padding:4px; line-height:1.5; }
html[data-theme] body .studyEventTitle { display:none; }
html[data-theme] body .studySessionPanel,html[data-theme] body .calendarDayPanel { border-width:1px!important; box-shadow:none!important; max-height:620px!important; }
html[data-theme] body :is(.studySessionPanel,.calendarDayPanel) a { overflow-wrap:anywhere; }
#dailyLoadDialog,#adminWorkspace { inset:0; margin:auto; box-sizing:border-box; color:var(--text-main); background:var(--note-paper); border:1px solid var(--note-ink); border-radius:8px; max-height:calc(100dvh - 24px); }
#dailyLoadDialog { width:min(640px,calc(100vw - 24px)); padding:22px; overflow:auto; }
:is(#dailyLoadDialog,#adminWorkspace)>header { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--note-line); padding-bottom:12px; }
:is(#dailyLoadDialog,#adminWorkspace)>header h2 { font-size:18px; line-height:1.6; margin:0; }
:is(#dailyLoadDialog,#adminWorkspace)>header button { width:38px; min-height:38px; flex-shrink:0; }
:is(#dailyLoadDialog,#adminWorkspace)::backdrop { background:#100d1c99; }
#dailyLoadDialog p { font-size:13px; line-height:1.7; }
[data-daily-load-topics] { display:grid; gap:6px; max-height:340px; overflow:auto; margin-block:16px; }
[data-daily-load-topics]>label { display:flex; align-items:start; gap:12px; padding:12px; border:1px solid var(--note-line); background:var(--note-bar); cursor:pointer; }
[data-daily-load-topics] input { accent-color:var(--text-accent); margin-top:5px; }
[data-daily-load-topics] strong { display:block; font-size:13px; line-height:1.6; }
[data-daily-load-topics] small { display:block; font-size:11px; line-height:1.7; margin-top:5px; }
.dailyLoadCounts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dailyLoadCounts label { display:grid; gap:8px; font-size:12px; }
.dailyLoadCounts input { width:100%; min-width:0; padding:10px; box-sizing:border-box; background:var(--note-bar); color:var(--text-main); border:1px solid var(--note-line); }
#adminWorkspace { width:min(1160px,calc(100vw - 24px)); height:calc(100dvh - 24px); padding:0; overflow:hidden; }
#adminWorkspace[open] { display:flex; flex-direction:column; }
#adminWorkspace>header { padding:12px 18px; background:var(--note-bar); }
#adminWorkspace iframe { flex:1; min-height:0; width:100%; border:0; }
#adminWorkspace [data-admin-frame-status]:empty { display:none; }
html[data-admin-embedded=true] body :is(.workspaceSidebar,.homeHeader,.feedbackMascot,#inboxBell,.studyNavigation,.homeFooter,#quickNavigationTrigger,.quickNavigationToggle,.quickNavTrigger) { display:none!important; }
html[data-admin-embedded=true] body main { margin:0!important; padding:18px!important; width:100%!important; max-width:none!important; box-sizing:border-box; }
.refundChoiceButtons { display:flex; gap:12px; flex-wrap:wrap; flex-basis:100%; }
.refundChoiceButtons button { min-height:44px; font-size:12px; padding:12px 16px; }
.refundChoiceStatus { flex-basis:100%; }
.feedbackKinds { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; border:0; padding:0; }
.feedbackKinds legend,.feedbackRating legend { font-size:13px; margin-bottom:10px; }
.feedbackKinds label { cursor:pointer; }
.feedbackKinds label>input { position:absolute; opacity:0; width:1px; }
.feedbackKinds span { display:block; padding:10px 12px; border:1px solid var(--note-line); background:var(--note-bar); border-radius:5px; font-size:12px; }
.feedbackKinds input:checked+span { background:var(--note-rose); border-color:var(--text-accent); color:var(--text-accent); }
.feedbackKinds input:focus-visible+span { outline:2px solid var(--text-accent); outline-offset:2px; }
.feedbackRating { padding:0; border:0; margin-block:16px; }
.feedbackRating[hidden] { display:none!important; }
.feedbackRating>div { display:flex; align-items:center; flex-wrap:wrap; }
.feedbackRating label { cursor:pointer; position:relative; }
.feedbackRating input { position:absolute; opacity:0; width:1px; }
.feedbackRating span { display:grid; place-items:center; width:40px; min-height:44px; font-size:28px; color:var(--note-line); }
.feedbackRating label:has(input:checked) span,.feedbackRating label:has(~label input:checked) span { color:var(--text-accent); }
.feedbackRating input:focus-visible+span { outline:2px solid var(--text-accent); }
.feedbackRating button { margin-left:8px; padding:6px; font-size:11px; }
#feedbackDialog { max-height:calc(100dvh - 24px); overflow:auto; }
#feedbackFiles { max-width:100%; font-size:12px; padding:10px; }
#feedbackFileList,.feedbackAttachments { padding-left:18px; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
@media(max-width:1000px) { html[data-theme] body .calendarWorkspace,html[data-theme] body .calendarWorkspace:has(>aside:not([hidden])),html[data-theme] body .studyCalendarWorkspace,html[data-theme] body .studyCalendarWorkspace:has(>aside:not([hidden])) { grid-template-columns:minmax(0,1fr); } html[data-theme] body #calendarGrid,html[data-theme] body .studyCalendarGrid { max-width:480px; } }
@media(max-width:600px) { html[data-theme] body #calendarGrid .calendarCell { min-height:38px; } html[data-theme] body .studyDay { min-height:50px; } .dailyLoadCounts { grid-template-columns:1fr; } .refundChoiceButtons { display:grid; width:100%; } }
}
html[data-admin-embedded=true] body .mobileBar { display:none!important; }
html[data-admin-embedded=true] body { padding-top:0!important; }
.calendarHelp,.filterHelp { font-size:12px; line-height:1.7; color:var(--journal-muted); }

html[data-admin-embedded=true] main>a:first-child,html[data-admin-embedded=true] main>h1,html[data-admin-embedded=true] main>header h1 { display:none!important; }
:is(#dailyLoadDialog,#adminWorkspace)>header button,.feedbackRating button { color:var(--text-main); background:var(--note-bar); border:1px solid var(--note-line); border-radius:5px; cursor:pointer; }
#feedbackSend { color:#26182e!important; }
#feedbackFiles::file-selector-button { color:var(--text-main); background:var(--note-bar); border:1px solid var(--note-line); border-radius:4px; padding:7px 9px; margin-right:8px; cursor:pointer; }
html[data-theme] body .refundChoiceButtons button[value=full] { color:var(--text-main)!important; background:var(--note-bar)!important; border:1px solid var(--note-line); }
/* Secondary actions must remain readable independently of the chosen accent. */
html[data-theme="dark"] body :is(.secondaryButton,.profileSmallButton,.studyButton.secondary,.journalButton.secondary) { color:#ffe8f3!important; background:var(--note-bar)!important; border-color:#ab849e!important; }
html[data-theme="dark"] body :is(.secondaryButton,.profileSmallButton):hover { background:color-mix(in srgb,var(--note-bar) 78%,#f59bc6)!important; border-color:#ffd0e5!important; }
html[data-theme="dark"] body .dangerButton { color:#ffc0ce!important; background:#482332!important; border:1px solid #ce8198!important; }
html[data-theme="dark"] body .dangerButton:hover { background:#653044!important; }
html[data-theme="dark"] body :is(.secondaryButton,.profileSmallButton,.dangerButton):focus-visible { outline:3px solid #ffb6d7!important; outline-offset:3px; }
html[data-theme="dark"] body :is(.secondaryButton,.profileSmallButton,.dangerButton):disabled { color:#d5c2cf!important; opacity:.65; cursor:not-allowed; }