/* A separate opt-in interface. Retro remains unchanged when this attribute is absent. */
.appearanceChoices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; border:0; padding:0; margin:16px 0; }
.appearanceChoices legend { font-size:13px; margin-bottom:12px; }
.appearanceChoice { position:relative; display:grid!important; gap:10px; padding:16px; border:1px solid var(--note-line); border-radius:10px; cursor:pointer; background:var(--note-paper); min-width:0; }
.appearanceChoice:has(input:checked) { outline:2px solid var(--text-accent); outline-offset:2px; }
.appearanceChoice input { position:absolute; top:14px; right:14px; width:18px; height:18px; accent-color:var(--text-accent); }
.appearanceChoice>span:last-child,.appearanceHint { font-size:13px; line-height:1.7; }
.appearanceSample { height:88px; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:16px; background:var(--note-bar); }
.appearanceSample i { background:var(--note-rose); border:1px solid var(--note-line); }
.appearanceSample i:first-child { grid-column:1/-1; }
.appearanceSampleRetro { background-image:linear-gradient(var(--note-line) 1px,transparent 1px),linear-gradient(90deg,var(--note-line) 1px,transparent 1px); background-size:12px 12px; }
.appearanceSampleRetro i { box-shadow:3px 3px 0 var(--note-shadow); }
.appearanceSampleMinimal,.appearanceSampleMinimal i { border-radius:8px; }
.appearanceSetting form { width:100%; }
@media(max-width:600px) { .appearanceChoices { grid-template-columns:1fr; } }

html[data-interface-style="minimal"][data-theme][data-interface-font] {
 --interface-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
 --workspace-body:var(--interface-family); --arcade-radius:12px;
 --note-shadow:transparent; --retro-edge:var(--note-line); --lcd-block:var(--note-bar);
}
html[data-interface-style="minimal"][data-theme="dark"] { --note-page:#15151c; --note-paper:#202029; --note-bar:#292932; --note-grid:#24242e; --note-line:#444450; --note-ink:#737380; --text-main:#f4f3f6; }
html[data-interface-style="minimal"][data-theme="light"] { --note-page:#f6f6f8; --note-paper:#fff; --note-bar:#f1f1f5; --note-grid:#f6f6f8; --note-line:#dcdce5; --note-ink:#92929e; --text-main:#24232b; }
html[data-interface-style="minimal"][data-theme] body,
html[data-interface-style="minimal"][data-theme] body :where(*):not(:where(.katex,.katex *,.MathJax,.MathJax *,mjx-container,mjx-container *,svg,svg *,math,math *,.richEditable,.richEditable *,.boardInlineText,.boardInlineText *,.boardWidgetBody,.boardWidgetBody *)) {
 font-family:var(--interface-family)!important; letter-spacing:normal!important; text-transform:none!important; text-shadow:none!important;
}
html[data-interface-style="minimal"][data-theme] body { background:var(--note-page)!important; }
html[data-interface-style="minimal"][data-theme] body::before,html[data-interface-style="minimal"][data-theme] body::after { display:none!important; }
html[data-interface-style="minimal"] :is(.siteSparkles,.fieldNoteBar,.journalStars,.heroSparkle,.variantIntroStar,.fieldNoteStar) { display:none!important; }
html[data-interface-style="minimal"][data-theme] body :is([data-field-note],.dashboardCard,.tasksFilters,.taskCard,.theoryNumberGroup,.variantCardLink,.theoryCatalog,.trainingStart,.trainingCatalogue,.learningPanel,.learningPuzzle,.profileCard,.profileSettingCard,.profilePersonalPanel,.profileAppearance,.statisticsCard,.statisticCard,.calendarSection,.studyCalendar,.studyAnalysis,.priceCard,.checkoutOrder,.paymentCard,.aboutNote,.authorCard,.publicLab,.faqItem,.legalBox,.boardToolbar,.boardHeader) {
 background:var(--note-paper)!important; background-image:none!important; border:1px solid var(--note-line)!important; border-radius:12px!important; box-shadow:none!important; }
html[data-interface-style="minimal"][data-theme] body :is(.workspaceSidebar,.tasksSidebar,.homeHeader,.mobileBar,.homeFooter) { background:var(--note-paper)!important; background-image:none!important; border-width:1px!important; box-shadow:none!important; }
html[data-interface-style="minimal"][data-theme] body :is(button,.taskButton,.taskPrimaryButton,.secondaryButton,.profileSmallButton,.studyButton,.pricingButton,.checkoutPay,.journalButton,.heroPrimaryButton,.heroSecondaryButton,.studyNavigation>button,.studyRhythm>summary) { border-radius:8px!important; box-shadow:none!important; text-shadow:none!important; }
html[data-interface-style="minimal"][data-theme] body :is(input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]),textarea,select,.fontTrigger,.fontPanel,dialog,.calendarDayPanel,.studySessionPanel) { border-radius:8px!important; box-shadow:none!important; }
html[data-interface-style="minimal"][data-theme] body :is(.fontPanel,.fontTrigger,.studyCalendarScreen,.studyCalendarGrid,#calendarGrid,.calendarCell,.studyDay,.studyEvent,.studyCalendarLegend span) { background-image:none!important; box-shadow:none!important; border-radius:6px!important; }
html[data-interface-style="minimal"][data-theme] body :is(.studyCalendarScreen,#calendarGrid,.studyCalendarGrid) { background:var(--note-paper)!important; border:1px solid var(--note-line)!important; }
html[data-interface-style="minimal"][data-theme] body :is(.studyDay,.calendarCell) { border-color:var(--note-line)!important; }
html[data-interface-style="minimal"][data-theme] body :is(.taskCard h2,.taskCard h3,.theoryText h2,.theoryText h3) { background:transparent!important; box-shadow:none!important; }
html[data-interface-style="minimal"][data-theme] body :is(h1,h2,h3,h4) { line-height:1.3!important; font-weight:650; }
html[data-interface-style="minimal"][data-theme] body :is(.taskText,.theoryText,.solutionText) { line-height:1.75!important; }
html[data-interface-style="minimal"][data-theme] body :is(.taskTag,.taskId,.difficultyTag,.settingIcon) { border-radius:7px!important; box-shadow:none!important; }
html[data-interface-style="minimal"][data-theme] body .listThings a { border-radius:8px!important; box-shadow:none!important; }
html[data-interface-style="minimal"][data-theme] body .listThings a.active { border-color:transparent!important; background:var(--note-rose)!important; box-shadow:none!important; }
/* Preserve the mascot and every board drawing; only interface decoration is quieted. */
html[data-interface-style="minimal"][data-theme] body .feedbackMascot img { image-rendering:pixelated; }
html[data-interface-style="minimal"][data-theme] body .feedbackMascot { background:transparent!important; }
html[data-interface-style="minimal"][data-theme] body .feedbackMascot span { border-radius:12px!important; box-shadow:0 2px 12px #00000010!important; }
html[data-interface-style="minimal"][data-theme] body :is(.dailyMission,.journalTile,.journalQuote,.journalScene,.homeWelcome,.homeActionCard,.missionStep,.sinusModal__card,.publicLabCard,.pricingCompare,.pricingComparison,.pricingFaq,.progressCard) { background-image:none!important; border:1px solid var(--note-line)!important; border-radius:12px!important; box-shadow:none!important; }
html[data-interface-style="minimal"][data-theme] body progress { border:0!important; border-radius:20px!important; padding:0!important; overflow:hidden; background:var(--note-bar)!important; }
html[data-interface-style="minimal"][data-theme] body progress::-webkit-progress-bar { background:var(--note-bar)!important; border-radius:20px!important; }
html[data-interface-style="minimal"][data-theme] body progress::-webkit-progress-value { background:var(--text-accent)!important; border-radius:20px!important; }
html[data-interface-style="minimal"][data-theme] body progress::-moz-progress-bar { background:var(--text-accent)!important; border-radius:20px!important; }
html[data-interface-style="minimal"][data-theme] body :is(.taskButton,.pricingButton,.journalButton,.checkoutPay,.profileSmallButton) { transition:background-color .15s ease,border-color .15s ease!important; }
/* The style picker is a full-width settings section, not a narrow action column. */
html[data-theme] body .profileSettingCard.appearanceSetting { display:block!important; }
.appearanceSetting>.settingText { margin-bottom:20px; }
.appearanceSetting>form { max-width:850px; }
html[data-interface-style="minimal"][data-theme] body :is(button,.taskButton,.taskPrimaryButton,.secondaryButton,.profileSmallButton,.fontTrigger,.listThings a) { font-size:14px!important; line-height:1.5!important; }
html[data-interface-style="minimal"][data-theme] body :is(.taskCard,.theoryCatalog,.profileSettingCard,.statisticsCard) { line-height:1.65; }
html[data-interface-style="minimal"][data-theme] body .profileSettingCard:has([name="interface_sparkles"]) { display:none!important; }