.dd-tool{gap:18px;display:grid}.top,.card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px}.top{justify-content:space-between;gap:14px;padding:18px;display:flex}.top>div:first-child,.card>header{align-items:flex-start;gap:9px;display:flex}.top svg,.card>header svg{color:var(--color-primary)}.top h2,.card h2{margin:0;font-size:18px}.top p,.card p{color:var(--color-text-secondary);margin:4px 0 0;font-size:11px}.actions{flex-wrap:wrap;gap:7px;display:flex}.actions button,.card button,.presets button{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 11px;font-weight:700;display:inline-flex}.presets{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.presets button{background:#f8f9fc}.card{padding:18px}.card>header{margin-bottom:14px}.main{grid-template-columns:.52fr .48fr;gap:14px;display:grid}.dates{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;display:grid}.dates label{gap:6px;display:grid}.dates span,.date-preview span,.metric-grid span,.big-days span{text-transform:uppercase;color:var(--color-text-secondary);font-size:9px;font-weight:700}.dates input{border:1px solid var(--color-border);background:#fff;border-radius:9px;min-height:46px;padding:10px}.swap{color:var(--color-primary);padding-bottom:13px;font-size:22px}.checks{gap:8px;margin-top:12px;display:grid}.checks label{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;align-items:center;gap:8px;padding:10px;font-size:11px;display:flex}.checks input{width:16px;height:16px}.date-preview{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.date-preview article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;padding:11px}.date-preview b{margin-top:5px;display:block}.error{color:#a12b2b;background:#fff1f1;border:1px solid #efc0c0;border-radius:10px;margin-top:12px;padding:11px}.hero-result>header{grid-template-columns:auto 1fr auto;display:grid}.hero-result>header>button{width:39px;padding:0}.exact{border:1px solid var(--color-border);background:#f8f9fc;border-radius:13px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;padding:22px;display:grid}.exact>div{text-align:center}.exact strong,.exact span{display:block}.exact strong{font-size:40px;line-height:1}.exact span{color:var(--color-text-secondary);text-transform:uppercase;margin-top:5px;font-size:10px}.exact i{color:var(--color-primary);font-size:22px;font-style:normal}.big-days{color:#fff;background:#101522;border-radius:12px;margin-top:10px;padding:17px}.big-days span,.big-days strong,.big-days small{display:block}.big-days span{color:#9ca8ba}.big-days strong{margin-top:5px;font-size:40px}.big-days small{color:#9ca8ba;margin-top:4px}.metric-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.metric-grid article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;padding:12px}.metric-grid b,.metric-grid small{display:block}.metric-grid b{margin-top:5px;font-size:22px}.metric-grid small{color:var(--color-text-secondary);margin-top:3px}.bottom{grid-template-columns:.7fr .3fr;gap:14px;display:grid}.explain-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.explain-grid article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;padding:12px}.explain-grid p{line-height:1.6!important}.export{flex-direction:column;display:flex}.export>div{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.history>header{grid-template-columns:auto 1fr auto;display:grid}.history>header>button{width:39px;padding:0}.history>div{gap:7px;display:grid}.history>div>article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.history b,.history span{display:block}.history span{color:var(--color-text-secondary);margin-top:3px;font-size:9px}.empty{border:1px dashed var(--color-border);text-align:center;color:var(--color-text-secondary);border-radius:9px;padding:16px;font-size:11px}.note{color:#6b5920;background:#fff9e8;border:1px solid #ead9a7;border-radius:11px;gap:8px;padding:13px 15px;font-size:12px;line-height:1.6;display:flex}.note svg{flex:none}button:disabled{opacity:.45}@media (width<=1000px){.top{flex-direction:column}.main,.bottom{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.presets,.date-preview,.metric-grid,.explain-grid,.dates{grid-template-columns:1fr}.swap{text-align:center;padding:0;transform:rotate(90deg)}.exact{grid-template-columns:1fr}.exact i{transform:rotate(90deg)}.history>div>article{grid-template-columns:1fr}}