/* ÜRETİLDİ — elle düzenlenmez. Kaynak: packages/anomix_ui/tokens/tokens.json */
:root {
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surfaceRaised: #ffffff;
  --color-surfaceMuted: #f2f2f2;
  --color-surfaceHover: rgb(0 0 0 / 0.051);
  --color-surfacePressed: rgb(0 0 0 / 0.102);
  --color-textPrimary: #000000;
  --color-textSecondary: rgb(0 0 0 / 0.6);
  --color-textTertiary: rgb(0 0 0 / 0.4);
  --color-border: rgb(0 0 0 / 0.149);
  --color-borderStrong: rgb(0 0 0 / 0.302);
  --color-icon: #000000;
  --color-accent: #1d9bf0;
  --color-accentHover: #1a8cd8;
  --color-onAccent: #ffffff;
  --color-positive: #00ba7c;
  --color-like: #f91880;
  --color-danger: #f4212e;
  --color-warning: #ffad1f;
  --color-overlay: rgb(0 0 0 / 0.4);
  --color-shadow: rgb(101 119 134 / 0.2);
  --color-badgeGray: #829aab;
  --color-badgeVerified: #1d9bf0;
  --color-badgeVip: #e2b719;
  --color-onDanger: #ffffff;
  --color-switchThumb: #ffffff;
  --color-badgeInk: #1a1a1a;
  --color-badgeGloss: rgb(255 255 255 / 0.502);
  --color-shine: #ffffff;
  --color-inkOnLight: #000000;
  --color-inkOnDark: #ffffff;
  --color-mediaBg: #000000;
  --color-onMedia: #ffffff;
  --color-onMediaMuted: rgb(255 255 255 / 0.702);
  --color-mediaTrack: rgb(255 255 255 / 0.349);
  --color-mediaScrim: rgb(0 0 0 / 0.451);
  --color-mediaScrimStrong: rgb(0 0 0 / 0.6);
  --color-mediaPressed: rgb(0 0 0 / 0.122);
  --color-mediaShadow: rgb(0 0 0 / 0.4);
  --color-elevationShadow: rgb(0 0 0 / 0.2);
  --color-cardInk: #0f1419;
  --color-cardPaper: #ffffff;
  --color-cardDim: #536471;
  --color-cardPill: #eff3f4;
  --color-checkerLight: #ffffff;
  --color-checkerDark: #d9d9d9;
  --space-xs2: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xl2: 24px;
  --space-xl3: 32px;
  --space-xl4: 40px;
  --space-xl5: 48px;
  --space-tight: 3px;
  --space-inline: 6px;
  --space-snug: 10px;
  --radius-chip: 10px;
  --radius-field: 4px;
  --radius-dialog: 18px;
  --radius-media: 16px;
  --radius-bubble: 20px;
  --radius-bubbleTail: 4px;
  --radius-bubbleJoint: 8px;
  --radius-sheet: 24px;
  --radius-button: 999px;
  --radius-pill: 999px;
  --radius-homeWidget: 22px;
  --radius-thumb: 8px;
  --radius-tile: 14px;
  --radius-keycap: 5px;
  --radius-skeleton: 6px;
  --radius-checkbox: 5px;
  --radius-scrollbar: 8px;
  --radius-tooltip: 4px;
  --radius-iconTile: 8px;
  --radius-pollCheck: 4px;
  --stroke-hairline: 0.5px;
  --stroke-thin: 1px;
  --stroke-focus: 2px;
  --stroke-indicator: 3px;
  --stroke-ring: 2px;
  --stroke-rule: 2px;
  --stroke-quote: 3px;
  --stroke-spinner: 2.25px;
  --stroke-spinnerThin: 2px;
  --stroke-indicatorThin: 2px;
  --stroke-cursor: 2px;
  --stroke-thumbRing: 3px;
  --stroke-avatarRing: 3px;
  --stroke-progressRing: 2.5px;
  --stroke-glow: 2px;
  --stroke-medium: 1.5px;
  --stroke-spinnerFine: 1.75px;
  --stroke-checkbox: 1.75px;
  --stroke-storyRing: 3px;
  --stroke-storyRingSmall: 2.25px;
  --stroke-radioSelected: 6px;
  --size-buttonHeight: 40px;
  --size-buttonHeightLarge: 52px;
  --size-buttonHeightSmall: 32px;
  --size-buttonPaddingX: 20px;
  --size-buttonPaddingXLarge: 32px;
  --size-avatarRow: 40px;
  --size-avatarRowLarge: 48px;
  --size-avatarProfile: 128px;
  --size-avatarProfileCompact: 84px;
  --size-avatarIntro: 72px;
  --size-avatarSmall: 32px;
  --size-avatarTiny: 24px;
  --size-actionHit: 36px;
  --size-actionIcon: 20px;
  --size-icon: 24px;
  --size-iconSmall: 18px;
  --size-iconLarge: 28px;
  --size-badge: 16px;
  --size-avatarTile: 56px;
  --size-frameTile: 128px;
  --size-logoSplash: 72px;
  --size-badgeSmall: 14px;
  --size-reactionChip: 30px;
  --size-statusIcon: 15px;
  --size-minTouch: 44px;
  --size-bottomBar: 53px;
  --size-topBar: 53px;
  --size-chatListRow: 76px;
  --size-profileBanner: 140px;
  --size-profileGalleryCover: 300px;
  --size-tabPadding: 16px;
  --size-fieldHeight: 56px;
  --size-searchHeight: 40px;
  --size-composerCompact: 360px;
  --size-rowCompact: 360px;
  --size-railCompact: 88px;
  --size-railExpanded: 275px;
  --size-contentMax: 600px;
  --size-sideRail: 350px;
  --size-chatListPane: 390px;
  --size-phonePreview: 390px;
  --size-storyDesignWidth: 390px;
  --size-storyDesignHeight: 844px;
  --size-chatSplitMax: 1000px;
  --size-dialogMaxWidth: 600px;
  --size-sheetMaxWidth: 640px;
  --size-callControl: 60px;
  --size-callControlSmall: 52px;
  --size-callAvatar: 112px;
  --size-callSelfView: 108px;
  --size-storyReplyThumbWidth: 56px;
  --size-storyReplyThumbHeight: 72px;
  --size-linkPreviewThumb: 64px;
  --size-avatarStrip: 64px;
  --size-storyScrim: 120px;
  --size-likeHeart: 34px;
  --size-likeHit: 48px;
  --size-storyHeaderInline: 220px;
  --size-recordButton: 72px;
  --size-statusPreview: 80px;
  --size-themePreview: 280px;
  --size-themePreviewBanner: 120px;
  --size-noteRowMaxWidth: 260px;
  --size-mediaPlayBadge: 40px;
  --size-badgeTiny: 13px;
  --size-storyGridTile: 220px;
  --size-storyArchiveTile: 180px;
  --size-storyStripItem: 76px;
  --size-avatarNoteStrip: 76px;
  --size-noteStripItem: 102px;
  --size-storyDismissDrag: 120px;
  --size-storyDismissVelocity: 900px;
  --size-storyDragFade: 500px;
  --size-storyDragShrink: 3000px;
  --size-storyDragMaxShrink: 0.12px;
  --size-storyDragMax: 2000px;
  --size-iconMedium: 22px;
  --size-avatarInline: 22px;
  --size-iconMicro: 12px;
  --size-iconNano: 13px;
  --size-iconTiny: 14px;
  --size-iconXSmall: 16px;
  --size-iconCompact: 20px;
  --size-iconProminent: 26px;
  --size-iconXLarge: 32px;
  --size-iconHero: 34px;
  --size-dotTiny: 4px;
  --size-bullet: 5px;
  --size-dotSmall: 6px;
  --size-dot: 8px;
  --size-dotLarge: 10px;
  --size-statusDot: 12px;
  --size-logoHeader: 28px;
  --size-logoRecents: 64px;
  --size-logoRail: 32px;
  --size-logoTopBar: 30px;
  --size-logoHero: 52px;
  --size-logoNotification: 20px;
  --size-panelLogo: 40px;
  --size-panelLogoBoot: 56px;
  --size-panelLogoTitle: 26px;
  --size-panelLogoRail: 38px;
  --size-panelLogoRailCompact: 30px;
  --size-dialogWidth: 360px;
  --size-dialogWidthConfirm: 420px;
  --size-dialogWidthForm: 440px;
  --size-dialogWidthPreview: 460px;
  --size-dialogWidthDetail: 480px;
  --size-dialogWidthWide: 520px;
  --size-dialogWidthEditor: 560px;
  --size-pageWidth: 960px;
  --size-pageWidthNarrow: 720px;
  --size-pageWidthCalendar: 880px;
  --size-pageWidthWide: 1080px;
  --size-pageWidthDashboard: 1120px;
  --size-detailSheetWidth: 820px;
  --size-splitList: 360px;
  --size-splitListNarrow: 320px;
  --size-splitListMedium: 380px;
  --size-splitListWide: 400px;
  --size-splitListWidest: 420px;
  --size-asideWidth: 360px;
  --size-pageEndSpace: 120px;
  --size-listEndSpace: 140px;
  --size-editorEndSpace: 160px;
  --size-actionHitSmall: 28px;
  --size-actionHitCompact: 32px;
  --size-chipBar: 48px;
  --size-chipBarCompact: 40px;
  --size-segmentedWidth: 320px;
  --size-selectWidth: 220px;
  --size-selectWidthCompact: 180px;
  --size-fieldWidthShort: 110px;
  --size-meter: 6px;
  --size-meterThin: 4px;
  --size-meterThick: 8px;
  --size-userBadges: 18px;
  --size-userBadgesCompact: 15px;
  --size-badgeListLeading: 32px;
  --size-badgePreview: 44px;
  --size-badgeInline: 20px;
  --size-rowThumb: 40px;
  --size-rowThumbLarge: 48px;
  --size-slotIcon: 40px;
  --size-slotIconLarge: 48px;
  --size-anonAvatarTile: 52px;
  --size-appleMark: 30px;
  --size-audienceLabelColumn: 96px;
  --size-audienceUseColumn: 132px;
  --size-barLabelColumn: 120px;
  --size-barValueColumn: 48px;
  --size-brandRowIndent: 136px;
  --size-bubbleMaxWidth: 280px;
  --size-bubbleMaxWidthWide: 420px;
  --size-bubblePreviewWidth: 220px;
  --size-bubblePreviewWidthWide: 240px;
  --size-bubbleSkeletonHeight: 38px;
  --size-calendarLoadingHeight: 320px;
  --size-cameraTileButton: 52px;
  --size-capabilityTile: 52px;
  --size-cardMessageWidth: 300px;
  --size-catalogPreviewHeight: 300px;
  --size-catalogPreviewWidth: 180px;
  --size-catalogSlideInset: 96px;
  --size-dragDeleteInset: 120px;
  --size-editorLabelColumn: 72px;
  --size-effectCell: 72px;
  --size-effectCellSmall: 36px;
  --size-effectStripHeight: 112px;
  --size-effectTileWidth: 96px;
  --size-emojiColumn: 32px;
  --size-emojiCustomGlyph: 28px;
  --size-emojiGlyph: 26px;
  --size-emojiStatus: 20px;
  --size-filterStripHeight: 96px;
  --size-focusBox: 64px;
  --size-framePreviewLarge: 96px;
  --size-framePreviewSmall: 44px;
  --size-gameCardLarge: 420px;
  --size-gameLoadingHeight: 200px;
  --size-giftStripLoadingHeight: 120px;
  --size-heroSubtitle: 27px;
  --size-heroTitle: 44px;
  --size-heroTitleLarge: 56px;
  --size-heroTracking: -1.2px;
  --size-iconGridTile: 112px;
  --size-iconGridTileHeight: 96px;
  --size-iconPickerTile: 76px;
  --size-iconPreviewBox: 72px;
  --size-lookupListHeight: 260px;
  --size-matrixHeaderHeight: 40px;
  --size-matrixRowHeight: 52px;
  --size-mediaMatchTile: 148px;
  --size-mediaPlayCompact: 32px;
  --size-mediaPlayLarge: 64px;
  --size-mediaPlayTiny: 24px;
  --size-mediaStripHeight: 64px;
  --size-mediaStripThumb: 56px;
  --size-miniGift: 140px;
  --size-miniGiftPreview: 110px;
  --size-musicCoverSmall: 44px;
  --size-noteBubbleWide: 420px;
  --size-overviewTileHeight: 148px;
  --size-ownStickerMessage: 140px;
  --size-panelMessageWidth: 360px;
  --size-panelMessageWidthCompact: 320px;
  --size-pickerLoadingHeight: 160px;
  --size-previewHeight: 220px;
  --size-previewHeightTall: 260px;
  --size-primerBell: 76px;
  --size-primerRings: 150px;
  --size-segmentedHeightLarge: 48px;
  --size-shareTemplateThumb: 150px;
  --size-skeletonSubtitleHeight: 10px;
  --size-skeletonSubtitleWidth: 70px;
  --size-skeletonTitleWidth: 110px;
  --size-statTileSkeleton: 104px;
  --size-statValueSkeletonHeight: 26px;
  --size-statValueSkeletonWidth: 56px;
  --size-stickerGridItem: 72px;
  --size-stickerMessage: 128px;
  --size-stickerTab: 48px;
  --size-stickerTabBar: 56px;
  --size-storyTextSize: 30px;
  --size-stubLineHeight: 8px;
  --size-stubLineWidth: 72px;
  --size-stubSubLineHeight: 6px;
  --size-stubSubLineWidth: 104px;
  --size-templateCardWide: 300px;
  --size-textLineSkeleton: 20px;
  --size-themeStripHeight: 136px;
  --size-thumbStripHeight: 112px;
  --size-welcomeColumn: 380px;
  --size-welcomeMaxWidth: 1200px;
  --size-lockCornerLarge: 22px;
  --size-qrCodeCompact: 192px;
  --size-buttonSmallText: 14px;
  --size-playButton: 40px;
  --size-loader: 28px;
  --size-welcomeSlideText: 360px;
  --size-signalBar: 3px;
  --size-signalBarMin: 5px;
  --size-chipHeight: 32px;
  --size-keycap: 20px;
  --size-keycapPadding: 5px;
  --size-emojiTab: 44px;
  --size-stateViewWidth: 400px;
  --size-progressBar: 3px;
  --size-countBadge: 18px;
  --size-countBadgePadding: 4.5px;
  --size-skeletonLine: 14px;
  --size-skeletonTitle: 13px;
  --size-skeletonText: 11px;
  --size-skeletonAction: 64px;
  --size-searchTrigger: 50px;
  --size-wheelItem: 44px;
  --size-themeChoiceTile: 132px;
  --size-iconChoiceTile: 72px;
  --size-sliderThumb: 20px;
  --size-sliderTrack: 4px;
  --size-rangeThumb: 22px;
  --size-contextMenuDivider: 20px;
  --size-contextMenuItem: 40px;
  --size-codeCellHeight: 52px;
  --size-codeCellWidth: 44px;
  --size-checkBadge: 22px;
  --size-checkBadgeOverhang: 7px;
  --size-segmentedHeight: 36px;
  --size-checkbox: 20px;
  --size-colorThumb: 22px;
  --size-colorPopover: 300px;
  --size-colorSwatch: 32px;
  --size-lockCorner: 18px;
  --size-countSeparator: 14px;
  --size-swatchWidth: 84px;
  --size-swatchHeight: 112px;
  --size-noteBubbleField: 220px;
  --size-noteBubble: 168px;
  --size-bannerBlur: 36px;
  --size-skeletonNameWidth: 150px;
  --size-skeletonNameHeight: 22px;
  --size-skeletonBioWidth: 220px;
  --size-skeletonBioHeight: 12px;
  --size-qrCode: 200px;
  --size-stickyTitleAfter: 96px;
  --size-rowDense: 48px;
  --size-row: 52px;
  --size-rowTwoLine: 64px;
  --size-rowTrailingMax: 180px;
  --size-pullTrigger: 72px;
  --size-pullHold: 56px;
  --size-scrollFade: 40px;
  --size-fadeClamp: 32px;
  --size-editorPageWidth: 760px;
  --size-editorPreviewWidth: 460px;
  --size-headerTextMax: 640px;
  --size-scrollbarThickness: 6px;
  --size-musicCover: 48px;
  --size-colorSwatchSmall: 28px;
  --size-dragDeleteTarget: 56px;
  --size-sourceBadge: 20px;
  --size-sourceBadgeIcon: 11px;
  --size-filterThumb: 64px;
  --size-shutter: 78px;
  --size-storyProgress: 2.5px;
  --size-transparencyCell: 12px;
  --size-mediaBlur: 28px;
  --size-mediaPlay: 44px;
  --size-mediaTileBadge: 24px;
  --size-editorTool: 64px;
  --size-sticker: 120px;
  --size-storyTileScrim: 72px;
  --size-railDivider: 40px;
  --size-navBadgeRaise: 5px;
  --size-navBadgeShift: 9px;
  --size-pageDotActive: 20px;
  --size-toastMaxWidth: 480px;
  --size-sheetHandleWidth: 36px;
  --size-sheetHandleHeight: 4px;
  --size-optionLeading: 28px;
  --size-optionLeadingText: 20px;
  --size-busyMinWidth: 160px;
  --size-busyMaxWidth: 260px;
  --size-loaderLarge: 32px;
  --size-paletteWidth: 640px;
  --size-paletteResults: 440px;
  --size-paletteIcon: 32px;
  --size-focusMenuItem: 46px;
  --size-focusMenuItemTall: 62px;
  --size-focusMenuHeader: 56px;
  --size-swipeReply: 56px;
  --size-mediaGrid: 260px;
  --size-headerTitleNarrow: 180px;
  --size-gifMessage: 240px;
  --size-locationCard: 260px;
  --size-templateCard: 280px;
  --size-templateCardImage: 180px;
  --size-typingDot: 7px;
  --size-contextBand: 32px;
  --size-viewOnceIcon: 30px;
  --size-themePreviewCard: 220px;
  --size-noteReplyCard: 240px;
  --size-waveform: 28px;
  --size-waveformBar: 2.5px;
  --size-waveformCompact: 24px;
  --size-pollCheck: 18px;
  --size-musicCard: 260px;
  --size-musicCardCover: 64px;
  --size-callRecordCard: 248px;
  --size-gameBoard: 240px;
  --size-gameBoardWide: 280px;
  --size-dice: 56px;
  --size-voiceMessage: 220px;
  --size-voiceUnplayedDot: 7px;
  --size-chipBadge: 11px;
  --size-chipBadgeGlyph: 7px;
  --size-chipInset: 5px;
  --size-barChart: 160px;
  --size-cohortCell: 64px;
  --size-cohortFirst: 112px;
  --size-cohortRow: 36px;
  --size-funnelStep: 22px;
  --size-funnelLabel: 64px;
  --size-announcementThumb: 64px;
  --size-phoneFrameSmall: 220px;
  --size-adCard: 420px;
  --size-welcomeVisualLarge: 460px;
  --size-welcomeVisual: 330px;
  --size-welcomeTitleLarge: 34px;
  --size-welcomeTitle: 26px;
  --size-welcomeBodyLineLarge: 24px;
  --size-emojiHeader: 36px;
  --size-colorCheckerCell: 6px;
  --size-selectionHandle: 18px;
  --size-giftTile: 76px;
  --size-splitDetailAt: 1200px;
  --size-codeTracking: 2px;
  --size-popoverWidth: 260px;
  --size-storyRingGap: 4px;
  --size-storyRingGapSmall: 2.5px;
  --size-coverBlur: 14px;
  --size-toastSlide: 24px;
  --size-videoControls: 64px;
  --size-rowDividerIndent: 64px;
  --size-flowTitle: 27px;
  --size-flowTitleLine: 32px;
  --size-phonePreviewHeight: 844px;
  --size-reactionHalo: 14px;
  --size-entranceOffset: 12px;
  --size-entranceOffsetLarge: 28px;
  --size-switchWidth: 44px;
  --size-switchHeight: 26px;
  --size-switchKnob: 20px;
  --size-gifPlaceholder: 160px;
  --size-voiceCancelDrag: 120px;
  --size-voiceLockDrag: 90px;
  --size-emojiPickerGlyph: 30px;
  --size-connectFourLarge: 340px;
  --size-connectFour: 252px;
  --size-ticTacToeLarge: 300px;
  --size-ticTacToe: 210px;
  --size-photoEditor: 104px;
  --size-dragDeleteZone: 96px;
  --size-cameraTile: 200px;
  --size-toneMark: 36px;
  --size-pageWidthXWide: 1240px;
  --size-mediaBlurLight: 12px;
  --size-panelStoryWidth: 120px;
  --size-priceCountryColumn: 72px;
  --size-storeMediaTile: 168px;
  --size-tableHeader: 40px;
  --size-tableRow: 52px;
  --size-tableCheckColumn: 44px;
  --size-tableTrailing: 28px;
  --size-tableCollapseBelow: 640px;
  --size-tableColumnGap: 16px;
  --size-sparkline: 28px;
  --size-toolbarSearch: 280px;
  --size-toolbarSingleRowFrom: 720px;
  --size-splitListShare: 0.4px;
  --size-splitListMax: 560px;
  --duration-micro: 120ms;
  --duration-selection: 160ms;
  --duration-sheet: 240ms;
  --duration-page: 280ms;
  --duration-pop: 220ms;
  --duration-hero: 260ms;
  --duration-reduced: 100ms;
  --duration-glass: 180ms;
  --duration-stagger: 28ms;
  --duration-shimmer: 1300ms;
  --duration-counter: 260ms;
  --duration-toast: 2600ms;
  --duration-scroll: 280ms;
  --duration-tooltipDelay: 500ms;
  --duration-tooltipHold: 1500ms;
  --duration-debounce: 300ms;
  --duration-spin: 1400ms;
  --duration-blink: 900ms;
  --duration-typing: 1100ms;
  --duration-scrollbarFade: 220ms;
  --duration-scrollbarHold: 900ms;
  --duration-shineSweep: 3600ms;
  --duration-swingPeriod: 2800ms;
  --duration-swing: 900ms;
  --duration-pulse: 2400ms;
  --duration-unwrap: 720ms;
  --duration-hint: 900ms;
  --duration-bootHint: 900ms;
  --duration-callEnded: 1600ms;
  --duration-callControls: 4000ms;
  --duration-welcomeChat: 7600ms;
  --duration-welcomeStories: 5200ms;
  --duration-welcomeDiscover: 9000ms;
  --duration-gestureSettle: 80ms;
  --duration-holdDelay: 180ms;
  --duration-toastPerChar: 25ms;
  --duration-welcomeDwell: 7600ms;
  --duration-marqueePause: 1600ms;
  --duration-marqueePerPx: 28ms;
  --duration-searchDebounce: 250ms;
  --duration-scrollIdle: 900ms;
  --duration-musicBars: 900ms;
  --duration-likeBurst: 640ms;
  --ease-enter: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-exit: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-standard: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --ease-overshoot: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --type-display: 800 31px/36px var(--font-display);
  --tracking-display: -0.5px;
  --type-headingLarge: 700 23px/28px var(--font-display);
  --tracking-headingLarge: -0.3px;
  --type-pageTitle: 700 20px/24px var(--font-text);
  --tracking-pageTitle: -0.3px;
  --type-sectionTitle: 700 20px/24px var(--font-text);
  --tracking-sectionTitle: -0.3px;
  --type-bodyStrong: 700 15px/20px var(--font-text);
  --tracking-bodyStrong: -0.1px;
  --type-body: 400 15px/20px var(--font-text);
  --tracking-body: -0.1px;
  --type-bodySmall: 400 14px/18px var(--font-text);
  --tracking-bodySmall: -0.08px;
  --type-meta: 400 13px/16px var(--font-text);
  --tracking-meta: -0.02px;
  --type-caption: 400 12px/16px var(--font-text);
  --tracking-caption: 0.05px;
  --type-tiny: 400 11px/14px var(--font-text);
  --tracking-tiny: 0.1px;
  --type-button: 700 15px/20px var(--font-text);
  --tracking-button: -0.1px;
  --type-buttonLarge: 700 17px/20px var(--font-text);
  --tracking-buttonLarge: -0.2px;
  --type-tab: 500 15px/20px var(--font-text);
  --tracking-tab: -0.1px;
  --type-field: 400 17px/22px var(--font-text);
  --tracking-field: -0.2px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #000000;
    --color-surface: #000000;
    --color-surfaceRaised: #141414;
    --color-surfaceMuted: #262626;
    --color-surfaceHover: rgb(255 255 255 / 0.078);
    --color-surfacePressed: rgb(255 255 255 / 0.122);
    --color-textPrimary: #ffffff;
    --color-textSecondary: rgb(255 255 255 / 0.6);
    --color-textTertiary: rgb(255 255 255 / 0.4);
    --color-border: rgb(255 255 255 / 0.149);
    --color-borderStrong: rgb(255 255 255 / 0.302);
    --color-icon: #ffffff;
    --color-accent: #1d9bf0;
    --color-accentHover: #1a8cd8;
    --color-onAccent: #ffffff;
    --color-positive: #00ba7c;
    --color-like: #f91880;
    --color-danger: #f4212e;
    --color-warning: #ffad1f;
    --color-overlay: rgb(0 0 0 / 0.8);
    --color-shadow: rgb(255 255 255 / 0.2);
    --color-badgeGray: #829aab;
    --color-badgeVerified: #1d9bf0;
    --color-badgeVip: #e2b719;
    --color-onDanger: #ffffff;
    --color-switchThumb: #ffffff;
    --color-badgeInk: #1a1a1a;
    --color-badgeGloss: rgb(255 255 255 / 0.502);
    --color-shine: #ffffff;
    --color-inkOnLight: #000000;
    --color-inkOnDark: #ffffff;
    --color-mediaBg: #000000;
    --color-onMedia: #ffffff;
    --color-onMediaMuted: rgb(255 255 255 / 0.702);
    --color-mediaTrack: rgb(255 255 255 / 0.349);
    --color-mediaScrim: rgb(0 0 0 / 0.451);
    --color-mediaScrimStrong: rgb(0 0 0 / 0.6);
    --color-mediaPressed: rgb(0 0 0 / 0.122);
    --color-mediaShadow: rgb(0 0 0 / 0.4);
    --color-elevationShadow: rgb(0 0 0 / 0.2);
    --color-cardInk: #0f1419;
    --color-cardPaper: #ffffff;
    --color-cardDim: #536471;
    --color-cardPill: #eff3f4;
    --color-checkerLight: #ffffff;
    --color-checkerDark: #d9d9d9;
  }
}
.theme-dark {
  --color-bg: #000000;
  --color-surface: #000000;
  --color-surfaceRaised: #141414;
  --color-surfaceMuted: #262626;
  --color-surfaceHover: rgb(255 255 255 / 0.078);
  --color-surfacePressed: rgb(255 255 255 / 0.122);
  --color-textPrimary: #ffffff;
  --color-textSecondary: rgb(255 255 255 / 0.6);
  --color-textTertiary: rgb(255 255 255 / 0.4);
  --color-border: rgb(255 255 255 / 0.149);
  --color-borderStrong: rgb(255 255 255 / 0.302);
  --color-icon: #ffffff;
  --color-accent: #1d9bf0;
  --color-accentHover: #1a8cd8;
  --color-onAccent: #ffffff;
  --color-positive: #00ba7c;
  --color-like: #f91880;
  --color-danger: #f4212e;
  --color-warning: #ffad1f;
  --color-overlay: rgb(0 0 0 / 0.8);
  --color-shadow: rgb(255 255 255 / 0.2);
  --color-badgeGray: #829aab;
  --color-badgeVerified: #1d9bf0;
  --color-badgeVip: #e2b719;
  --color-onDanger: #ffffff;
  --color-switchThumb: #ffffff;
  --color-badgeInk: #1a1a1a;
  --color-badgeGloss: rgb(255 255 255 / 0.502);
  --color-shine: #ffffff;
  --color-inkOnLight: #000000;
  --color-inkOnDark: #ffffff;
  --color-mediaBg: #000000;
  --color-onMedia: #ffffff;
  --color-onMediaMuted: rgb(255 255 255 / 0.702);
  --color-mediaTrack: rgb(255 255 255 / 0.349);
  --color-mediaScrim: rgb(0 0 0 / 0.451);
  --color-mediaScrimStrong: rgb(0 0 0 / 0.6);
  --color-mediaPressed: rgb(0 0 0 / 0.122);
  --color-mediaShadow: rgb(0 0 0 / 0.4);
  --color-elevationShadow: rgb(0 0 0 / 0.2);
  --color-cardInk: #0f1419;
  --color-cardPaper: #ffffff;
  --color-cardDim: #536471;
  --color-cardPill: #eff3f4;
  --color-checkerLight: #ffffff;
  --color-checkerDark: #d9d9d9;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-micro: 100ms;
    --duration-selection: 100ms;
    --duration-sheet: 100ms;
    --duration-page: 100ms;
    --duration-pop: 100ms;
    --duration-hero: 100ms;
    --duration-reduced: 100ms;
    --duration-glass: 100ms;
    --duration-stagger: 28ms;
    --duration-counter: 100ms;
    --duration-scroll: 100ms;
    --duration-tooltipDelay: 100ms;
    --duration-tooltipHold: 100ms;
    --duration-debounce: 100ms;
    --duration-spin: 100ms;
    --duration-blink: 100ms;
    --duration-typing: 100ms;
    --duration-scrollbarFade: 100ms;
    --duration-scrollbarHold: 100ms;
    --duration-shineSweep: 100ms;
    --duration-swingPeriod: 100ms;
    --duration-swing: 100ms;
    --duration-pulse: 100ms;
    --duration-unwrap: 100ms;
    --duration-hint: 100ms;
    --duration-bootHint: 100ms;
    --duration-callEnded: 100ms;
    --duration-callControls: 100ms;
    --duration-welcomeChat: 100ms;
    --duration-welcomeStories: 100ms;
    --duration-welcomeDiscover: 100ms;
    --duration-gestureSettle: 80ms;
    --duration-holdDelay: 100ms;
    --duration-toastPerChar: 25ms;
    --duration-welcomeDwell: 100ms;
    --duration-marqueePause: 100ms;
    --duration-marqueePerPx: 28ms;
    --duration-searchDebounce: 100ms;
    --duration-scrollIdle: 100ms;
    --duration-musicBars: 100ms;
    --duration-likeBurst: 100ms;
  }
}