:root {
  --paper: #151a20;
  --sheet: #0d1116;
  --ink: #dce3ea;
  --green: #63d494;
  --green-dark: #63d494;
  --lime: #63d494;
  --orange: #f0b46a;
  --blue: #63d494;
  --blue-dark: #63d494;
  --blue-soft: #182b24;
  --violet: #9da8ff;
  --console-line: #37414c;
  --console-muted: #8d98a4;
  color-scheme: dark;
  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

body { background: #151a20; color: #dce3ea; }
.paper-noise { display: none; }
a { color: inherit; }
.tool-header, .tool-footer { min-height: 68px; border-width: 1px; border-color: var(--console-line); }
.tool-brand { gap: 10px; font-weight: 700; }
.tool-brand__mark { width: 34px; height: 34px; border: 0; border-radius: 3px; background: #63d494; box-shadow: none; color: #102018; font-size: 16px; }
.tool-brand small { color: var(--console-muted); font-weight: 500; letter-spacing: .04em; }
.tool-header nav a, .tool-footer a { border: 1px solid var(--console-line); border-radius: 3px; color: var(--console-muted); font-weight: 600; }

.tools-hero { min-height: 540px; padding-block: 64px; }
.tool-kicker, .kicker { color: #63d494; font-weight: 650; letter-spacing: .08em; }
.tools-hero h1, .time-hero h1, .compressor-hero h1 { max-width: 840px; font-size: clamp(46px, 7vw, 84px); font-weight: 650; line-height: 1.04; letter-spacing: -.055em; }
.tools-hero > div > p, .time-hero__copy > p, .compressor-hero > div > p { color: #aeb7c1; font-size: clamp(14px, 1.7vw, 19px); font-weight: 450; line-height: 1.75; }
.tool-feature-link, .hero-action { border: 1px solid #426455; border-radius: 3px; background: #182b24; box-shadow: none; color: #bcebd0; }
.tool-feature-link--time { border-color: #385161; background: #17242e; color: #b8d7e8; }
.tool-search input { min-height: 54px; border: 1px solid var(--console-line); border-radius: 3px; background: #0d1116; box-shadow: none; font-weight: 500; }
.tool-search b { color: #63d494; }

.tool-counter, .compressor-ticket, .now-ticket { border: 1px solid var(--console-line); border-radius: 4px; background: #0d1116; box-shadow: none; transform: none; }
.tool-counter { min-height: 335px; }
.tool-counter::before, .tool-counter::after { height: 1px; background: var(--console-line); }
.tool-counter strong b { color: #63d494; font-size: clamp(100px, 14vw, 170px); font-weight: 550; text-shadow: none; }
.tool-counter em, .compressor-ticket em { border: 1px solid #426455; border-radius: 2px; background: #182b24; color: #9fe1bc; transform: none; }
.compressor-ticket strong, .compressor-hero__slogan { color: #63d494; font-weight: 600; }
.compressor-guide li, .compressor-scenario-grid article, .compressor-scenario-grid article:nth-child(2), .compressor-note-grid article, .compressor-faq details { border: 1px solid var(--console-line); border-radius: 2px; background: #0d1116; }
.compressor-guide li span, .compressor-scenario-grid p, .compressor-note-grid p, .compressor-faq details p { color: #9ca7b2; font-weight: 450; }
.compressor-guide li b { color: #63d494; }
.compressor-scenarios, .compressor-faq { border-width: 1px; border-color: var(--console-line); }
.compressor-faq details[open] summary { border-color: var(--console-line); background: #182b24; color: #bcebd0; }

.tool-directory, .moment-lab, .converter, .batch-lab, .misunderstandings, .timestamp-faq { border-width: 1px; border-color: var(--console-line); }
.directory-heading h2, .tool-principles h2, .section-heading h2, .compressor-guide h2, .compressor-scenarios h2 { font-weight: 620; line-height: 1.08; letter-spacing: -.045em; }
.directory-status, .section-heading > p, .compressor-guide header p { color: var(--console-muted); font-weight: 450; }
.tool-filters button, .mode-tabs button { border: 1px solid var(--console-line); border-radius: 3px; color: var(--console-muted); font-weight: 600; }
.tool-filters button.is-active, .mode-tabs button.is-active { border-color: #63d494; background: #63d494; box-shadow: none; color: #102018; }

.tool-card, .tool-card[data-category="image"], .tool-card[data-category="pdf"], .tool-card[data-category="content"] { min-height: 220px; border: 1px solid var(--console-line); border-radius: 3px; background: #0d1116; }
.tool-card:hover, .tool-card:focus-visible { border-color: #63d494; box-shadow: inset 3px 0 0 #63d494; transform: none; }
.tool-card__top { color: var(--console-muted); font-weight: 600; }
.tool-card__top span:last-child { border: 0; border-radius: 2px; background: #202832; }
.tool-card h3 { margin-top: 46px; color: #f1f4f7; font-size: 20px; font-weight: 650; letter-spacing: -.025em; }
.tool-card p { color: #939eaa; font-weight: 450; }
.tool-card__arrow { color: #63d494; font-weight: 500; }

.tool-workbench, .converter-panel, .batch-workbench, .moment-stage { border: 1px solid var(--console-line); border-radius: 3px; background: #0d1116; box-shadow: none; }
.workbench-header h2 { color: #f1f4f7; font-size: clamp(34px, 5vw, 56px); font-weight: 620; line-height: 1.08; letter-spacing: -.045em; }
.workbench-header p { color: #9ca7b2; font-weight: 450; }
.privacy-strip, .hero-note, .field-note, .result-warning { border: 1px solid #426455; border-radius: 2px; background: #182b24; box-shadow: none; color: #bcebd0; transform: none; }
.tool-controls, .tool-output, .converter-output, .batch-workbench > div + div { border-color: var(--console-line); background: #11171d; }
.file-field, .selected-file-queue, .target-presets, .control-field input, .control-field select, .control-field textarea, .converter-input input, .converter-input select, .batch-workbench textarea { border: 1px solid var(--console-line); border-radius: 3px; background: #090d11; font-weight: 500; }
.selected-file-queue__header { border-color: var(--console-line); background: #182b24; }
.target-preset-buttons button { border: 1px solid var(--console-line); border-radius: 2px; background: #151a20; color: #aeb7c1; font-weight: 600; }
.target-preset-buttons button.is-active { border-color: #63d494; background: #63d494; box-shadow: none; color: #102018; }
.primary-action, .tool-button, .tool-action, .compress-action { border: 0; border-radius: 3px; background: #63d494; box-shadow: none; color: #102018; font-weight: 700; }
.tool-button--ghost { border: 1px solid var(--console-line); background: transparent; color: #aeb7c1; }
.primary-action:hover, .primary-action:focus-visible, .tool-button:hover, .tool-button:focus-visible { box-shadow: none; transform: none; filter: brightness(1.08); }

.compressor-breadcrumb, .breadcrumb { color: var(--console-muted); font-weight: 500; }
.time-hero { grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr); }
.now-ticket::before { display: none; }
.number-row { border: 1px solid var(--console-line); border-radius: 2px; background: #151a20; }
.number-row:hover, .number-row:focus-visible { border-color: #63d494; box-shadow: none; transform: none; }
.number-row strong, .moment-core strong, .clock-card strong, .result-row strong { color: #f1f4f7; font-weight: 500; }
.live-badge, .ticket-actions button { border: 0; border-radius: 2px; background: #63d494; color: #102018; }
.moment-core { border: 1px solid #426455; border-radius: 4px; background: #182b24; box-shadow: none; }
.moment-core::before, .moment-core::after { display: none; }
.clock-rail::before { height: 1px; background: var(--console-line); }
.clock-rail::after { border: 0; border-radius: 1px; background: #63d494; box-shadow: none; }
.clock-card, .clock-card--beijing, .clock-card--local { border: 1px solid var(--console-line); border-radius: 2px; background: #151a20; transform: none; }
.clock-card::before { background: var(--console-line); }
.converter-output { border-left-style: solid; }
.result-intro { border: 1px solid #426455; border-radius: 2px; background: #182b24; color: #bcebd0; }
.result-row { border: 1px solid var(--console-line); border-radius: 2px; background: #0d1116; }
.result-row span { color: var(--console-muted); }
.result-row button, .batch-toolbar button { border: 1px solid #426455; border-radius: 2px; background: #182b24; color: #bcebd0; }
.batch-table-wrap { border: 1px solid var(--console-line); background: #0d1116; }
.batch-table th { background: #202832; color: #bcebd0; }
.batch-table th, .batch-table td { border-color: var(--console-line); }
.mistake-grid article, .mistake-grid article:nth-child(2), .mistake-grid article:nth-child(3), .faq-list details { border: 1px solid var(--console-line); border-radius: 2px; background: #0d1116; transform: none; }
.faq-list details[open] { background: #182b24; }

@media (max-width: 700px) {
  .tools-hero { min-height: auto; }
  .tool-counter { min-height: 270px; }
  .tool-card { min-height: 190px; }
  .time-hero { grid-template-columns: 1fr; }
}