html{scrollbar-gutter:stable}body:has(.dtf-app-shell),body:has(.dtf-auth-layout),body:has(.kiosk),html:has(.dtf-app-shell),html:has(.dtf-auth-layout),html:has(.kiosk){background:rgb(var(--paper-rgb))}.dtf-app-shell,.dtf-auth-layout{--color-bg:rgb(var(--paper-rgb));--color-bg-secondary:rgba(var(--ink-rgb),0.04);--color-bg-tertiary:rgba(var(--ink-rgb),0.06);--color-surface:rgba(var(--ink-rgb),0.03);--color-surface-secondary:rgba(var(--ink-rgb),0.04);--color-surface-tertiary:rgba(var(--ink-rgb),0.06);--color-border:rgba(var(--ink-rgb),0.1);--color-border-strong:rgba(var(--ink-rgb),0.22);--color-text:rgba(var(--ink-rgb),0.95);--color-text-secondary:rgba(var(--ink-rgb),0.65);--color-text-tertiary:rgba(var(--ink-rgb),0.42);--color-text-inverse:rgb(var(--paper-rgb));--color-primary:var(--brand);--color-primary-hover:var(--brand);--color-primary-light:rgba(var(--brand-rgb),0.14);--color-info:var(--brand);--shadow-sm:none;--shadow-md:none;--shadow-lg:0 24px 60px rgba(0,0,0,0.55);--shadow-xl:0 28px 80px rgba(0,0,0,0.6);--mc-mono:var(--font-mono);--mc-strong:rgba(var(--ink-rgb),0.98);--mc-field:rgba(0,0,0,0.25);--mc-field-focus:rgba(0,0,0,0.4);--mc-glow-1:color-mix(in srgb,var(--brand) 9%,transparent);--mc-glow-2:rgba(var(--ink-rgb),0.04);color-scheme:dark}[data-theme=light] .dtf-app-shell,[data-theme=light] .dtf-auth-layout{--mc-field:#ffffff;--mc-field-focus:#ffffff;color-scheme:light}.dtf-auth-layout{background:radial-gradient(ellipse 70% 40% at 12% -10%,var(--mc-glow-1) 0,transparent 60%),radial-gradient(ellipse 60% 60% at 110% 100%,var(--mc-glow-2) 0,transparent 60%),var(--color-bg);color:var(--color-text);position:relative;font-family:var(--mc-mono)}.dtf-auth-layout:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(var(--ink-rgb),.018) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ink-rgb),.018) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,black 18%,transparent 78%);mask-image:radial-gradient(ellipse at center,black 18%,transparent 78%)}.dtf-auth-card{position:relative;background:linear-gradient(180deg,rgba(var(--ink-rgb),.05),rgba(var(--ink-rgb),.015)),var(--color-bg);border:1px solid rgba(var(--ink-rgb),.1);border-radius:20px;padding:2rem;box-shadow:0 24px 60px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dtf-auth-card:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(var(--ink-rgb),.16),rgba(var(--ink-rgb),0) 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dtf-auth-title{font-family:var(--mc-mono);font-weight:700;letter-spacing:-.04em;color:var(--mc-strong)}.dtf-auth-subtitle{color:var(--color-text-secondary)}.dtf-auth-divider{color:var(--color-text-tertiary);font-family:var(--mc-mono);font-size:.6875rem;letter-spacing:.28em;text-transform:uppercase}.dtf-auth-divider:after,.dtf-auth-divider:before{background:linear-gradient(90deg,transparent,rgba(var(--ink-rgb),.18),transparent)}.dtf-app-shell .dtf-card,.dtf-auth-layout .dtf-card{position:relative;background:linear-gradient(180deg,rgba(var(--ink-rgb),.04),rgba(var(--ink-rgb),.012)),var(--color-bg);border:1px solid rgba(var(--ink-rgb),.1);border-radius:18px;padding:1.5rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--color-text)}.dtf-app-shell .dtf-card:before,.dtf-auth-layout .dtf-card:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(var(--ink-rgb),.14),rgba(var(--ink-rgb),0) 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dtf-app-shell .dtf-card-title,.dtf-auth-layout .dtf-card-title{font-weight:600;letter-spacing:-.01em;color:var(--mc-strong)}.dtf-app-shell .dtf-btn,.dtf-auth-layout .dtf-btn{border-radius:999px;padding:.625rem 1rem;font-family:var(--mc-mono);font-size:.6875rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;border:1px solid rgba(var(--ink-rgb),.1);background:rgba(var(--ink-rgb),.04);color:rgba(var(--ink-rgb),.85);transition:filter .2s ease,background .2s ease,border-color .2s ease}.dtf-app-shell .dtf-btn:hover:not(:disabled),.dtf-auth-layout .dtf-btn:hover:not(:disabled){background:rgba(var(--ink-rgb),.08);border-color:rgba(var(--ink-rgb),.22);color:var(--mc-strong)}.dtf-app-shell .dtf-btn-primary,.dtf-auth-layout .dtf-btn-primary{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand);box-shadow:0 4px 12px rgba(var(--brand-rgb),.35)}.dtf-app-shell .dtf-btn-primary:hover:not(:disabled),.dtf-auth-layout .dtf-btn-primary:hover:not(:disabled){filter:brightness(1.06);background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.dtf-app-shell .dtf-btn-secondary,.dtf-auth-layout .dtf-btn-secondary{background:rgba(var(--ink-rgb),.04);color:rgba(var(--ink-rgb),.85);border-color:rgba(var(--ink-rgb),.1)}.dtf-app-shell .dtf-btn-danger,.dtf-auth-layout .dtf-btn-danger{background:color-mix(in srgb,var(--color-error) 14%,transparent);color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 45%,transparent)}.dtf-app-shell .dtf-btn-danger:hover:not(:disabled),.dtf-auth-layout .dtf-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 22%,transparent);border-color:color-mix(in srgb,var(--color-error) 65%,transparent);color:var(--color-error)}.dtf-app-shell .dtf-input,.dtf-app-shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.dtf-app-shell select,.dtf-app-shell textarea,.dtf-auth-layout .dtf-input,.dtf-auth-layout input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.dtf-auth-layout select,.dtf-auth-layout textarea{background:var(--mc-field);color:var(--mc-strong);border:1px solid rgba(var(--ink-rgb),.1);border-radius:10px;padding:.75rem .875rem;font-family:var(--mc-mono);font-size:.875rem;letter-spacing:.04em;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.dtf-app-shell .dtf-input:focus,.dtf-app-shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):focus,.dtf-app-shell select:focus,.dtf-app-shell textarea:focus,.dtf-auth-layout .dtf-input:focus,.dtf-auth-layout input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):focus,.dtf-auth-layout select:focus,.dtf-auth-layout textarea:focus{outline:none;border-color:rgba(var(--ink-rgb),.32);background:var(--mc-field-focus);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.25)}.dtf-app-shell .dtf-input::placeholder,.dtf-app-shell input::placeholder,.dtf-app-shell textarea::placeholder,.dtf-auth-layout .dtf-input::placeholder,.dtf-auth-layout input::placeholder,.dtf-auth-layout textarea::placeholder{color:rgba(var(--ink-rgb),.4);letter-spacing:.04em}.dtf-app-shell .dtf-label,.dtf-auth-layout .dtf-label{font-family:var(--mc-mono);font-size:.625rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:rgba(var(--ink-rgb),.55)}.dtf-app-shell .dtf-badge,.dtf-auth-layout .dtf-badge{font-family:var(--mc-mono);font-size:.625rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;padding:3px 9px;border:1px solid;background:rgba(var(--ink-rgb),.02)}.dtf-app-shell .dtf-badge-free{color:rgba(var(--ink-rgb),.6)}.dtf-app-shell .dtf-badge-pro{color:var(--color-primary);background:color-mix(in srgb,var(--brand) 12%,transparent)}.dtf-app-shell .dtf-badge-active{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.dtf-app-shell .dtf-badge-canceled{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent)}.dtf-app-shell .dtf-badge-past-due{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,transparent)}.dtf-app-shell .dtf-settings-layout{display:flex!important;flex-direction:column!important;gap:var(--space-4)}.dtf-app-shell .dtf-settings-nav{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.375rem;width:100%!important;flex-shrink:0}.dtf-app-shell .dtf-settings-nav .dtf-sidebar-link{font-family:var(--mc-mono);font-size:.8125rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--ink-rgb),.55);background:transparent;border-radius:10px;padding:.625rem .875rem;border:1px solid transparent}.dtf-app-shell .dtf-settings-nav .dtf-sidebar-link:hover{background:rgba(var(--ink-rgb),.06);color:var(--mc-strong)}.dtf-app-shell .dtf-settings-nav .dtf-sidebar-link-active{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--color-primary);border-color:color-mix(in srgb,var(--brand) 32%,transparent)}.dtf-app-shell .dtf-upgrade-prompt,.dtf-auth-layout .dtf-upgrade-prompt{border:1px dashed rgba(var(--ink-rgb),.22);background:rgba(var(--ink-rgb),.03);border-radius:18px;color:var(--color-text)}.dtf-app-shell .dtf-upgrade-prompt h3{color:var(--mc-strong)}.dtf-app-shell .dtf-overlay{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dtf-app-shell .dtf-modal{background:linear-gradient(180deg,rgba(var(--ink-rgb),.06),rgba(var(--ink-rgb),.015)),var(--color-bg);border:1px solid rgba(var(--ink-rgb),.14);border-radius:22px;box-shadow:0 32px 80px rgba(0,0,0,.7);color:var(--color-text)}.dtf-app-shell .dtf-pricing-card{background:linear-gradient(180deg,rgba(var(--ink-rgb),.04),rgba(var(--ink-rgb),.012)),var(--color-bg);border:1px solid rgba(var(--ink-rgb),.1);border-radius:22px;color:var(--color-text)}.dtf-app-shell .dtf-pricing-card-featured{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 0 32px rgba(var(--brand-rgb),.18)}.dtf-app-shell .dtf-pricing-card .price span,.dtf-app-shell .dtf-pricing-card ul li{color:var(--color-text-secondary)}.dtf-app-shell .dtf-pricing-card ul li:before{color:var(--color-success)}.dtf-app-shell h1,.dtf-app-shell h2,.dtf-app-shell h3,.dtf-app-shell h4{color:var(--mc-strong);letter-spacing:-.01em}.dtf-app-shell .dtf-content>div:first-child h1,.dtf-app-shell .dtf-content>h1:first-child{font-weight:300}.dtf-app-shell .dtf-content>:first-child:not(.sl-dash){padding-top:3.5rem}.dtf-app-shell .sl-card-grid{gap:.875rem}.dtf-app-shell .dtf-content a:not(.dtf-btn):not(.dtf-sidebar-link){color:var(--color-primary)}.dtf-app-shell ::selection,.dtf-auth-layout ::selection{background:color-mix(in srgb,var(--brand) 30%,transparent);color:var(--mc-strong)}.dtf-app-shell .sl-asset-list{display:flex;flex-direction:column;gap:.75rem}.dtf-app-shell .sl-asset-row{padding:1.25rem}.dtf-app-shell .sl-asset-row-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem}.dtf-app-shell .sl-asset-row-info{flex:1 1 220px;min-width:0}.dtf-app-shell .sl-asset-row-title{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.dtf-app-shell .sl-asset-row-name{font-size:1.0625rem;font-weight:800;color:var(--mc-strong);letter-spacing:-.01em}.dtf-app-shell .sl-asset-row-meta{font-size:.75rem;color:rgba(var(--ink-rgb),.45);letter-spacing:.04em;margin-top:.25rem}.dtf-app-shell .sl-asset-row-actions{display:inline-flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0}@media (max-width:600px){.dtf-app-shell .sl-asset-row-actions{width:100%}.dtf-app-shell .sl-asset-row-actions .dtf-btn{flex:1 1}}.dtf-app-shell .dtf-consent-box,.dtf-auth-layout .dtf-consent-box{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:12px;background:rgba(var(--ink-rgb),.03);color:rgba(var(--ink-rgb),.78);cursor:pointer;transition:border-color .16s ease,background .16s ease}.dtf-app-shell .dtf-consent-box:hover,.dtf-auth-layout .dtf-consent-box:hover{border-color:rgba(var(--ink-rgb),.22);background:rgba(var(--ink-rgb),.05)}.dtf-app-shell .dtf-consent-box a,.dtf-auth-layout .dtf-consent-box a{color:var(--color-primary)}.dtf-app-shell input:-webkit-autofill,.dtf-app-shell select:-webkit-autofill,.dtf-app-shell textarea:-webkit-autofill,.dtf-auth-layout input:-webkit-autofill,.dtf-auth-layout select:-webkit-autofill,.dtf-auth-layout textarea:-webkit-autofill{-webkit-text-fill-color:var(--mc-strong);-webkit-box-shadow:0 0 0 1000px var(--mc-field-focus) inset;caret-color:var(--mc-strong);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}[data-theme=dark] .dtf-app-shell input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] .dtf-app-shell input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=dark] .dtf-app-shell input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.4)}.dtf-app-shell input[type=date]::-webkit-calendar-picker-indicator,.dtf-app-shell input[type=datetime-local]::-webkit-calendar-picker-indicator,.dtf-app-shell input[type=time]::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer}