/* =========================================================
   Motivio tools — scoped under .mtv-tool so nothing leaks into the theme
   ========================================================= */
.mtv-tool { max-width: 980px; margin-inline: auto; font-size: 1rem; }
.mtv-tool .card { position: relative; margin: 0 0 18px; padding: clamp(18px, 3vw, 28px); border-radius: 22px; background: var(--paper); border: 1px solid var(--line); box-shadow: var(--shadow); }
.mtv-tool .card.center { text-align: center; }
.mtv-tool h2 { margin: 0 0 14px; font-family: var(--font); font-size: 1.18rem; font-weight: 750; letter-spacing: -.01em; }
.mtv-tool h3 { margin: 18px 0 8px; font-family: var(--font); font-size: 1.02rem; font-weight: 750; }
.mtv-tool .result > h3:first-child { margin-top: 0; }
.mtv-tool label { display: block; margin: 14px 0 6px; font-weight: 650; font-size: .93rem; color: var(--ink-2); }
.mtv-tool label.inline { display: inline; margin: 0 8px 0 0; white-space: nowrap; }
.mtv-tool input:not([type="checkbox"]):not([type="radio"]), .mtv-tool textarea, .mtv-tool select {
	width: 100%; padding: 11px 13px; border: 1px solid var(--line); border-radius: 12px;
	background: var(--paper-2); color: var(--ink); font: 500 1rem var(--font);
	transition: border-color .2s, box-shadow .2s, background .2s;
}
.mtv-tool select { appearance: none; padding-right: 38px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a94f1e' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; }
.mtv-tool input:focus, .mtv-tool textarea:focus, .mtv-tool select:focus { outline: 0; border-color: var(--orange); box-shadow: var(--ring); background-color: var(--paper); }
.mtv-tool [aria-invalid="true"] { border-color: #c2412b !important; box-shadow: 0 0 0 4px rgba(194, 65, 43, .14) !important; }
.mtv-tool textarea { min-height: 110px; resize: vertical; line-height: 1.55; }
.mtv-tool input[type="date"] { min-height: 44px; }
.mtv-tool .w-auto { width: auto !important; flex: 0 0 auto !important; }
.mtv-tool ::placeholder { color: color-mix(in srgb, var(--muted) 75%, transparent); }

.mtv-tool button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; margin: 10px 8px 0 0; padding: 0 17px; border: 1px solid transparent; border-radius: 12px; background: var(--orange); color: #fff; font: 700 .94rem var(--font); cursor: pointer; transition: background .2s, transform .25s var(--spring), box-shadow .2s, border-color .2s; }
[data-scheme="dark"] .mtv-tool button:not(.secondary):not(.ghost):not(.danger):not(.chip) { color: #1f140c; }
.mtv-tool button:hover { background: var(--orange-dark); transform: translateY(-1px); }
[data-scheme="dark"] .mtv-tool button:not(.secondary):not(.ghost):not(.danger):not(.chip):hover { background: var(--orange-2); }
.mtv-tool button:active { transform: translateY(0) scale(.98); }
.mtv-tool button.secondary { background: var(--peach); color: var(--orange-dark); border-color: color-mix(in srgb, var(--orange) 25%, transparent); }
.mtv-tool button.secondary:hover { background: color-mix(in srgb, var(--orange) 22%, var(--peach)); }
.mtv-tool button.ghost { background: transparent; color: var(--orange-dark); border-color: var(--line); }
.mtv-tool button.ghost:hover { background: var(--cream); border-color: var(--orange); }
.mtv-tool button.danger { background: transparent; color: #b4432a; border-color: color-mix(in srgb, #b4432a 30%, transparent); }
[data-scheme="dark"] .mtv-tool button.danger { color: #f0907a; }
.mtv-tool button.danger:hover { background: color-mix(in srgb, #b4432a 10%, transparent); }
.mtv-tool button.sm { min-height: 32px; padding: 0 11px; font-size: .82rem; margin: 0; }
.mtv-tool .chip { min-height: 34px; padding: 0 14px; margin: 0 4px; border-radius: 99px; background: var(--cream); color: var(--ink-2); border-color: var(--line); font-size: .85rem; }
.mtv-tool .chip:hover { background: var(--peach); color: var(--orange-dark); }

.mtv-tool .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 0 16px; }
.mtv-tool .grid.narrow { max-width: 460px; margin-inline: auto; text-align: left; }
.mtv-tool .row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.mtv-tool .row > * { flex: 1 1 auto; }
.mtv-tool .row > button, .mtv-tool .row > .grow-0, .mtv-tool .grow-0 { flex: 0 0 auto; margin: 0; }
.mtv-tool form.row button { margin: 0; }
.mtv-tool .row.between { justify-content: space-between; }
.mtv-tool .row.between > strong { flex: 1 1 200px; }
.mtv-tool .toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.mtv-tool .toolbar h2 { margin: 0; display: flex; align-items: center; gap: 8px; }
.mtv-tool .toolbar button { margin: 0; }
.mtv-tool .muted, .mtv-tool .hint { color: var(--muted); font-size: .92rem; }
.mtv-tool .hint { margin: 12px 0 0; }
.mtv-tool .small { color: var(--muted); font-size: .82rem; }
.mtv-tool .msg { min-height: 1.4em; margin: 12px 0 0; color: var(--muted); font-size: .9rem; font-weight: 600; }
.mtv-tool .msg--ok { color: var(--green); }
.mtv-tool .msg--error { color: #b4432a; }
[data-scheme="dark"] .mtv-tool .msg--error { color: #f0907a; }
.mtv-tool .pill { display: inline-flex; align-items: center; padding: 4px 11px; border-radius: 99px; background: var(--peach); color: var(--orange-dark); font-size: .74rem; font-weight: 800; letter-spacing: .06em; }
.mtv-tool .prewrap { white-space: pre-wrap; }
.mtv-tool .eyebrow { margin: 0 0 4px; font-size: .74rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--orange-dark); }
.mtv-tool ul.clean { list-style: none; padding: 0; margin: 12px 0 0; }
.mtv-tool ul.clean li { padding: 6px 0; border-bottom: 1px dashed var(--line); }
.mtv-tool ul.clean li:last-child { border: 0; }
.mtv-tool fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.mtv-tool legend { display: block; margin: 14px 0 8px; padding: 0; font-weight: 650; font-size: .93rem; color: var(--ink-2); }

.mtv-tool .result { margin-top: 18px; padding: 20px; border-radius: 16px; background: linear-gradient(180deg, var(--cream), var(--paper)); border: 1px solid color-mix(in srgb, var(--orange) 22%, var(--line)); animation: mtv-rise .4s var(--spring); }
@keyframes mtv-rise { from { opacity: 0; transform: translateY(8px); } }
.mtv-tool .bignum { font-family: var(--font-display); font-size: clamp(2.4rem, 7vw, 3.6rem); font-weight: 650; line-height: 1.05; letter-spacing: -.03em; margin-bottom: 10px; }

.mtv-tool .list { margin: 10px 0; }
.mtv-tool .item { margin: 9px 0; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); background: var(--paper-2); transition: border-color .2s, background .2s, opacity .2s; }
.mtv-tool .item:hover { border-color: color-mix(in srgb, var(--orange) 35%, var(--line)); }
.mtv-tool .item p { margin: 6px 0 0; }
.mtv-tool .item.is-done { background: color-mix(in srgb, var(--green) 7%, var(--paper-2)); }
.mtv-tool .item.is-done .check > span { text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--ink) 35%, transparent); color: var(--muted); }
.mtv-tool .item.is-missing { border-color: #c2412b; box-shadow: 0 0 0 3px rgba(194, 65, 43, .1); }

/* custom checkbox */
.mtv-tool label.check { display: flex; align-items: flex-start; gap: 11px; margin: 0; font-weight: 600; color: var(--ink); cursor: pointer; flex: 1 1 220px; }
.mtv-tool .check > span { padding-top: 1px; overflow-wrap: anywhere; }
.mtv-tool input[type="checkbox"] { appearance: none; flex: none; width: 24px; height: 24px; margin: 0; border-radius: 8px; border: 2px solid color-mix(in srgb, var(--orange) 45%, var(--line)); background: var(--paper); cursor: pointer; display: grid; place-items: center; transition: background .2s, border-color .2s, transform .3s var(--spring); }
.mtv-tool input[type="checkbox"]::after { content: ""; width: 6px; height: 11px; margin-top: -2px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg) scale(0); transition: transform .3s var(--spring); }
.mtv-tool input[type="checkbox"]:checked { background: var(--orange); border-color: var(--orange); transform: scale(1.06); }
.mtv-tool input[type="checkbox"]:checked::after { transform: rotate(45deg) scale(1); }
.mtv-tool input[type="checkbox"]:focus-visible { box-shadow: var(--ring); outline: 0; }
.mtv-tool .check-inline { display: inline-flex; align-items: center; gap: 10px; margin-top: 16px; font-weight: 600; font-size: .9rem; cursor: pointer; }
.mtv-tool .check-inline input { width: 20px; height: 20px; border-radius: 6px; }

/* progress + stats */
.mtv-tool .progress { height: 12px; border-radius: 99px; background: color-mix(in srgb, var(--orange) 12%, var(--line-2)); overflow: hidden; }
.mtv-tool .progress--lg { height: 16px; }
.mtv-tool .progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--orange-2), var(--orange) 60%, #c4591f); transition: width .7s var(--spring); }
.mtv-tool .statgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin: 16px 0; }
.mtv-tool .stat { padding: 14px; border-radius: 15px; background: var(--cream); border: 1px solid var(--line); text-align: left; }
.mtv-tool .stat strong { display: block; font-family: var(--font-display); font-size: 1.6rem; line-height: 1.15; font-weight: 650; }

/* habit tracker */
.mtv-tool .streak { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.mtv-tool .dots { display: inline-flex; gap: 3px; }
.mtv-tool .dots i { width: 10px; height: 10px; border-radius: 3px; background: var(--line); }
.mtv-tool .dots i.on { background: var(--orange); }
.mtv-tool .dots i:last-child { outline: 2px solid color-mix(in srgb, var(--orange) 35%, transparent); outline-offset: 1px; }

/* focus timer */
.mtv-tool .ring { position: relative; width: min(280px, 72vw); aspect-ratio: 1; margin: 16px auto 0; }
.mtv-tool .ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.mtv-tool .ring circle { fill: none; stroke-width: 7; }
.mtv-tool .ring__track { stroke: var(--line); }
.mtv-tool .ring__fill { stroke: var(--orange); stroke-linecap: round; transition: stroke-dashoffset .3s linear, stroke .4s; }
.mtv-tool.is-break .ring__fill { stroke: var(--green); }
.mtv-tool.is-break .pill { background: color-mix(in srgb, var(--green) 16%, transparent); color: var(--green); }
.mtv-tool .clock { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--font-display); font-size: clamp(3rem, 12vw, 4.4rem); font-weight: 650; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.mtv-tool .presets { margin: 18px 0 4px; }

/* morning routine */
.mtv-tool .timeline .item { position: relative; margin-left: 14px; }
.mtv-tool .timeline .item::before { content: ""; position: absolute; left: -15px; top: -10px; bottom: -10px; width: 2px; background: var(--line); }
.mtv-tool .timeline .item::after { content: ""; position: absolute; left: -20px; top: 18px; width: 12px; height: 12px; border-radius: 50%; background: var(--paper); border: 2px solid var(--orange); }
.mtv-tool .timeline .item.is-done::after { background: var(--orange); }

/* mood picker */
.mtv-tool .mood-picker { display: flex; flex-wrap: wrap; gap: 8px; }
.mtv-tool .mood-picker input { position: absolute; opacity: 0; pointer-events: none; }
.mtv-tool .mood-picker label { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 78px; margin: 0; padding: 10px 8px; border-radius: 14px; border: 1px solid var(--line); background: var(--paper-2); font-size: .82rem; cursor: pointer; transition: all .2s var(--ease); }
.mtv-tool .mood-picker .emo { font-size: 1.6rem; line-height: 1.2; transition: transform .35s var(--spring); }
.mtv-tool .mood-picker label:hover .emo { transform: scale(1.15); }
.mtv-tool .mood-picker input:checked + label { border-color: var(--orange); background: var(--peach); color: var(--orange-dark); box-shadow: var(--ring); }
.mtv-tool .mood-picker input:checked + label .emo { transform: scale(1.2); }
.mtv-tool .mood-picker input:focus-visible + label { outline: 2px solid var(--orange); outline-offset: 2px; }
.mtv-tool .mood-strip { display: grid; grid-template-columns: repeat(14, 1fr); gap: 5px; margin: 0 0 14px; }
.mtv-tool .mood-strip .cell { display: flex; flex-direction: column; align-items: center; padding: 6px 0; border-radius: 10px; background: var(--paper-2); border: 1px solid var(--line-2); }
.mtv-tool .mood-strip .cell.on { background: var(--cream); border-color: var(--line); }
.mtv-tool .mood-strip b { font-size: 1.05rem; line-height: 1.3; font-weight: 400; color: var(--muted); }
.mtv-tool .mood-strip small { font-size: .66rem; color: var(--muted); }
@media (max-width: 560px) { .mtv-tool .mood-strip { grid-template-columns: repeat(7, 1fr); } .mtv-tool .mood-picker label { min-width: calc(25% - 6px); flex: 1; } }

/* strengths */
.mtv-tool .q { margin: 0 0 10px; font-weight: 650; }
.mtv-tool .scale { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.mtv-tool .scale input { position: absolute; opacity: 0; pointer-events: none; }
.mtv-tool .scale label { margin: 0; padding: 9px 6px; border-radius: 11px; border: 1px solid var(--line); background: var(--paper); text-align: center; font-size: .82rem; font-weight: 650; cursor: pointer; transition: all .2s; }
.mtv-tool .scale label:hover { border-color: var(--orange); }
.mtv-tool .scale input:checked + label { background: var(--orange); border-color: var(--orange); color: #fff; }
.mtv-tool .scale input:focus-visible + label { outline: 2px solid var(--orange); outline-offset: 2px; }
@media (max-width: 520px) { .mtv-tool .scale { grid-template-columns: 1fr 1fr; } }
.mtv-tool .bars { display: grid; gap: 8px; margin: 14px 0; }
.mtv-tool .bars__row { display: grid; grid-template-columns: 120px 1fr 100px; align-items: center; gap: 12px; }
.mtv-tool .bars__label { font-weight: 650; font-size: .9rem; }
@media (max-width: 520px) { .mtv-tool .bars__row { grid-template-columns: 96px 1fr; } .mtv-tool .bars__row .small { display: none; } }
.mtv-tool .tags { display: flex; flex-wrap: wrap; gap: 6px; }
.mtv-tool .tags .pill { font-size: .9rem; padding: 6px 14px; letter-spacing: 0; }

/* SMART */
.mtv-tool .smart-row { display: flex; gap: 14px; align-items: flex-start; padding: 10px 0; border-bottom: 1px dashed var(--line); }
.mtv-tool .smart-row p { margin: 2px 0 0; }
.mtv-tool .smart-letter { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--orange); color: #fff; font-family: var(--font-display); font-size: 1.2rem; }
.mtv-tool .result ol, .mtv-tool .result ul:not(.clean) { margin: 6px 0 0; padding-left: 1.2em; }

.mtv-tool__privacy { display: flex; align-items: flex-start; gap: 8px; margin: 4px 4px 0; color: var(--muted); font-size: .84rem; }
.mtv-tool__privacy .mtv-icon { margin-top: 3px; color: var(--green); }

@media (max-width: 560px) {
	.mtv-tool .card { border-radius: 18px; }
	.mtv-tool .row > input { min-width: 100%; }
	.mtv-tool form.row > button { width: 100%; }
	.mtv-tool .toolbar > input.w-auto { width: 100% !important; flex: 1 1 100% !important; }
}

@media print {
	.mtv-tool .card { box-shadow: none; border-color: #ccc; break-inside: avoid; }
	.mtv-tool button, .mtv-tool .no-print, .mtv-tool__privacy { display: none !important; }
	.mtv-tool .result { background: #fff; }
}

/* =========================================================
   "Bold Notebook" tool skin
   ========================================================= */
.mtv-tool .card { border: 1px solid var(--line); border-radius: 20px; background: var(--paper); box-shadow: var(--hard); }
.mtv-tool h2 { font: 800 1.45rem/1.1 var(--font-display); font-stretch: 85%; letter-spacing: -.03em; }
.mtv-tool label, .mtv-tool legend { color: var(--ink); font-weight: 700; }
.mtv-tool input:not([type="checkbox"]):not([type="radio"]), .mtv-tool textarea, .mtv-tool select { border: 1px solid var(--line); border-radius: 12px; background: var(--paper); font-weight: 500; }
.mtv-tool select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23141210' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
[data-scheme="dark"] .mtv-tool select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f4efe4' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.mtv-tool input:focus, .mtv-tool textarea:focus, .mtv-tool select:focus { box-shadow: var(--ring); }
.mtv-tool button { border: 1px solid var(--line); background: var(--orange); color: var(--ink); box-shadow: var(--hard); }
.mtv-tool button:hover { background: var(--lime); transform: translate(-2px, -2px); box-shadow: var(--hard); }
.mtv-tool button:active { transform: translate(2px, 2px); box-shadow: var(--hard); }
[data-scheme="dark"] .mtv-tool button:not(.secondary):not(.ghost):not(.danger):not(.chip), [data-scheme="dark"] .mtv-tool button:not(.secondary):not(.ghost):not(.danger):not(.chip):hover { color: var(--ink); }
[data-scheme="dark"] .mtv-tool button:not(.secondary):not(.ghost):not(.danger):not(.chip):hover { background: var(--lime); }
.mtv-tool button.secondary { background: var(--sun); color: var(--ink); border-color: var(--line); }
.mtv-tool button.secondary:hover { background: var(--lime); }
.mtv-tool button.ghost, .mtv-tool button.chip { background: var(--paper); color: var(--ink); border-color: var(--line); box-shadow: var(--hard); }
.mtv-tool button.ghost:hover, .mtv-tool button.chip:hover { background: var(--lime); color: var(--ink); }
.mtv-tool button.danger { background: var(--paper); color: #c2390f; border-color: var(--line); box-shadow: var(--hard); }
.mtv-tool button.danger:hover { background: #ffd7cc; color: var(--ink); }
[data-scheme="dark"] .mtv-tool button.danger { color: #ff8a63; }
.mtv-tool button.sm { box-shadow: var(--hard); }
.mtv-tool .pill { border: 1px solid var(--line); background: var(--sun); color: var(--ink); font-family: var(--font-mono); }
.mtv-tool .stat { border: 1px solid var(--line); background: var(--bg); }
.mtv-tool .statgrid .stat:nth-child(1) { background: var(--lime); color: var(--ink); border-color: var(--line); }
.mtv-tool .statgrid .stat:nth-child(1) .small { color: var(--ink-2); }
.mtv-tool .stat strong { font: 800 2rem/1.05 var(--font-display); font-stretch: 80%; }
.mtv-tool .item { border: 1px solid var(--line); background: var(--paper); }
.mtv-tool .item:hover { border-color: var(--line); box-shadow: var(--hard); }
.mtv-tool .item.is-done { background: var(--lime); color: var(--ink); border-color: var(--line); }
.mtv-tool .item.is-done .check > span, .mtv-tool .item.is-done .small { color: var(--ink-2); }
.mtv-tool input[type="checkbox"] { border: 1px solid var(--line); border-radius: 7px; }
.mtv-tool input[type="checkbox"]:checked { background: var(--ink); border-color: var(--line); }
.mtv-tool input[type="checkbox"]::after { border-color: var(--lime); }
.mtv-tool .progress { height: 16px; border: 1px solid var(--line); background: var(--paper); }
.mtv-tool .progress span { background: repeating-linear-gradient(-45deg, var(--orange) 0 8px, #ff7a52 8px 16px); border-right: 1px solid var(--line); }
.mtv-tool .result { border: 1px solid var(--line); background: var(--bg); box-shadow: var(--hard); }
.mtv-tool .bignum { font: 800 clamp(3rem, 8vw, 4.6rem)/1 var(--font-display); font-stretch: 75%; }
.mtv-tool .dots i { border: 1px solid var(--line); background: transparent; }
.mtv-tool .dots i.on { background: var(--ink); }
.mtv-tool .item.is-done .dots i { border-color: var(--line); }
.mtv-tool .item.is-done .dots i.on { background: var(--ink); }
.mtv-tool .ring circle { stroke-width: 8; }
.mtv-tool .ring__track { stroke: var(--bg-2); }
.mtv-tool .ring__fill { stroke-linecap: butt; }
.mtv-tool .ring::before { content: ""; position: absolute; inset: 7%; border: 1px solid var(--line); border-radius: 50%; }
.mtv-tool .clock { font: 700 clamp(2.8rem, 11vw, 4rem) var(--font-mono); letter-spacing: -.04em; }
.mtv-tool.is-break .ring__fill { stroke: var(--lilac); }
.mtv-tool.is-break .pill { background: var(--lilac); color: var(--ink); }
.mtv-tool .mood-picker label, .mtv-tool .scale label { border: 1px solid var(--line); background: var(--paper); }
.mtv-tool .mood-picker input:checked + label { background: var(--lilac); color: var(--ink); border-color: var(--line); box-shadow: var(--hard); transform: translate(-2px, -2px); }
.mtv-tool .scale input:checked + label { background: var(--ink); color: var(--bg); border-color: var(--line); }
.mtv-tool .mood-strip .cell { border: 2px solid var(--line); }
.mtv-tool .mood-strip .cell.on { border-color: var(--line); background: var(--lilac); color: var(--ink); }
.mtv-tool .mood-strip .cell.on b, .mtv-tool .mood-strip .cell.on small { color: var(--ink); }
.mtv-tool .smart-letter { border: 1px solid var(--line); background: var(--orange); color: var(--ink); font: 800 1.2rem var(--font-display); }
.mtv-tool .timeline .item::after { border-color: var(--line); background: var(--paper); }
.mtv-tool .timeline .item.is-done::after { background: var(--ink); }
.mtv-tool .timeline .item::before { background: var(--edge); }
.mtv-tool .msg--ok { color: var(--green); }
.mtv-tool__privacy .mtv-icon { color: var(--ink); }
.mtv-tool .tags .pill { background: var(--lime); }

/* ---------- white & cream skin ---------- */
.mtv-tool .card { border: 1px solid var(--line); background: #fff; }
[data-scheme="dark"] .mtv-tool .card { background: var(--paper); }
.mtv-tool input:not([type="checkbox"]):not([type="radio"]), .mtv-tool textarea, .mtv-tool select { border: 1px solid var(--line); background: var(--paper-2); }
.mtv-tool input:focus, .mtv-tool textarea:focus, .mtv-tool select:focus { border-color: var(--orange); }
.mtv-tool button { border: 0; border-radius: 999px; background: var(--orange); color: #fff; box-shadow: 0 6px 16px -8px rgba(232, 118, 58, .7); }
.mtv-tool button:hover { background: var(--orange-dark); transform: translateY(-1px); box-shadow: 0 8px 18px -8px rgba(232, 118, 58, .8); }
.mtv-tool button:active { transform: none; box-shadow: none; }
[data-scheme="dark"] .mtv-tool button:not(.secondary):not(.ghost):not(.danger):not(.chip), [data-scheme="dark"] .mtv-tool button:not(.secondary):not(.ghost):not(.danger):not(.chip):hover { color: #fff; }
[data-scheme="dark"] .mtv-tool button:not(.secondary):not(.ghost):not(.danger):not(.chip):hover { background: var(--orange-dark); }
.mtv-tool button.secondary { background: var(--peach); color: var(--orange-dark); box-shadow: none; }
.mtv-tool button.secondary:hover { background: color-mix(in srgb, var(--orange) 20%, var(--peach)); }
.mtv-tool button.ghost, .mtv-tool button.chip, .mtv-tool button.danger { border: 1px solid var(--line); background: #fff; box-shadow: none; }
[data-scheme="dark"] .mtv-tool :is(button.ghost, button.chip, button.danger) { background: var(--paper); }
.mtv-tool button.ghost:hover, .mtv-tool button.chip:hover { background: var(--cream); color: var(--ink); }
.mtv-tool button.danger:hover { background: #fff0ea; }
.mtv-tool .pill { border: 0; background: var(--peach); color: var(--orange-dark); }
.mtv-tool .stat { border: 1px solid var(--line); background: var(--cream); }
.mtv-tool .statgrid .stat:nth-child(1) { background: var(--peach); border-color: var(--line); }
.mtv-tool .stat strong { color: var(--ink); }
.mtv-tool .item { border: 1px solid var(--line); background: var(--paper-2); }
.mtv-tool .item:hover { box-shadow: none; border-color: color-mix(in srgb, var(--orange) 30%, var(--line)); }
.mtv-tool .item.is-done { background: var(--cream); border-color: var(--line); color: var(--ink); }
.mtv-tool input[type="checkbox"] { border: 2px solid color-mix(in srgb, var(--orange) 45%, var(--line)); }
.mtv-tool input[type="checkbox"]:checked { background: var(--orange); border-color: var(--orange); }
.mtv-tool input[type="checkbox"]::after { border-color: #fff; }
.mtv-tool .progress { height: 12px; border: 0; background: var(--bg-2); }
.mtv-tool .progress span { background: linear-gradient(90deg, var(--orange-2), var(--orange)); border: 0; }
.mtv-tool .result { border: 1px solid var(--line); background: linear-gradient(180deg, var(--cream), #fff); box-shadow: none; }
[data-scheme="dark"] .mtv-tool .result { background: var(--paper-2); }
.mtv-tool .dots i { border: 0; background: var(--bg-2); }
.mtv-tool .dots i.on, .mtv-tool .item.is-done .dots i.on { background: var(--orange-2); }
.mtv-tool .ring::before { border: 1px solid var(--line); }
.mtv-tool .ring__fill { stroke-linecap: round; }
.mtv-tool.is-break .ring__fill { stroke: var(--green); }
.mtv-tool.is-break .pill { background: var(--cat-reflection); color: var(--green); }
.mtv-tool .mood-picker label, .mtv-tool .scale label { border: 1px solid var(--line); background: #fff; }
[data-scheme="dark"] .mtv-tool :is(.mood-picker, .scale) label { background: var(--paper); }
.mtv-tool .mood-picker input:checked + label { background: var(--peach); color: var(--orange-dark); border-color: var(--orange); box-shadow: var(--ring); transform: none; }
.mtv-tool .scale input:checked + label { background: var(--orange); color: #fff; border-color: var(--orange); }
.mtv-tool .mood-strip .cell.on { background: var(--peach); border-color: var(--line); }
.mtv-tool .smart-letter { border: 0; background: var(--orange); color: #fff; }
.mtv-tool .timeline .item::after { border: 2px solid var(--orange); }
.mtv-tool .timeline .item.is-done::after { background: var(--orange); }
.mtv-tool .timeline .item::before { background: var(--line); }
.mtv-tool__privacy .mtv-icon { color: var(--green); }