/* samoylik.tech — shared editorial design, September 2026.
   Existing application layouts and behavior are deliberately retained. */
:root {
  color-scheme: light !important;
  font-family: Arial, Helvetica, sans-serif;
  --design-font: Arial, Helvetica, sans-serif;
  --canvas: #fff; --background: #fff; --bg: #fff; --paper: #fff;
  --surface: #fff; --surface-raised: #f5f5f5; --field: #fafafa;
  --panel: #fff; --panel-deep: #f7f7f7; --charcoal: #fff; --coffee: #fff; --dark: #fff;
  --text: #171717; --ink: #171717; --cream: #171717;
  --muted: #666; --subtle: #737373; --soft: #666; --cream-soft: #666;
  --line: #e5e5e5; --line-strong: #b8b8b8; --line-hot: #c8c8c8;
  --accent: #171717; --accent-strong: #333; --accent-dark: #333; --accent-soft: #f0f0f0;
  --toast: #171717; --copper: #666; --on-accent: #fff;
  --green: #171717; --green-soft: #f1f1f1; --violet: #404040; --violet-soft: #f1f1f1;
  --blue: #4d4d4d; --blue-soft: #f3f3f3;
  --good: #20754b; --ok: #20754b; --bad: #b42318; --danger: #b42318;
  --warning: #946100; --warn: #946100; --info: #4a4a4a;
  --radius: 14px; --radius-sm: 10px; --shadow: none;
  background: #fff !important; color: #171717 !important;
}
body[data-samoylik-app] {
  background: #fff !important; color: #171717 !important;
  font-family: var(--design-font) !important;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
body[data-samoylik-app]::before, body[data-samoylik-app]::after { display: none !important; }
body[data-samoylik-app] :is(h1,h2,h3,h4,h5,.preview-title,.wordmark) {
  font-family: var(--design-font) !important; text-shadow: none !important;
  font-weight: 500; letter-spacing: -.035em;
}
body[data-samoylik-app] :is(button,input,select,textarea,.btn,.button) {
  font-family: var(--design-font) !important; text-shadow: none !important;
}
body[data-samoylik-app] :is(button,.btn,.button) { font-weight: 500; }
body[data-samoylik-app] :is(.eyebrow,.hint,.meta,.empty,.status,.name,label) {
  font-family: var(--design-font); font-weight: 400;
}
body[data-samoylik-app] :is(.eyebrow,label) { letter-spacing: .01em; text-transform: none; }
body[data-samoylik-app] :is(.panel,.editor,.messages-panel,.message-form,.week-panel,.lesson-card) {
  box-shadow: none !important; backdrop-filter: none; border-color: #e5e5e5;
}
body[data-samoylik-app] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea) {
  color: #171717 !important; background: #fff !important; border-color: #d9d9d9 !important;
  border-radius: 12px; box-shadow: none;
}
body[data-samoylik-app] :is(input,textarea)::placeholder { color: #777; opacity: 1; }
body[data-samoylik-app] :is(a,button,input,textarea,select):focus-visible {
  outline: 2px solid #171717 !important; outline-offset: 4px;
}
body[data-samoylik-app] :is(.error,.error-message) {
  color: #a1261b; background: #fff6f5; border-color: #f0c7c3;
}
body[data-samoylik-app] :is(.primary,.btn.primary,.button.primary,.primary-button) {
  background: #171717 !important; color: #fff !important; border-color: #171717 !important;
  border-radius: 999px; box-shadow: none !important;
}
body[data-samoylik-app] :is(.primary,.btn.primary,.button.primary,.primary-button):hover { background: #333 !important; }
body[data-samoylik-app] :is(.secondary,.outline-button,.btn:not(.primary),.button:not(.primary)) {
  background: #fff; color: #171717; border: 1px solid #d9d9d9; border-radius: 999px;
}
body[data-samoylik-app] [hidden] { display: none !important; }

/* Homepage: editorial typography and a real directory of the existing tools. */
body[data-samoylik-app=home]{margin:0;line-height:1.5}
.home-header,.home-main,.home-footer{width:min(1320px,calc(100% - 96px));margin:auto}
.home-header{display:flex;align-items:center;justify-content:space-between;padding:30px 0}
.home-brand{font-size:25px;letter-spacing:-1px;font-weight:500;text-decoration:none;color:#171717}
.home-nav{display:flex;gap:30px;margin:0}.home-nav a{font-size:14px;text-decoration:none;color:#171717}
.home-nav a:hover,.home-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.home-hero{padding:100px 0 110px;max-width:900px}.home-kicker{font-size:14px;margin:0 0 28px;color:#666}
body[data-samoylik-app=home] h1{font-size:clamp(56px,7.8vw,108px);line-height:1.02;font-weight:400;letter-spacing:-.065em;margin:0 0 32px}
.home-intro{font-size:20px;line-height:1.5;margin:0 0 30px;color:#555}
.home-cta{display:inline-flex;align-items:center;gap:24px;padding:14px 23px;border-radius:999px;background:#171717;color:#fff;text-decoration:none;font-size:14px}.home-cta:hover{background:#333}
.home-section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.home-section-title h2{font-size:30px;margin:0;font-weight:400}.home-section-title>span{color:#666;font-size:13px}
.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-feature{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;background:#f4f4f4;padding:32px;color:#171717;text-decoration:none;transition:background .2s}
.home-feature:hover{background:#eaeaea}.home-category{font-size:13px;color:#666}
.home-feature h3{font-size:46px;line-height:1.1;margin:0 0 16px;font-weight:400}.home-feature p{font-size:15px;line-height:1.6;max-width:240px;min-height:48px;margin:0;color:#555}
.home-arrow{position:absolute;right:30px;top:26px;font-size:24px;font-weight:400}
.home-tools{padding-top:96px}.home-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px}
.home-tool-grid>a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;border-top:1px solid #e5e5e5;text-decoration:none;color:#171717}
.home-tool-grid>a:hover h3{text-decoration:underline;text-underline-offset:5px}.home-tool-grid h3{font-size:23px;margin:0 0 6px;font-weight:400}.home-tool-grid p{font-size:14px;color:#666;margin:0}.home-tool-grid>a>span{font-size:22px}
.home-explore{margin:80px 0 88px;padding:32px 0;border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;gap:24px}.home-explore h2{font-size:24px;font-weight:400;margin:0}.home-explore>div{display:flex;gap:28px;align-items:center}.home-explore a{font-size:14px;color:#555;text-decoration:none}.home-explore a:hover{color:#171717;text-decoration:underline}
.home-footer{border-top:1px solid #e5e5e5;padding:40px 0 64px;display:flex;justify-content:space-between;gap:32px}.home-footer>div{display:flex;gap:28px;align-items:center}.home-footer>div a{font-size:13px;color:#666;text-decoration:none}
.home-skip{position:fixed;left:20px;top:-100px;padding:12px 20px;background:#171717;color:#fff;z-index:100}.home-skip:focus{top:12px}
body[data-samoylik-app=corgi] canvas{filter:grayscale(1) invert(1)}
@media(max-width:800px){.home-header,.home-main,.home-footer{width:calc(100% - 40px)}.home-header{align-items:flex-start;gap:24px;flex-direction:column;padding:24px 0}.home-brand{font-size:23px}.home-nav{gap:24px}.home-hero{padding:64px 0 72px}.home-intro{font-size:18px}.home-feature-grid{grid-template-columns:1fr}.home-feature{min-height:250px;padding:28px}.home-feature p{max-width:100%;min-height:0}.home-tools{padding-top:64px}.home-tool-grid{grid-template-columns:1fr}.home-section-title>span{display:none}.home-section-title h2{font-size:27px}.home-explore{margin:52px 0;flex-direction:column}.home-explore>div{gap:20px;flex-wrap:wrap}.home-footer{flex-direction:column;padding-bottom:40px}.home-footer>div{gap:24px;flex-wrap:wrap}}

/* Mail and video utilities: generous headings, quiet surfaces, readable controls. */
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) main {
  width: min(1120px,100%); padding-top: clamp(32px,6vw,80px);
}
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) header { margin-bottom: 40px; }
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) h1 {
  font-size: clamp(42px,6.5vw,76px); line-height: 1.05; font-weight: 400;
}
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) h2::before { content: none; }
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) .panel-wrap::before { display: none; }
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) :is(.panel,.field,.inbox) { background: #fff; }
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) .field:hover { background: #fafafa; }
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) :is(button,a.button):not(.primary) {
  background: #fff; color: #171717; border-color: #dedede; box-shadow: none;
}
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) :is(button,a.button):not(.primary):hover {
  background: #f4f4f4; transform: none; border-color: #bbb;
}
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) .eyebrow { font-size: 13px; color: #666; margin-bottom: 18px; }
body:is([data-samoylik-app=mail],[data-samoylik-app=video]) .corner { color: #737373; font-weight: 400; letter-spacing: 0; }
body[data-samoylik-app=mail] .identity { background: #e5e5e5; }
body[data-samoylik-app=mail] .field { padding: 28px 24px; }
body[data-samoylik-app=mail] label { font-size: 13px; color: #666; }
body[data-samoylik-app=mail] .value { font-size: 16px; font-weight: 500; }
body[data-samoylik-app=mail] .toolbar { padding: 20px 24px; }
body[data-samoylik-app=mail] .inbox { margin-top: 28px; }
body[data-samoylik-app=mail] .inbox-head { padding: 24px; }
body[data-samoylik-app=mail] .messages { min-height: 260px; padding: 16px; }
body[data-samoylik-app=mail] button.message { border-radius: 12px; padding: 18px; }
body[data-samoylik-app=mail] .status { padding: 74px 18px; font-weight: 400; font-size: 14px; }
body[data-samoylik-app=mail] .status::before { animation: none; color: #888; }
body[data-samoylik-app=video] .tabs { background: #f7f7f7; padding: 8px; gap: 6px; }
body[data-samoylik-app=video] .tabs button { border: 0; border-radius: 999px; min-height: 44px; background: transparent; }
body[data-samoylik-app=video] .tabs button[aria-selected=true] { background: #171717; color: #fff; }
body[data-samoylik-app=video] .workspace { padding: clamp(20px,4vw,40px); }
body[data-samoylik-app=video] .dropzone { background: #fafafa; min-height: 200px; border-color: #c8c8c8; }
body[data-samoylik-app=video] .formats { opacity: 1; }
body[data-samoylik-app=video] progress::-webkit-progress-bar { background: #eee; }

/* Private Markdown storage, including login, dialogs and rendered documents. */
body[data-samoylik-app=vault] .shell { padding-top: clamp(28px,5vw,64px); }
body[data-samoylik-app=vault] .top { margin-bottom: 36px; }
body[data-samoylik-app=vault] .top h1 { line-height: 1.1; font-weight: 400; }
body[data-samoylik-app=vault] :is(.eyebrow,label) { font-size: 13px; color: #666; }
body[data-samoylik-app=vault] .login { margin: 12vh auto 40px; padding: 40px; border: 0; }
body[data-samoylik-app=vault] .login h1 { font-size: 44px; line-height: 1.1; }
body[data-samoylik-app=vault] :is(.login .btn,.input) { min-height: 48px; }
body[data-samoylik-app=vault] .browser { background: #fafafa; }
body[data-samoylik-app=vault] :is(.item.active,.item:hover) { background: #eee; }
body[data-samoylik-app=vault] .item { border-radius: 8px; min-height: 52px; }
body[data-samoylik-app=vault] :is(.name,.meta,.preview-title) { font-family: var(--design-font); }
body[data-samoylik-app=vault] .rendered { color: #272727; }
body[data-samoylik-app=vault] .rendered a { color: #171717; text-decoration: underline; }
body[data-samoylik-app=vault] .rendered :is(pre,code) { background: #f5f5f5; color: #222; }
body[data-samoylik-app=vault] .btn.danger { color: #b42318; }
body[data-samoylik-app=vault] .toast { background: #171717; color: #fff; }

/* AI panel: remove the CRT treatment across chat, tasks, settings and sign-in. */
body[data-samoylik-app=ai] :is(.auth,.drawer) { background: #fff; backdrop-filter: none; }
body[data-samoylik-app=ai] :is(.auth form,.topbar,.view-tabs,.history,.admin,.limits div,.chat,.composer,.metric-chip,.model-row,.user-row,.settings-note,.task-card,.task-column,.activity) {
  background: #fff !important; box-shadow: none !important; border-color: #e5e5e5; backdrop-filter: none;
}
body[data-samoylik-app=ai] :is(.auth form,.topbar,.chat,.composer,.admin,.history)::before { display: none; }
body[data-samoylik-app=ai] .auth form { padding: 40px; border: 0; max-width: 440px; }
body[data-samoylik-app=ai] .auth h1 { font-size:36px; font-weight:400; line-height:1.1; margin:0 0 14px; }
body[data-samoylik-app=ai] .auth .auth-intro { color:#666; font-size:15px; margin:0 0 32px; }
body[data-samoylik-app=ai] .auth button[type=submit] { width:100%; min-height:48px; font-size:14px; }
body[data-samoylik-app=ai] .auth label { font-size: 14px; font-weight: 400; margin-bottom: 8px; }
body[data-samoylik-app=ai] .auth input { min-height: 48px; }
body[data-samoylik-app=ai] :is(.top-title,.metric-chip strong,.limits strong,.active-model,.section-toolbar strong,.settings-subhead) {
  font-family: var(--design-font); color: #171717; text-shadow: none; letter-spacing: -.02em;
}
body[data-samoylik-app=ai] button { background: #fff; color: #171717; border-color: #dedede; border-radius: 999px; }
body[data-samoylik-app=ai] button:hover { background: #f1f1f1; }
body[data-samoylik-app=ai] :is(.auth button[type=submit],.settings-form button[type=submit],#send,.primary-icon-button,.view-tabs button.active) {
  background: #171717 !important; color: #fff !important; border-color: #171717;
}
body[data-samoylik-app=ai] :is(.settings-tabs button.active,.chat-tab.active) { background: #eee; color: #171717; border-color: #ddd; }
body[data-samoylik-app=ai] :is(.badge,.metric-chip,.file-chip,.message-files span) { background: #f5f5f5; color: #555; border-color: #e5e5e5; box-shadow: none; }
body[data-samoylik-app=ai] .message { box-shadow: none; line-height: 1.65; padding: 18px 22px; font-size: 15px; }
body[data-samoylik-app=ai] .message.user { background: #f3f3f3; color: #171717; border: 0; border-radius: 22px; }
body[data-samoylik-app=ai] .message.assistant { background: #fff; color: #171717; border: 0; }
body[data-samoylik-app=ai] .message.system { background: #f7f7f7; border-color: #e5e5e5; }
body[data-samoylik-app=ai] .message-body :is(pre,code) { background: #f4f4f4; color: #242424; border-color: #e5e5e5; }
body[data-samoylik-app=ai] .message-body pre code { background: transparent; }
body[data-samoylik-app=ai] .composer { border-radius: 24px; background: #f7f7f7 !important; }
body[data-samoylik-app=ai] .danger-button { color: #b42318; }
body[data-samoylik-app=ai] :is(.settings-tabs,.model-check,.toggle-row,.section-toolbar,.active-model,.file-button) { background:#f7f7f7; color:#171717; border-color:#e5e5e5; }
body[data-samoylik-app=ai] .chat-tab { background:#fff; color:#171717; }
body[data-samoylik-app=ai] .chat-tab.active { background:#eee; }
body[data-samoylik-app=ai] .stats-table th { font-family:var(--design-font); color:#555; }
body[data-samoylik-app=ai] .task { background:#fafafa; border:1px solid #e5e5e5; border-radius:14px; padding:24px; margin:24px 0; }
body[data-samoylik-app=ai] .task .level { font-weight:400; color:#666; }
body[data-samoylik-app=ai]:has(.task) { margin:64px auto; max-width:1000px; }
body[data-samoylik-app=ai]:has(.task)>h1 { font-size:clamp(36px,5vw,56px); font-weight:400; line-height:1.1; margin-bottom:32px; }

/* OlcRTC's semantic Tailwind colors, with status colors kept meaningful. */
body[data-samoylik-app=olc] :is(.bg-background,.bg-card) { background-color: #fff !important; }
body[data-samoylik-app=olc] :is(.bg-muted,.bg-secondary,[class~="bg-primary/15"],[class~="bg-primary/10"]) { background-color: #f2f2f2 !important; }
body[data-samoylik-app=olc] :is(.text-foreground,.text-primary) { color: #171717 !important; }
body[data-samoylik-app=olc] .text-muted-foreground { color: #666 !important; }
body[data-samoylik-app=olc] .border-border { border-color: #e5e5e5 !important; }
body[data-samoylik-app=olc] .border-primary { border-color: #aaa !important; }
body[data-samoylik-app=olc] .bg-primary { background: #171717 !important; color: #fff !important; }
body[data-samoylik-app=olc] button { border-radius: 999px; }
body[data-samoylik-app=olc] form.max-w-sm { padding: 36px; border: 0; max-width: 440px; gap: 22px; }
body[data-samoylik-app=olc] form.max-w-sm h1 { font-size: 30px; line-height: 1.15; }
body[data-samoylik-app=olc] form.max-w-sm :is(input,button[type=submit]) { min-height: 48px; }
body[data-samoylik-app=olc] .shadow-2xl { box-shadow: 0 18px 70px #0002; }
body[data-samoylik-app=olc] [class~="bg-background/95"] { background:#fff !important; }
body[data-samoylik-app=olc] :is([class~="border-border/60"],[class~="border-border/70"]) { border-color:#e5e5e5 !important; }

/* Finance and Omni: the same editorial language, preserving their dense tools. */
body[data-samoylik-app=finance] :is(header,.sidebar,.modal,.discussion) { background: #fff; box-shadow: none; }
body[data-samoylik-app=finance] :is(.team-name strong,.timer strong,.teacher-stats strong,.member-card h3) { font-family: var(--design-font); font-weight: 400; letter-spacing: -.04em; }
body[data-samoylik-app=finance] :is(nav button,.teacher-link):is(.active,:hover) { background: #f4f4f4; color: #171717; }
body[data-samoylik-app=finance] h1, body[data-samoylik-app=finance] h2 { color: #171717; }
body[data-samoylik-app=finance] .outline-button { color: #171717; border-color: #ccc; }
body[data-samoylik-app=finance] .choice-list button { color: #171717; }
body[data-samoylik-app=finance] .choice-list button.selected { background: #f3f3f3; color: #171717; }
body[data-samoylik-app=finance] .discussion form button { background: #171717; color: #fff; border-radius: 999px; }
body[data-samoylik-app=finance] :is(.login-page,.loading-page) { background:#fff; }
body[data-samoylik-app=finance] .login-form { background:#f7f7f7; border-color:#e5e5e5; }
body[data-samoylik-app=finance] .login-copy .brand { color:#171717; font-weight:500; letter-spacing:-.03em; font-size:23px; }
body[data-samoylik-app=finance] .auth-tabs { background:#eaeaea; border-radius:999px; padding:5px; }
body[data-samoylik-app=finance] .auth-tabs button { color:#666; border-radius:999px; font-weight:500; }
body[data-samoylik-app=finance] .auth-tabs button.active { background:#171717; color:#fff; box-shadow:none; }
body[data-samoylik-app=finance] :is(.person-initial,.member-initial) { font-family:var(--design-font); }
body[data-samoylik-app=omni] :is(.sidebar,.topbar,.details-panel,.branch-menu,.detail-card,.modal) { background: #fff; box-shadow: none; }
body[data-samoylik-app=omni] .sidebar { border-right-color: #e5e5e5; }
body[data-samoylik-app=omni] .nav-item.active { background: #f1f1f1; color: #171717; }
body[data-samoylik-app=omni] :is(.readonly-note,.status-pill,.brand-tag,.today-button,.pin) { background: #f6f6f6; border-color: #e5e5e5; color: #555; }
body[data-samoylik-app=omni] .readonly-note :is(strong,p) { color: #666; }
body[data-samoylik-app=omni] .page-heading h1 { font-size: clamp(30px,3vw,42px); font-weight: 400; }
body[data-samoylik-app=omni] .day.active { background: #171717; color: #fff; }
body[data-samoylik-app=omni] .brand { font-weight: 500; }
body[data-samoylik-app=omni] .brand-mark { border-radius: 50%; }
body[data-samoylik-app=omni] :is(.login-page,.login-intro,.loading-page) { background:#fff; }
body[data-samoylik-app=omni] .login-intro::before,body[data-samoylik-app=omni] .login-intro::after { display:none; }
body[data-samoylik-app=omni] .login-panel { background:#f7f7f7; border-color:#e5e5e5; }
body[data-samoylik-app=omni] .login-submit { background:#171717; color:#fff; border-radius:999px; box-shadow:none; font-size:14px; }
body[data-samoylik-app=omni] .login-submit:hover { background:#333; }
body[data-samoylik-app=omni] .login-copy h1 { color:#171717; font-weight:400; }
body[data-samoylik-app=omni] :is(.login-intro,.login-brand) { color:#171717; }
body[data-samoylik-app=omni] .login-brand .brand-mark { background:#171717; color:#fff; }
body[data-samoylik-app=omni] .login-brand .brand-tag { background:#f1f1f1; color:#555; }
body[data-samoylik-app=omni] .login-copy .eyebrow { color:#666 !important; }
body[data-samoylik-app=omni] :is(.login-copy>p:last-child,.security-points span,.security-points i) { color:#666; }
body[data-samoylik-app=omni] .security-points { border-color:#e5e5e5; }
body[data-samoylik-app=omni] .login-card label { color:#555; font-size:13px; }
body[data-samoylik-app=omni] .login-lead { color:#666; font-size:14px; }
body[data-samoylik-app=omni] .bar-col i { background:#666; }

/* Smaller standalone tools. */
body[data-samoylik-app=message] .app-shell { width: min(820px,calc(100% - 40px)); padding-top: clamp(32px,6vw,80px); }
body[data-samoylik-app=message] h1 { font-size: clamp(38px,6vw,60px); font-weight: 400; }
body[data-samoylik-app=message] .page-header { margin-bottom: 36px; }
body[data-samoylik-app=message] button[type=submit] { background: #171717; color: #fff; border-radius: 999px; }
body[data-samoylik-app=music] .editor { background: #fff; border-color: #e5e5e5; border-radius: 18px; }
body[data-samoylik-app=music] .header { flex-direction: column; gap: 32px; }
body[data-samoylik-app=music] h1 { font-size: clamp(36px,6vw,56px); line-height: 1.1; font-weight: 400; }
body[data-samoylik-app=music] :is(.drop-zone,.cover-preview) { background: #fafafa; border-color: #c8c8c8; border-radius: 12px; }
body[data-samoylik-app=music] .back-link { color: #171717; font-weight: 500; }

/* Interactive experiments retain their canvases and controls in monochrome. */
body[data-samoylik-app=test] { --screen: #fff; --amber: #737373; --cyan: #999; --red: #555; --grid: #e5e5e5; }
body[data-samoylik-app=test] :is(.terminal,.console) { background: #fff; cursor: default; }
body[data-samoylik-app=test] :is(.signal,#scope) { filter: grayscale(1) invert(1); opacity: .16; }
body[data-samoylik-app=test] :is(.scanlines,.scanline,.vignette,.screen-glass,.site-mark__ghost,.cursor-orbit,.crosshair,.calibration,.signal-frame) { display: none; }
body[data-samoylik-app=test] :is(.site-mark,.wordmark,.site-mark__text) {
  font-family: var(--design-font); font-weight: 400; color: #171717; background: transparent;
  text-shadow: none; letter-spacing: -.055em; animation: none;
}
body[data-samoylik-app=test] .site-mark { border: 0; }

@media(max-width:600px) {
  body[data-samoylik-app=mail] .field { padding: 22px 18px; }
  body:is([data-samoylik-app=mail],[data-samoylik-app=video]) header { margin-bottom: 28px; }
  body[data-samoylik-app=ai] .auth form { padding: 28px 18px; }
  body[data-samoylik-app=vault] .login { padding: 28px 18px; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-samoylik-app] *, body[data-samoylik-app] *::before, body[data-samoylik-app] *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important;
  }
}