/* Precise icon geometry: only the chevron rotates, its badge stays centered. */
.picker-trigger{position:relative;padding-right:56px;min-height:53px}.picker-trigger>span:first-child{display:block;max-width:100%}.picker-chevron,.picker-trigger[aria-expanded=true] .picker-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--mint);color:var(--green);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff30;transition:background .25s,border-color .25s,box-shadow .25s;flex-shrink:0}.picker-chevron svg{display:block;width:18px;height:18px;transform:rotate(0deg);transform-origin:50% 50%;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.picker-trigger[aria-expanded=true] .picker-chevron svg{transform:rotate(180deg)}.picker-trigger[aria-expanded=true] .picker-chevron{background:var(--accent-solid);color:#fff;border-color:var(--accent-solid);box-shadow:0 3px 9px #12533720}.picker-trigger:hover .picker-chevron{border-color:var(--green)}
.brand-mark{background:transparent!important;border-radius:15px;box-shadow:0 5px 12px #0d55462c;position:relative;overflow:visible}.brand-mark img{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px #163d2612)}.brand-light{font-weight:500}.brand{letter-spacing:-1.2px}.brand small{letter-spacing:1.7px;font-size:10px}
.convert-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;min-width:215px;padding:14px 22px;border-radius:12px;background:linear-gradient(125deg,#0b5445,#287e5e);border:1px solid #287a5d;color:#fff;font-size:16px;font-weight:650;box-shadow:0 5px 0 #073f32,0 8px 20px #0e554628;transition:box-shadow .3s,filter .3s,transform .3s}.convert-button:hover{background:linear-gradient(125deg,#135e4c,#318b68);box-shadow:0 5px 0 #073f32,0 12px 25px #0e554639}.convert-button:active{box-shadow:0 2px 0 #073f32,0 5px 10px #0e554622}.convert-mark{font-size:26px;line-height:1;color:#c4efda}.convert-spark{font-size:15px;color:#eed39b}.convert-ripple{position:absolute;left:50%;top:50%;width:100px;height:100px;border-radius:50%;background:#bff4d6;z-index:-1;pointer-events:none}.copyable-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 14px;align-items:center;padding:18px;border:1px solid var(--line);background:var(--raised);border-radius:12px;margin-top:18px}.copyable-summary label{grid-column:1/-1;font-size:12px;font-weight:600;color:var(--green)}.copyable-summary textarea{min-height:0!important;font-family:'DM Sans','Noto Sans Ethiopic',sans-serif;font-size:14px;line-height:1.8;color:var(--ink);background:transparent;padding:0;resize:vertical;border:0}.copyable-summary textarea:focus{outline:2px solid var(--gold);outline-offset:4px}.copyable-summary .button{white-space:nowrap}.date-copy-summary{margin-top:8px;margin-bottom:27px;background:var(--soft);border-left:3px solid var(--green)}
.ocr-source-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:19px}.camera-panel{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--raised);margin-bottom:22px}.camera-view{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#11201a;max-height:520px}.camera-view video{display:block;width:100%;height:100%;object-fit:contain}.camera-guide{position:absolute;inset:9%;border:1px dashed #f5e7bc;box-shadow:0 0 0 80px #07170b14;border-radius:10px;pointer-events:none}.camera-panel p{font-size:14px;color:var(--muted);line-height:1.7;margin:13px 0}.ocr-enhance-field{align-self:center}.ocr-enhance-field label{display:flex;align-items:center;gap:9px;font-size:14px!important;line-height:1.5;margin:0!important}.ocr-enhance-field input{accent-color:var(--accent-solid);width:18px;height:18px;flex-shrink:0}.ocr-enhance-field small{display:block;color:var(--muted);line-height:1.6;font-size:12px;margin:8px 0 0 27px}.ocr-preview{max-height:340px}.time-feature{display:flex;align-items:center;gap:24px}.time-feature .big-result{line-height:1.2;margin-bottom:12px}.clock-dial{position:relative;flex-shrink:0;width:135px;height:135px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle at 35% 30%,var(--surface),var(--mint));box-shadow:inset 0 0 0 7px var(--raised),inset 0 0 0 8px var(--line),0 8px 18px #153d3410}.dial-number{position:absolute;line-height:1;font-size:12px;font-weight:600;color:var(--muted)}.dial-number.top{left:50%;top:13px;transform:translateX(-50%)}.dial-number.right{right:15px;top:50%;transform:translateY(-50%)}.dial-number.bottom{left:50%;bottom:14px;transform:translateX(-50%)}.dial-number.left{left:15px;top:50%;transform:translateY(-50%)}.clock-hour,.clock-minute{position:absolute;left:calc(50% - 2px);bottom:50%;width:4px;height:32px;background:var(--green);border-radius:3px;transform-origin:50% 100%;transition:transform .7s var(--ease)}.clock-minute{height:43px;width:2px;left:calc(50% - 1px);background:var(--gold)}.clock-pin{position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;background:var(--green);border:2px solid var(--surface);border-radius:50%}.time-metrics{grid-template-columns:1fr 1fr}.rpm-surface{background:linear-gradient(145deg,var(--mint),var(--raised))}.rpm-surface .big-result{font-variant-numeric:tabular-nums}.rpm-surface p{overflow-wrap:anywhere}
@media(max-width:720px){.picker-trigger{padding-right:49px}.picker-chevron,.picker-trigger[aria-expanded=true] .picker-chevron{right:10px;width:28px;height:28px}.convert-button{min-width:185px;font-size:15px;gap:10px}.copyable-summary{grid-template-columns:1fr;gap:12px;padding:16px}.copyable-summary .button{justify-self:start}.time-feature{gap:17px}.clock-dial{width:110px;height:110px}.clock-hour{height:24px}.clock-minute{height:33px}.time-feature .big-result{font-size:34px}.ocr-source-actions{gap:7px}.camera-panel{padding:12px}.brand small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.picker-chevron svg{transition:none}.clock-hour,.clock-minute{transition:none}}
@media(max-width:720px){.copyable-summary textarea{min-height:7.2em!important}}

/* Reference-inspired monogram and calmer conversion result. */
.brand-mark{box-shadow:none;border:1px solid #ece5d3;border-radius:15px}.brand-mark img{filter:none}.convert-button{min-width:170px;gap:0}
.date-copy-summary{position:relative;padding:23px 24px;border:1px solid var(--line);border-left:0;border-radius:17px;background:linear-gradient(130deg,var(--mint),var(--surface));box-shadow:0 6px 22px #143c3010;overflow:hidden}.date-copy-summary:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--green),var(--gold));border-radius:4px}.date-copy-summary label{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:-.1px}.date-copy-summary label small{margin-left:auto;letter-spacing:1.2px;font-size:9px;color:var(--muted);font-weight:500}.summary-check{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:var(--green);color:var(--surface);font-size:13px}.date-copy-summary textarea{line-height:1.9;font-size:15px}.date-copy-summary .button{border:1px solid var(--line);border-radius:10px;padding:12px 18px;box-shadow:0 2px 6px #173e2610}.views-field{grid-column:1/-1}.views-field small{display:block;color:var(--muted);font-size:12px;margin-top:9px}.rate-status{display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:var(--raised);padding:12px 16px;border-radius:11px;margin-bottom:24px;font-size:13px;color:var(--muted)}.rate-status .text-button{margin-left:auto;font-size:12px}.rate-status-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0}.rates-ready .rate-status-dot{background:var(--green)}.exchange-amount-field{grid-column:1/-1}.exchange-surface{background:linear-gradient(130deg,var(--mint),var(--raised))}.exchange-surface small{color:var(--muted)}.calendar-page-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.standalone-explorer{margin-top:0}.standalone-explorer .month-topline .section-label,.standalone-explorer [aria-label="Calendar view"]{display:none}.calendar-selected-day{margin-top:24px;background:var(--soft);border:1px solid var(--line);padding:24px;border-radius:14px}.calendar-selected-day h3{font-size:23px;letter-spacing:-.4px;margin:10px 0}.calendar-selected-day>p{color:var(--muted);margin-bottom:18px}.selected-event{font-size:14px;color:var(--green);padding:12px 0;border-top:1px solid var(--line)}.calendar-selected-day .result-actions{align-items:center;gap:18px}
@media(max-width:720px){.date-copy-summary{padding:18px}.date-copy-summary label{flex-wrap:wrap;gap:8px;font-size:13px}.date-copy-summary label small{margin-left:0}.date-copy-summary textarea{font-size:14px}.rate-status{flex-wrap:wrap}.rate-status .text-button{margin-left:0}.calendar-page-actions{flex-direction:column;align-items:stretch}.calendar-page-actions .segmented{display:grid;grid-template-columns:1fr 1fr 1fr}.calendar-page-actions .segmented button{padding:10px 7px;font-size:12px}.calendar-selected-day{padding:18px}.calendar-selected-day h3{font-size:20px}.calendar-selected-day .result-actions{flex-wrap:wrap}}
.calendar-page-actions .segmented{width:auto;max-width:100%;margin-bottom:0}.calendar-page-actions .segmented button{white-space:nowrap;padding:11px 16px}
@media(max-width:720px){.calendar-page-actions .segmented button{white-space:normal;padding:10px 7px}}
/* Keep the search's focus border inside its rounded surface and sidebar. */
.tool-search{border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.tool-search:focus-within{outline:none;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.tool-search input,.tool-search input:focus,.tool-search input:focus-visible{outline:none;box-shadow:none;border:0;border-radius:0;background:transparent;line-height:24px}.tool-search>span{flex-shrink:0}
.time-trigger-value{display:flex!important;align-items:center;gap:12px}.time-trigger-value>svg{width:22px;height:22px;color:var(--green);flex-shrink:0}.time-trigger-value>span{font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:.5px}.time-trigger-value small{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:1.2px;font-weight:600;margin-right:8px}
.time-picker-menu{position:fixed;margin:0;padding:18px;border:1px solid var(--line);border-radius:19px;background:var(--surface);color:var(--ink);box-shadow:0 20px 65px #05291d30;overflow:auto;overscroll-behavior:contain;animation:time-menu-enter .22s var(--ease);scrollbar-width:thin}.time-picker-menu::backdrop{background:transparent}.time-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.time-menu-heading>div>span{font-size:15px;font-weight:600}.time-menu-heading small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.2px;margin-top:6px}.time-menu-close{font-size:22px;min-width:32px;min-height:32px}.time-menu-preview{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;margin:16px 0;background:linear-gradient(120deg,var(--mint),var(--raised));border:1px solid var(--line);border-radius:12px}.time-menu-preview strong{font-size:31px;color:var(--green);font-variant-numeric:tabular-nums;letter-spacing:-1px}.time-menu-preview>span{font-size:12px;color:var(--muted)}.time-section-label{font-size:10px;font-weight:600;letter-spacing:1.3px;color:var(--muted);margin:13px 0 9px}.time-hour-grid,.time-minute-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:3px}.time-minute-grid{max-height:145px;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.time-hour-grid button,.time-minute-grid button{min-height:35px;padding:5px 0;border:1px solid transparent;border-radius:8px;background:var(--raised);color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums;transition:background .2s,box-shadow .2s}.time-hour-grid button:hover,.time-minute-grid button:hover{background:var(--mint);border-color:var(--line)}.time-hour-grid button[aria-pressed=true],.time-minute-grid button[aria-pressed=true]{background:var(--green);color:var(--surface);box-shadow:0 3px 8px #124a3030}.time-hour-grid button:focus-visible,.time-minute-grid button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.time-menu-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.time-menu-footer>span{font-size:11px;color:var(--muted)}
@keyframes time-menu-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.time-picker-menu{animation:none}}
