#dq-sleep-app {
  --navy:#182d3a; --teal:#236b67; --gold:#d9b87e; --ink:#243d45;
  --muted:#586c70; --paper:#f7f8f4; --line:#d9e3dc; --focus:#125957;
  color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif;
  font-synthesis:none;
}
#dq-sleep-app, #dq-sleep-app * {box-sizing:border-box}
#dq-sleep-app {margin:0}
#dq-sleep-app button, #dq-sleep-app input, #dq-sleep-app select, #dq-sleep-app textarea {font:inherit}
#dq-sleep-app button, #dq-sleep-app input, #dq-sleep-app summary, #dq-sleep-app a {touch-action:manipulation}
#dq-sleep-app button {cursor:pointer;color:inherit}
#dq-sleep-app button:disabled {opacity:.35;cursor:default}
#dq-sleep-app button:not(:disabled):hover {filter:brightness(.94)}
#dq-sleep-app button {transition:background-color .15s}
#dq-sleep-app a {color:var(--teal);text-underline-offset:4px}
#dq-sleep-app button, #dq-sleep-app input, #dq-sleep-app select, #dq-sleep-app textarea {border-radius:8px}
#dq-sleep-app h1, #dq-sleep-app h2, #dq-sleep-app h3, #dq-sleep-app p {margin:0}
#dq-sleep-app h1, #dq-sleep-app h2 {font-family:Georgia,'Times New Roman',serif;font-weight:400}
#dq-sleep-app p {line-height:1.55}
#dq-sleep-app svg {display:block}
#dq-sleep-app [hidden] {display:none!important}
#dq-sleep-app :focus-visible {outline:3px solid var(--focus);outline-offset:3px}
#dq-sleep-app .sr-only {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#dq-sleep-app .skip {position:fixed;left:12px;top:12px;padding:12px;background:white;z-index:100}
#dq-sleep-app .skip:not(:focus) {clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
#dq-sleep-app .site-header {height:70px;max-width:1180px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
#dq-sleep-app .brand {display:flex;gap:9px;align-items:center;color:var(--navy);text-decoration:none;font:25px Georgia,serif;letter-spacing:-.7px}
#dq-sleep-app .brand svg {width:29px;fill:var(--teal)}
#dq-sleep-app .brand .star {fill:#946c30}
#dq-sleep-app .brand-dot {color:var(--teal)}
#dq-sleep-app nav {display:flex;gap:28px}
#dq-sleep-app nav a {color:var(--muted);font-size:12px;text-decoration:none}
#dq-sleep-app .external-arrow {width:8px;height:8px;display:inline-block;position:relative;margin-left:5px}
#dq-sleep-app .external-arrow:before {content:'';position:absolute;inset:0;border-top:1px solid currentColor;border-right:1px solid currentColor}
#dq-sleep-app .external-arrow:after {content:'';position:absolute;top:3px;left:-1px;width:10px;height:1px;background:currentColor;transform:rotate(-45deg)}
#dq-sleep-app main {max-width:1120px;margin:auto;padding-bottom:24px}
#dq-sleep-app .intro {display:flex;align-items:center;justify-content:space-between;padding:28px 0 25px}
#dq-sleep-app .eyebrow {font-size:9px;letter-spacing:1.7px;font-weight:700;line-height:1.5;color:var(--teal)}
#dq-sleep-app .intro .eyebrow {font-size:16px;letter-spacing:1.5px;margin-bottom:9px}
#dq-sleep-app .tiny-star {font-size:12px;color:#916a2d;margin-right:5px}
#dq-sleep-app h1 {font-size:40px;line-height:1.12;letter-spacing:-1.3px;color:var(--navy)}
#dq-sleep-app h1 em {color:var(--teal);font-weight:400}
#dq-sleep-app .mobile-break {display:none}
#dq-sleep-app .intro-copy {margin-top:10px;font-size:13px;color:var(--muted)}
#dq-sleep-app .hero-note {display:flex;align-items:center;gap:13px;font:italic 14px/1.6 Georgia,serif;color:var(--muted)}
#dq-sleep-app .hero-note>span {display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:62px;height:62px;font-size:40px;color:var(--teal)}
#dq-sleep-app .workspace {display:grid;grid-template-columns:1.14fr 1fr;gap:20px;align-items:start;scroll-margin-top:16px}
#dq-sleep-app .panel {border:1px solid var(--line);background:white;border-radius:18px;box-shadow:0 5px 28px #182d3a05}
#dq-sleep-app .editor {padding:22px 24px 16px}
#dq-sleep-app .section-heading {display:flex;align-items:center;gap:11px;margin-bottom:17px}
#dq-sleep-app .step-number {width:33px;height:33px;display:grid;place-items:center;background:#edf3ec;border-radius:50%;color:var(--teal);font-size:11px}
#dq-sleep-app .section-heading .eyebrow {font-size:8px;letter-spacing:1.3px;margin-bottom:3px}
#dq-sleep-app .section-heading h2 {font-size:26px;letter-spacing:-.6px}
#dq-sleep-app .modes {display:grid;grid-template-columns:1fr 1fr;border:0;padding:4px;margin:0 0 17px;background:#edf2ed;border-radius:10px}
#dq-sleep-app .modes label, #dq-sleep-app .period label {position:relative;text-align:center;cursor:pointer}
#dq-sleep-app .modes input, #dq-sleep-app .period input {position:absolute;opacity:0;width:1px;height:1px}
#dq-sleep-app .modes span {display:block;padding:10px 4px;border-radius:7px;font-size:12px;font-weight:600;color:var(--muted)}
#dq-sleep-app .modes input:checked+span {background:var(--teal);color:white;box-shadow:0 2px 5px #182d3a15}
#dq-sleep-app .modes input:focus-visible+span, #dq-sleep-app .period input:focus-visible+span {outline:3px solid var(--focus);outline-offset:3px}
#dq-sleep-app .time-heading {display:flex;justify-content:space-between;align-items:center}
#dq-sleep-app .field-heading {font-size:14px;font-weight:600}
#dq-sleep-app .time-heading p {font-size:11px;color:var(--muted);margin-top:3px}
#dq-sleep-app .time-icon {font-size:22px;color:var(--teal)}
#dq-sleep-app .clock-editor {display:grid;grid-template-columns:190px 1fr;gap:27px;align-items:center;margin:14px 0 17px}
#dq-sleep-app .clock {width:174px;aspect-ratio:1;touch-action:none;border-radius:50%;user-select:none;cursor:crosshair;margin:auto}
#dq-sleep-app .clock svg {width:100%;height:100%;overflow:visible}
#dq-sleep-app .clock-face {fill:var(--gold);stroke:#9d7945;stroke-width:1.5}
#dq-sleep-app .clock-guide {fill:none;stroke:#b38a4b;stroke-width:1;stroke-dasharray:1 7}
#dq-sleep-app .clock-tick {stroke:#80673e;stroke-width:1.5}
#dq-sleep-app .clock text {font:17px Arial,sans-serif;fill:var(--navy);dominant-baseline:central;text-anchor:middle;pointer-events:none}
#dq-sleep-app .clock text.active {fill:#fff8eb;font-weight:700}
#dq-sleep-app #clock-hand {stroke:var(--navy);stroke-width:3;stroke-linecap:round}
#dq-sleep-app #clock-tip, #dq-sleep-app .clock-pin {fill:var(--navy)}
#dq-sleep-app .clock-pin {stroke:#fff5e3;stroke-width:2}
#dq-sleep-app .clock-hint {font-size:9px;color:var(--muted);text-align:center;margin-top:6px;line-height:1.5}
#dq-sleep-app .time-controls {min-width:0;padding-bottom:10px;max-width:220px}
#dq-sleep-app .clock-tabs {display:flex;gap:20px;margin-bottom:10px}
#dq-sleep-app .clock-tabs button {background:transparent;border:0;border-bottom:2px solid transparent;padding:6px 0;border-radius:0;font-size:11px;color:var(--muted)}
#dq-sleep-app .clock-tabs button[aria-pressed=true] {color:var(--teal);border-bottom-color:var(--teal);font-weight:600}
#dq-sleep-app .digital-time {display:flex;gap:7px;align-items:center}
#dq-sleep-app .digital-time>div {flex:1;min-width:0}
#dq-sleep-app .digital-time label {display:block;font-size:10px;color:var(--muted);margin-bottom:4px}
#dq-sleep-app .digital-time input {width:100%;font-size:38px;letter-spacing:-1px;text-align:center;padding:7px 0;background:#f4e7ce;color:var(--navy);border:1px solid #b5945e}
#dq-sleep-app .digital-time>span {font-size:30px;color:var(--navy);margin-top:15px}
#dq-sleep-app input[type=number] {-moz-appearance:textfield;appearance:textfield}
#dq-sleep-app input[type=number]::-webkit-inner-spin-button, #dq-sleep-app input[type=number]::-webkit-outer-spin-button {appearance:none;margin:0}
#dq-sleep-app .period {display:flex;border:1px solid var(--line);border-radius:7px;margin:9px 0 0;padding:3px}
#dq-sleep-app .period label {flex:1}
#dq-sleep-app .period span {display:block;border-radius:4px;padding:6px;font-size:11px}
#dq-sleep-app .period input:checked+span {background:var(--navy);color:white}
#dq-sleep-app .direct-note {font-size:9px;color:var(--muted);margin-top:7px;line-height:1.5}
#dq-sleep-app .preferences {display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-bottom:14px}
#dq-sleep-app .preference-card {background:#f3f6f0;border:1px solid #dce5d8;border-radius:10px;padding:10px 8px;min-width:0}
#dq-sleep-app .preference-label {display:block;font-size:10px;font-weight:600;white-space:nowrap;margin-bottom:9px;color:var(--navy)}
#dq-sleep-app .preference-label>span {color:var(--teal);margin-right:3px;font-size:13px}
#dq-sleep-app .number-stepper, #dq-sleep-app .duration-controls {display:flex;align-items:center;gap:4px;min-width:0}
#dq-sleep-app .step-button {flex-shrink:0;width:24px;height:31px;display:grid;place-items:center;border:1px solid #d0decc;background:white;font-size:17px;line-height:1;border-radius:6px;padding:0;color:var(--teal)}
#dq-sleep-app .number-stepper input {width:100%;min-width:0;flex:1;background:white;border:1px solid #d0decc;text-align:center;font-size:18px;padding:5px 0;color:var(--navy);height:33px}
#dq-sleep-app .duration-value {display:flex;align-items:center;gap:2px;min-width:0;flex:1;background:white;border:1px solid #d0decc;border-radius:7px;padding:0 3px;height:33px}
#dq-sleep-app .duration-value input {width:100%;min-width:0;flex:1;background:transparent;border:0;text-align:center;padding:5px 0;font-size:18px;color:var(--navy)}
#dq-sleep-app .duration-value span {font-size:9px;color:var(--muted)}
#dq-sleep-app .target-presets {display:flex;align-items:center;gap:4px;margin-top:8px}
#dq-sleep-app .target-presets button {border:1px solid transparent;border-radius:4px;background:transparent;padding:4px 6px;min-width:25px;font-size:9px;color:var(--muted)}
#dq-sleep-app .target-presets button[aria-pressed=true] {background:var(--teal);color:white}
#dq-sleep-app #target-help {font-size:8px;color:var(--muted);margin-left:auto;white-space:nowrap}
#dq-sleep-app .range-help {font-size:9px;color:var(--muted);margin-top:12px;white-space:nowrap;text-align:center}
#dq-sleep-app .date-row {display:flex;align-items:center;gap:10px}
#dq-sleep-app .date-row label {font-size:11px;font-weight:600;min-width:80px}
#dq-sleep-app .date-row input {min-width:0;flex:1;padding:8px 10px;height:36px;border:1px solid #cbd9cd;background:white;color:var(--ink);font-size:12px}
#dq-sleep-app .date-row button {border:0;background:transparent;padding:5px 0;font-size:10px;color:var(--teal)}
#dq-sleep-app .zone-note {font-size:9px;color:var(--muted);margin:7px 0 13px;overflow-wrap:anywhere}
#dq-sleep-app .primary {display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:0;border-radius:9px;background:var(--teal);color:white;font-size:13px;font-weight:600;min-height:43px}
#dq-sleep-app .primary>span {font-size:21px;font-weight:400}
#dq-sleep-app .privacy-note {display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:9px;color:var(--muted)}
#dq-sleep-app .privacy-note svg {width:11px;fill:none;stroke:currentColor;stroke-width:1.2}
#dq-sleep-app .empty-plan {position:relative;padding:26px 30px 20px;border-radius:18px;background:var(--navy);color:#dae6df;overflow:hidden}
#dq-sleep-app .empty-plan>.eyebrow {color:var(--gold);font-size:8px;letter-spacing:1.5px}
#dq-sleep-app .night-art {width:230px;height:139px;margin:2px auto 4px}
#dq-sleep-app .empty-plan h2 {font-size:36px;letter-spacing:-.8px;line-height:1.12;color:white;margin:7px 0 13px}
#dq-sleep-app .empty-plan>p:not(.eyebrow) {font-size:12px;color:#c7d8d4;line-height:1.65}
#dq-sleep-app .empty-steps {list-style:none;margin:22px 0 18px;padding:0;border-top:1px solid #ffffff20}
#dq-sleep-app .empty-steps li {padding:14px 0;border-bottom:1px solid #ffffff20;font-size:11px}
#dq-sleep-app .empty-steps span {font-size:9px;color:var(--gold);margin-right:15px}
#dq-sleep-app .empty-plan .empty-footnote {font-size:9px!important;color:#b7cdca!important}
#dq-sleep-app .under-plan {display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:10px;color:var(--muted);margin-top:12px}
#dq-sleep-app .under-plan>span {color:var(--teal);font-size:15px}
#dq-sleep-app .results {padding:23px}
#dq-sleep-app .result-kicker {display:flex;justify-content:space-between;align-items:center;gap:5px}
#dq-sleep-app .result-kicker .eyebrow {font-size:8px;letter-spacing:1.3px}
#dq-sleep-app .ready-badge {font-size:9px;background:#edf4eb;color:var(--teal);padding:5px 8px;border-radius:20px;white-space:nowrap}
#dq-sleep-app .results h2 {font-size:30px;line-height:1.15;letter-spacing:-.7px;margin-top:15px;scroll-margin-top:16px}
#dq-sleep-app #plan-subtitle {font-size:11px;color:var(--muted);margin-top:7px}
#dq-sleep-app .result-actions {display:flex;gap:7px;margin:15px 0}
#dq-sleep-app .result-actions button {border:1px solid var(--line);background:white;padding:8px 10px;font-size:10px}
#dq-sleep-app .result-actions button>span {margin-left:7px}
#dq-sleep-app .result-actions button:last-child {margin-left:auto}
#dq-sleep-app .result-grid {display:grid;grid-template-columns:1fr 1fr;gap:9px}
#dq-sleep-app .result-card {background:#fafbf7;border:1px solid var(--line);border-radius:11px;padding:14px;min-width:0;position:relative}
#dq-sleep-app .card-icon {position:absolute;top:12px;right:13px;font-size:17px;color:var(--teal)}
#dq-sleep-app .result-card h3 {font-size:10px;font-weight:400;margin-bottom:9px;max-width:80%}
#dq-sleep-app .result-card strong {display:block;font-size:26px;letter-spacing:-.8px;font-weight:500;line-height:1.15}
#dq-sleep-app .result-card p {font-size:9px;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}
#dq-sleep-app .lights-card {background:var(--navy);border-color:var(--navy);color:white}
#dq-sleep-app .lights-card .card-icon {color:var(--gold)}
#dq-sleep-app .lights-card p {color:#c6d6d5}
#dq-sleep-app .sleep-card {background:#edf4e9}
#dq-sleep-app .sleep-card strong {color:var(--teal)}
#dq-sleep-app .timeline {margin:20px 0 14px}
#dq-sleep-app .timeline-heading {display:flex;justify-content:space-between;gap:5px;align-items:center}
#dq-sleep-app .timeline-heading h3 {font-size:11px;font-weight:600}
#dq-sleep-app .timeline-heading>span {font-size:9px;color:var(--muted)}
#dq-sleep-app .timeline-bar {display:flex;height:9px;overflow:hidden;border-radius:6px;margin:13px 0 8px;background:var(--teal)}
#dq-sleep-app #segment-wind {background:var(--gold)}
#dq-sleep-app #segment-latency {background:#8cb6a5}
#dq-sleep-app #segment-sleep {background:var(--teal)}
#dq-sleep-app .timeline-stages {display:flex;justify-content:space-between;gap:6px}
#dq-sleep-app .timeline-stages button {display:flex;align-items:center;gap:4px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:7px 0;font-size:9px;color:var(--muted);white-space:nowrap}
#dq-sleep-app .timeline-stages button[aria-pressed=true] {color:var(--navy);font-weight:600;border-bottom-color:var(--teal)}
#dq-sleep-app .stage-dot {display:block;width:6px;height:6px;border-radius:50%;flex-shrink:0}
#dq-sleep-app .gold {background:#987039}
#dq-sleep-app .light-teal {background:#578776}
#dq-sleep-app .teal {background:var(--teal)}
#dq-sleep-app .navy {background:var(--navy)}
#dq-sleep-app .timeline-detail {background:#f0f5ed;padding:10px 12px;border-radius:7px;font-size:10px;line-height:1.6;margin-top:8px;min-height:52px}
#dq-sleep-app .small {font-size:10px;color:var(--muted);line-height:1.6}
#dq-sleep-app .estimate-note {font-size:9px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line);margin-top:10px;line-height:1.6}
#dq-sleep-app .notice, #dq-sleep-app .error {padding:10px 12px;border-radius:7px;font-size:11px;line-height:1.6;margin:10px 0;background:#f8f1e4;color:#624916}
#dq-sleep-app .error {background:#fff0ee;color:#8d2828;border:1px solid #e9c5c2}
#dq-sleep-app .notice label {display:block;margin-bottom:6px}
#dq-sleep-app .notice select {width:100%;max-width:100%;padding:8px;background:white;border:1px solid #cbb88d;font-size:11px}
#dq-sleep-app #copy-fallback label {display:block;font-size:11px;margin-top:10px}
#dq-sleep-app #copy-text {width:100%;font-size:11px;line-height:1.5;padding:9px;border:1px solid var(--line);margin-top:6px}
#dq-sleep-app #copy-status:not(:empty) {margin-top:10px}
#dq-sleep-app .method {margin-top:22px;padding:17px 2px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
#dq-sleep-app summary {cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}
#dq-sleep-app summary::-webkit-details-marker {display:none}
#dq-sleep-app summary>span {font-size:20px;font-weight:400;color:var(--teal)}
#dq-sleep-app details[open] summary>span {transform:rotate(45deg)}
#dq-sleep-app .method-copy {display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:13px}
#dq-sleep-app .method-copy p {font-size:11px;color:var(--muted);line-height:1.7}
#dq-sleep-app .guides {display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px;align-items:center;padding:24px 0 4px}
#dq-sleep-app .guides .eyebrow {font-size:8px;letter-spacing:1.1px}
#dq-sleep-app .guides h2 {font-size:23px;margin-top:6px;letter-spacing:-.4px}
#dq-sleep-app .guides>a {border-left:1px solid var(--line);padding:8px 0 8px 20px;text-decoration:none;color:var(--ink);font:18px Georgia,serif}
#dq-sleep-app .guides>a span {display:block;font:10px Arial,sans-serif;color:var(--teal);margin-top:8px}
#dq-sleep-app footer {display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:auto;padding:20px 30px;border-top:1px solid var(--line)}
#dq-sleep-app .footer-brand {font:19px Georgia,serif;color:var(--navy);text-decoration:none}
#dq-sleep-app footer p, #dq-sleep-app footer>span {font-size:9px;color:var(--muted)}
#dq-sleep-app footer>span {font-size:8px;letter-spacing:.8px;text-transform:uppercase}
@media(max-width:1200px) {
#dq-sleep-app main {margin:0 30px}
#dq-sleep-app .clock-editor {grid-template-columns:175px 1fr;gap:20px}
#dq-sleep-app .editor {padding:21px 20px 16px}
#dq-sleep-app .preferences {gap:6px}
#dq-sleep-app .preference-card {padding:9px 6px}
}
@media(max-width:1000px) {
#dq-sleep-app .hero-note {display:none}
#dq-sleep-app h1 {font-size:37px}
#dq-sleep-app .workspace {grid-template-columns:1.12fr 1fr;gap:16px}
#dq-sleep-app .clock-editor {grid-template-columns:150px 1fr;gap:12px}
#dq-sleep-app .clock {width:146px}
#dq-sleep-app .digital-time input {font-size:33px}
#dq-sleep-app .results {padding:20px}
#dq-sleep-app .result-card {padding:12px}
#dq-sleep-app .result-card strong {font-size:23px}
#dq-sleep-app .preference-label {font-size:9px}
#dq-sleep-app .preference-label>span {display:none}
#dq-sleep-app .step-button {width:22px}
#dq-sleep-app .duration-controls {gap:2px}
#dq-sleep-app .duration-value {padding:0 1px}
#dq-sleep-app .duration-value input, #dq-sleep-app .number-stepper input {font-size:16px}
#dq-sleep-app .target-presets {gap:1px}
#dq-sleep-app .target-presets button {padding:4px;min-width:23px}
#dq-sleep-app .range-help {font-size:8px}
#dq-sleep-app .result-actions button {padding:8px}
#dq-sleep-app .result-kicker .eyebrow {font-size:7px;letter-spacing:1px}
#dq-sleep-app .timeline-stages button {font-size:8px;gap:3px}
#dq-sleep-app .guides>a {font-size:17px}
}
@media(max-width:800px) {
#dq-sleep-app .site-header {height:63px;padding:0 22px}
#dq-sleep-app .brand {font-size:24px}
#dq-sleep-app .brand svg {width:27px}
#dq-sleep-app nav a:first-child {display:none}
#dq-sleep-app nav a {font-size:11px}
#dq-sleep-app main {margin:0 22px}
#dq-sleep-app .intro {padding:23px 0 22px}
#dq-sleep-app h1 {font-size:37px}
#dq-sleep-app .intro-copy {font-size:12px}
#dq-sleep-app .workspace {grid-template-columns:1fr;max-width:590px;margin:auto;gap:16px}
#dq-sleep-app .editor {padding:22px}
#dq-sleep-app .clock-editor {grid-template-columns:190px 1fr;gap:25px}
#dq-sleep-app .clock {width:176px}
#dq-sleep-app .digital-time input {font-size:40px}
#dq-sleep-app .time-controls {width:100%;max-width:230px;justify-self:center}
#dq-sleep-app .preferences {gap:8px}
#dq-sleep-app .preference-card {padding:11px 8px}
#dq-sleep-app .preference-label {font-size:11px}
#dq-sleep-app .preference-label>span {display:inline}
#dq-sleep-app .duration-value input, #dq-sleep-app .number-stepper input {font-size:19px}
#dq-sleep-app .step-button {width:27px}
#dq-sleep-app .duration-controls {gap:4px}
#dq-sleep-app .range-help {font-size:9px}
#dq-sleep-app .target-presets {gap:5px}
#dq-sleep-app .target-presets button {padding:4px 6px}
#dq-sleep-app .results {padding:24px}
#dq-sleep-app .result-kicker .eyebrow {font-size:9px}
#dq-sleep-app .results h2 {font-size:32px}
#dq-sleep-app .result-card {padding:17px}
#dq-sleep-app .result-card strong {font-size:29px}
#dq-sleep-app .result-card h3 {font-size:12px}
#dq-sleep-app .result-card p {font-size:10px}
#dq-sleep-app .result-actions button {font-size:11px;padding:9px 12px}
#dq-sleep-app .timeline-stages button {font-size:10px;gap:5px}
#dq-sleep-app .timeline-detail {font-size:11px}
#dq-sleep-app .empty-plan {padding:24px 28px}
#dq-sleep-app .empty-plan h2 {font-size:34px}
#dq-sleep-app .night-art {height:120px}
#dq-sleep-app .empty-steps {margin:16px 0}
#dq-sleep-app .empty-steps li {padding:12px 0}
#dq-sleep-app .under-plan {font-size:9px;margin-top:9px}
#dq-sleep-app .guides {gap:16px}
#dq-sleep-app .guides h2 {font-size:21px}
#dq-sleep-app .guides>a {font-size:16px;padding-left:15px}
#dq-sleep-app .method-copy {grid-template-columns:1fr;gap:10px}
#dq-sleep-app footer p {display:none}
}
@media(max-width:480px) {
#dq-sleep-app .site-header {padding:0 18px;height:59px}
#dq-sleep-app nav a:last-child {font-size:0}
#dq-sleep-app nav a:last-child:before {content:'Sleep guides';font-size:11px}
#dq-sleep-app nav a:last-child .external-arrow {display:none}
#dq-sleep-app .brand {font-size:23px}
#dq-sleep-app .brand svg {width:25px}
#dq-sleep-app main {margin:0 15px}
#dq-sleep-app .intro {padding:22px 2px 20px}
#dq-sleep-app .intro .eyebrow {font-size:14px;letter-spacing:1.3px;margin-bottom:7px}
#dq-sleep-app h1 {font-size:34px;letter-spacing:-1px}
#dq-sleep-app .mobile-break {display:block}
#dq-sleep-app .intro-copy {font-size:11px;max-width:310px;margin-top:9px}
#dq-sleep-app .editor {padding:18px 15px 14px}
#dq-sleep-app .section-heading {margin-bottom:14px}
#dq-sleep-app .section-heading h2 {font-size:25px}
#dq-sleep-app .section-heading .eyebrow {font-size:7px;letter-spacing:1.2px}
#dq-sleep-app .modes {margin-bottom:15px}
#dq-sleep-app .modes span {font-size:11px;padding:10px 3px}
#dq-sleep-app .field-heading {font-size:13px}
#dq-sleep-app .time-heading p {font-size:10px}
#dq-sleep-app .time-icon {font-size:21px}
#dq-sleep-app .clock-editor {grid-template-columns:155px 1fr;gap:17px;margin:12px 0 16px}
#dq-sleep-app .clock {width:152px}
#dq-sleep-app .clock-hint {font-size:8px;max-width:155px}
#dq-sleep-app .time-controls {padding-bottom:7px}
#dq-sleep-app .clock-tabs {gap:15px;margin-bottom:8px}
#dq-sleep-app .clock-tabs button {font-size:10px}
#dq-sleep-app .digital-time {gap:4px}
#dq-sleep-app .digital-time input {font-size:33px;padding:8px 0}
#dq-sleep-app .digital-time label {font-size:9px}
#dq-sleep-app .digital-time>span {font-size:25px}
#dq-sleep-app .direct-note {font-size:8px;max-width:140px}
#dq-sleep-app .period span {font-size:10px;padding:5px}
#dq-sleep-app .period {margin-top:8px}
#dq-sleep-app .preferences {grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}
#dq-sleep-app .target-card {grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;column-gap:15px;align-items:center;padding:10px 12px}
#dq-sleep-app .target-card>.preference-label {margin:0;font-size:12px}
#dq-sleep-app .duration-controls {grid-column:2;grid-row:1/3}
#dq-sleep-app .target-presets {grid-column:1;grid-row:2;gap:3px;margin-top:5px}
#dq-sleep-app .target-presets button {min-width:26px;padding:4px 6px;font-size:9px}
#dq-sleep-app #target-help {font-size:8px;margin-left:3px}
#dq-sleep-app .duration-controls .step-button {width:28px;height:35px}
#dq-sleep-app .duration-value {height:37px;padding:0 5px}
#dq-sleep-app .duration-value input {font-size:20px}
#dq-sleep-app .duration-value span {font-size:10px}
#dq-sleep-app .preference-card:not(.target-card) {padding:11px 12px 8px}
#dq-sleep-app .preference-label {font-size:11px;margin-bottom:8px}
#dq-sleep-app .preference-label>span {font-size:12px}
#dq-sleep-app .number-stepper {gap:6px}
#dq-sleep-app .number-stepper input {font-size:20px;height:34px}
#dq-sleep-app .step-button {width:28px;height:33px}
#dq-sleep-app .range-help {font-size:9px;margin-top:7px}
#dq-sleep-app .date-row {gap:8px;flex-wrap:wrap}
#dq-sleep-app .date-row label {font-size:10px;min-width:75px}
#dq-sleep-app .date-row input {font-size:11px;padding:7px 8px;height:34px}
#dq-sleep-app .date-row button {font-size:9px}
#dq-sleep-app .zone-note {font-size:8px;line-height:1.6;margin:6px 0 12px}
#dq-sleep-app .primary {font-size:12px;min-height:43px;padding:10px 14px}
#dq-sleep-app .privacy-note {font-size:8px;margin-top:9px}
#dq-sleep-app .results {padding:21px 17px}
#dq-sleep-app .results h2 {font-size:30px}
#dq-sleep-app .result-kicker .eyebrow {font-size:8px;letter-spacing:1px}
#dq-sleep-app .ready-badge {font-size:8px}
#dq-sleep-app .result-grid {gap:8px}
#dq-sleep-app .result-card {padding:14px 12px}
#dq-sleep-app .result-card strong {font-size:25px}
#dq-sleep-app .result-card h3 {font-size:10px}
#dq-sleep-app .result-card p {font-size:9px}
#dq-sleep-app .card-icon {font-size:15px;right:10px;top:10px}
#dq-sleep-app .result-actions button {font-size:10px;padding:8px 10px}
#dq-sleep-app .timeline-stages button {font-size:9px;gap:4px}
#dq-sleep-app .timeline-heading h3 {font-size:11px}
#dq-sleep-app .timeline-detail {font-size:10px}
#dq-sleep-app .estimate-note {font-size:9px}
#dq-sleep-app .empty-plan {padding:22px 25px}
#dq-sleep-app .empty-plan h2 {font-size:32px}
#dq-sleep-app .night-art {height:110px}
#dq-sleep-app .empty-plan>p:not(.eyebrow) {font-size:11px}
#dq-sleep-app .empty-steps li {font-size:10px;padding:11px 0}
#dq-sleep-app .method {margin-top:18px;padding:14px 2px}
#dq-sleep-app .guides {grid-template-columns:1fr 1fr;gap:17px;padding-top:20px}
#dq-sleep-app .guides>div {grid-column:1/-1}
#dq-sleep-app .guides>a:first-of-type {border:0;padding-left:0}
#dq-sleep-app .guides h2 {font-size:23px}
#dq-sleep-app .guides>a {font-size:17px;padding:0 0 0 15px}
#dq-sleep-app .guides>a span {font-size:9px}
#dq-sleep-app footer {padding:18px;gap:12px}
#dq-sleep-app .footer-brand {font-size:18px}
#dq-sleep-app footer>span {font-size:7px;letter-spacing:.5px}
}
@media(max-width:360px) {
#dq-sleep-app .clock-editor {grid-template-columns:133px 1fr;gap:12px}
#dq-sleep-app .clock {width:132px}
#dq-sleep-app .digital-time input {font-size:28px}
#dq-sleep-app .clock-hint {font-size:7px}
#dq-sleep-app .target-card {column-gap:8px;padding:10px 9px;grid-template-columns:1fr 1.2fr}
#dq-sleep-app #target-help {display:none}
#dq-sleep-app .target-presets {gap:1px}
#dq-sleep-app .duration-controls {gap:3px}
#dq-sleep-app .duration-controls .step-button {width:24px}
#dq-sleep-app .preference-card:not(.target-card) {padding:10px 8px 8px}
#dq-sleep-app .number-stepper {gap:4px}
#dq-sleep-app .step-button {width:26px}
#dq-sleep-app .section-heading h2 {font-size:23px}
#dq-sleep-app .timeline-stages button {font-size:8px;gap:3px}
#dq-sleep-app .result-card strong {font-size:22px}
}
@media(prefers-reduced-motion:reduce) {
#dq-sleep-app, #dq-sleep-app *, #dq-sleep-app *:before, #dq-sleep-app *:after {scroll-behavior:auto!important;transition:none!important}
}
@media(min-width:801px) {
#dq-sleep-app .editor {padding-top:19px;padding-bottom:13px}
#dq-sleep-app .section-heading {margin-bottom:14px}
#dq-sleep-app .modes {margin-bottom:14px}
#dq-sleep-app .clock-editor {margin:10px 0 12px}
#dq-sleep-app .clock {width:150px}
#dq-sleep-app .preferences {margin-bottom:12px}
#dq-sleep-app .primary {padding-top:9px;padding-bottom:9px}
#dq-sleep-app .privacy-note {margin-top:8px}
}
@media(max-width:800px) {
#dq-sleep-app .empty-plan .night-art, #dq-sleep-app .empty-steps, #dq-sleep-app .empty-footnote {display:none}
#dq-sleep-app .empty-plan h2 {font-size:28px;margin:12px 0 9px}
#dq-sleep-app .empty-plan {padding:21px 25px}
}
#dq-sleep-app .field-heading {font-size:16px;font-weight:700;color:var(--navy)}
#dq-sleep-app .modes span {font-size:13px;font-weight:700}
#dq-sleep-app .digital-time label {font-size:11px;font-weight:600;color:var(--navy)}
#dq-sleep-app .preference-label {font-size:12px;font-weight:700;line-height:1.25}
#dq-sleep-app .date-row label {font-size:12px;font-weight:700;color:var(--navy)}
#dq-sleep-app .timeline-heading h3 {font-size:13px;font-weight:700;color:var(--navy)}
#dq-sleep-app .primary, #dq-sleep-app .result-actions button {
  background:var(--gold);color:var(--navy);border:1px solid #bb955b;
  font-weight:700;box-shadow:inset 0 1px 0 #ffffff45,0 2px 4px #182d3a08;
}
#dq-sleep-app .primary {font-size:14px}
#dq-sleep-app .result-actions {gap:8px}
#dq-sleep-app .result-actions button {font-size:11px;min-height:34px;padding:8px 12px}
#dq-sleep-app .primary:not(:disabled):hover, #dq-sleep-app .result-actions button:not(:disabled):hover {background:#e5c791}
#dq-sleep-app .primary:not(:disabled):active, #dq-sleep-app .result-actions button:not(:disabled):active {background:#cfaa6c}
#dq-sleep-app .result-grid {gap:10px}
#dq-sleep-app .result-card {padding:14px 15px;border-radius:12px;box-shadow:0 2px 7px #182d3a04}
#dq-sleep-app .result-card-heading {display:flex;align-items:center;gap:8px;margin-bottom:9px;min-height:26px}
#dq-sleep-app .card-icon {
  position:static;display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;
  border-radius:8px;background:#ffffff9e;color:var(--teal);
}
#dq-sleep-app .card-icon svg {width:18px;height:18px}
#dq-sleep-app .result-card h3 {max-width:none;font-size:12px;font-weight:700;line-height:1.25;margin:0;color:var(--navy)}
#dq-sleep-app .result-card strong {font-size:29px;font-weight:600;letter-spacing:-.8px;line-height:1.12;font-variant-numeric:tabular-nums}
#dq-sleep-app .result-card p {font-size:10px;line-height:1.45;margin-top:7px}
#dq-sleep-app .wind-card {background:#faf4e8;border-color:#e7d9bc}
#dq-sleep-app .wind-card .card-icon {color:#805e29}
#dq-sleep-app .lights-card {background:var(--navy);border-color:var(--navy)}
#dq-sleep-app .lights-card .card-icon {background:#ffffff12;color:var(--gold)}
#dq-sleep-app .lights-card h3 {color:#f1d9ae}
#dq-sleep-app .lights-card strong {color:#fffdf7}
#dq-sleep-app .lights-card p {color:#d8e4e3}
#dq-sleep-app .sleep-card {background:var(--teal);border-color:var(--teal)}
#dq-sleep-app .sleep-card .card-icon {background:#ffffff15;color:#f1d9ae}
#dq-sleep-app .sleep-card h3 {color:#f5e6cd}
#dq-sleep-app .sleep-card strong {color:white}
#dq-sleep-app .sleep-card p {color:#e0eeea}
#dq-sleep-app .wake-card {background:linear-gradient(135deg,#fffbf2,#f5ecd9);border-color:#e5d5b2}
#dq-sleep-app .wake-card .card-icon {background:#ead6ad80;color:#805e29}
@media(max-width:1000px) and (min-width:801px) {
#dq-sleep-app .preference-label {font-size:11px}
#dq-sleep-app .modes span {font-size:12px}
#dq-sleep-app .result-card {padding:12px}
#dq-sleep-app .result-card-heading {gap:6px}
#dq-sleep-app .result-card h3 {font-size:11px}
#dq-sleep-app .result-card strong {font-size:25px}
#dq-sleep-app .result-actions button {padding:8px 10px}
}
@media(max-width:800px) {
#dq-sleep-app .preference-label {font-size:13px}
#dq-sleep-app .result-card {padding:15px}
#dq-sleep-app .result-card h3 {font-size:13px}
#dq-sleep-app .result-card strong {font-size:30px}
}
@media(max-width:480px) {
#dq-sleep-app .field-heading {font-size:15px}
#dq-sleep-app .modes span {font-size:11px}
#dq-sleep-app .digital-time label {font-size:10px}
#dq-sleep-app .target-card>.preference-label {font-size:14px}
#dq-sleep-app .preference-label {font-size:12px}
#dq-sleep-app .date-row label {font-size:11px}
#dq-sleep-app .primary {font-size:13px}
#dq-sleep-app .result-actions button {font-size:11px;padding:8px 10px}
#dq-sleep-app .result-card {padding:13px 12px}
#dq-sleep-app .result-card-heading {gap:7px}
#dq-sleep-app .result-card h3 {font-size:12px}
#dq-sleep-app .result-card strong {font-size:27px}
#dq-sleep-app .result-card p {font-size:9px}
#dq-sleep-app .timeline-heading h3 {font-size:12px}
}
@media(max-width:360px) {
#dq-sleep-app .preference-label {font-size:11px}
#dq-sleep-app .field-heading {font-size:14px}
#dq-sleep-app .result-card {padding:12px 10px}
#dq-sleep-app .result-card-heading {gap:5px}
#dq-sleep-app .card-icon {flex-basis:23px;width:23px;height:23px}
#dq-sleep-app .card-icon svg {width:16px;height:16px}
#dq-sleep-app .result-card h3 {font-size:10px}
#dq-sleep-app .result-card strong {font-size:22px}
#dq-sleep-app .result-actions button {padding:8px;font-size:10px}
}
#dq-sleep-app .app-tools {display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:-5px 0 18px;font-size:11px;min-height:30px}
#dq-sleep-app .app-link {color:var(--teal);font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none;border:0;background:transparent;padding:7px 0}
#dq-sleep-app .app-link>span {margin-left:5px}
#dq-sleep-app .remember-option {display:flex;align-items:center;gap:7px;cursor:pointer;margin-left:auto;font-size:11px;font-weight:600;color:var(--navy)}
#dq-sleep-app .remember-option input {width:16px;height:16px;margin:0;accent-color:var(--teal)}
#dq-sleep-app .remember-option>span {color:var(--muted);font-size:10px;font-weight:400}
#dq-sleep-app .quiet-button {border:1px solid var(--line);background:white;padding:6px 9px;font-size:10px;color:var(--teal)}
#dq-sleep-app .connection-status {font-size:10px;color:var(--muted)}
#dq-sleep-app .connection-status[data-offline=true] {color:#6c501e;background:#f5ecd9;padding:5px 8px;border-radius:6px}
#dq-sleep-app .install-help {max-width:430px;width:calc(100% - 36px);padding:25px;border:1px solid var(--line);border-radius:16px;color:var(--navy);background:white}
#dq-sleep-app .install-help::backdrop {background:#182d3a88}
#dq-sleep-app .install-help h2 {font-size:28px;line-height:1.2;margin:0 0 15px}
#dq-sleep-app .install-help p {font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 16px}
@media(max-width:800px) {
#dq-sleep-app .app-tools {max-width:590px;margin:0 auto 15px;gap:9px 12px}
#dq-sleep-app .remember-option {font-size:10px}
#dq-sleep-app .remember-option>span {font-size:9px}
}
@media(max-width:480px) {
#dq-sleep-app .app-tools {margin-top:-5px;font-size:10px;gap:7px 10px}
#dq-sleep-app .app-link {font-size:11px}
#dq-sleep-app .remember-option {font-size:10px;gap:6px}
#dq-sleep-app .remember-option>span {display:none}
#dq-sleep-app .connection-status {font-size:9px}
#dq-sleep-app .result-actions {gap:6px}
#dq-sleep-app .result-actions button {padding:8px 9px}
}
@media(max-width:360px) {
#dq-sleep-app .result-actions {gap:5px}
#dq-sleep-app .result-actions button {padding:8px 7px;font-size:9px}
#dq-sleep-app .result-actions button>span {margin-left:4px}
}

body.dq-sleep-tool-page {margin:0;background:#f7f8f4}
#dq-sleep-app {display:flow-root;min-height:100vh;font-size:16px;line-height:normal}
#dq-sleep-app .production-guidance {margin-top:22px;border-top:1px solid #d9e3dc;padding-top:18px}
#dq-sleep-app .production-guidance h2 {font-size:23px;margin-bottom:12px}
#dq-sleep-app .production-guidance h3 {font-size:13px;margin-bottom:8px}
#dq-sleep-app .production-guidance>p {font-size:11px;line-height:1.7;color:#586c70;margin-top:12px}
#dq-sleep-app footer {flex-wrap:wrap}
#dq-sleep-app .production-links {flex-basis:100%;display:flex;flex-wrap:wrap;gap:12px 20px}
#dq-sleep-app .production-links a, #dq-sleep-app .production-links a:first-child, #dq-sleep-app .production-links a:last-child {font-size:11px;display:inline}
@media(max-width:480px){#dq-sleep-app .site-header nav a:last-child:before{content:"Sleep essentials"}#dq-sleep-app .production-links a:last-child:before{content:none}#dq-sleep-app .production-links a:last-child{font-size:11px}}