.E1fchW_demo{background:var(--card);border:1.5px solid var(--text);border-radius:var(--radius-xl);box-shadow:8px 8px 0 var(--text);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.E1fchW_controls{gap:var(--space-3xl);border-right:1px solid var(--separator);flex-direction:column;align-items:flex-start;padding:clamp(24px,4vw,48px);display:flex}.E1fchW_field{border:none;width:100%;margin:0;padding:0}.E1fchW_label{margin-bottom:var(--space-md);font-weight:600;display:block}.E1fchW_chips{gap:var(--space-sm);flex-wrap:wrap;display:flex}.E1fchW_chip{min-height:44px;font-size:var(--text-subhead);cursor:pointer;border:1.5px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.E1fchW_chip:hover{border-color:var(--text)}.E1fchW_chip[data-on]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.E1fchW_chip:has(input:focus-visible){outline:2px solid var(--accent-ink);outline-offset:3px}.E1fchW_slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.E1fchW_slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text) var(--fill), var(--sunken) var(--fill));border-radius:8px;height:8px}.E1fchW_slider::-moz-range-track{background:linear-gradient(to right, var(--text) var(--fill), var(--sunken) var(--fill));border-radius:8px;height:8px}.E1fchW_slider::-webkit-slider-thumb{appearance:none;background:var(--card);border:2px solid var(--text);width:28px;height:28px;box-shadow:var(--shadow-overlay);transition:transform .2s var(--ease-spring);border-radius:50%;margin-top:-10px}.E1fchW_slider::-moz-range-thumb{background:var(--card);border:2px solid var(--text);border-radius:50%;width:28px;height:28px}.E1fchW_slider:active::-webkit-slider-thumb{transform:scale(1.15)}.E1fchW_ticks{height:20px;font-size:var(--text-caption);color:var(--text-tertiary);position:relative}.E1fchW_ticks span{position:absolute;transform:translate(-50%)}.E1fchW_ticks span:first-child{transform:none}.E1fchW_preview{text-align:center;background:var(--bg);flex-direction:column;align-items:center;padding:clamp(24px,4vw,48px);display:flex}.E1fchW_row{gap:var(--space-md);text-align:left;background:var(--card);border-radius:var(--radius-card);width:100%;max-width:360px;box-shadow:var(--shadow-raised);align-items:center;padding:14px 16px;display:flex}.E1fchW_avatar{background:var(--sunken);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.E1fchW_who{flex-direction:column;flex:1;display:flex}.E1fchW_name{font-weight:600}.E1fchW_rhythm{font-size:var(--text-caption);color:var(--text-secondary)}.E1fchW_when{font-size:var(--text-subhead);color:var(--text-secondary);font-weight:600;transition:color .3s}.E1fchW_row[data-status=slipping] .E1fchW_when{color:var(--status-slipping)}.E1fchW_row[data-status=overdue] .E1fchW_when{color:var(--status-overdue)}.E1fchW_status{margin:var(--space-2xl) 0 var(--space-sm);color:var(--status-healthy);border-radius:var(--radius-pill);border:1.5px solid;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-weight:700;transition:color .3s;display:inline-flex}.E1fchW_status[data-status=slipping]{color:var(--status-slipping)}.E1fchW_status[data-status=overdue]{color:var(--status-overdue)}.E1fchW_statusIcon{background:currentColor;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.E1fchW_status[data-status=slipping] .E1fchW_statusIcon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 4.5V9l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 4.5V9l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.E1fchW_status[data-status=overdue] .E1fchW_statusIcon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 4.5v6' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='13.4' r='1.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 4.5v6' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='13.4' r='1.3'/%3E%3C/svg%3E")}.E1fchW_line{max-width:32ch;min-height:3em;font-size:var(--text-subhead);color:var(--text-secondary);margin:0}.E1fchW_plant{width:220px;margin-top:var(--space-lg);display:grid;position:relative}.E1fchW_plantImg{opacity:0;transform-origin:50% 100%;transition:opacity .45s var(--ease-out), transform .6s var(--ease-spring);grid-area:1/1;transform:scale(.96)}.E1fchW_plantImg[data-on]{opacity:1;transform:none}.E1fchW_hearts{pointer-events:none;position:absolute;inset:0}.E1fchW_hearts svg{opacity:0;width:26px;height:26px;fill:var(--card);stroke:var(--text);stroke-width:1.8px;animation:E1fchW_pop 1.3s var(--ease-out) both;animation-delay:calc(var(--h) * 70ms);position:absolute;top:30%;left:50%}.E1fchW_hearts svg:first-child{--dx:-90px;--dy:-70px}.E1fchW_hearts svg:nth-child(2){--dx:-40px;--dy:-110px}.E1fchW_hearts svg:nth-child(3){--dx:10px;--dy:-130px}.E1fchW_hearts svg:nth-child(4){--dx:60px;--dy:-100px}.E1fchW_hearts svg:nth-child(5){--dx:100px;--dy:-60px}@keyframes E1fchW_pop{0%{opacity:0;transform:translate(-50%)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), var(--dy)) scale(1.1) rotate(12deg)}}@media (max-width:820px){.E1fchW_demo{grid-template-columns:minmax(0,1fr)}.E1fchW_controls{border-right:none;border-bottom:1px solid var(--separator)}}
.MQ86PW_section{background:var(--bg-deep)}.MQ86PW_head{max-width:720px;margin-bottom:clamp(40px,6vw,72px)}.MQ86PW_grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,28px);margin:0;padding:0;list-style:none;display:grid}.MQ86PW_card{background:var(--bg);border:1.5px solid var(--text);border-radius:var(--radius-xl);box-shadow:5px 5px 0 var(--text);rotate:var(--tilt,0deg);transition:rotate .5s var(--ease-spring), translate .5s var(--ease-spring), box-shadow .4s var(--ease-out);flex-direction:column;padding:clamp(22px,2.6vw,32px);display:flex;position:relative}.MQ86PW_card:hover{box-shadow:10px 10px 0 var(--text);translate:-3px -5px;rotate:0deg}.MQ86PW_wide{column-gap:var(--space-3xl);grid-column:span 2;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-content:center;align-items:start;display:grid}.MQ86PW_art{width:min(220px,70%);margin:0 auto var(--space-xl);transition:transform .6s var(--ease-spring)}.MQ86PW_card:hover .MQ86PW_art{transform:scale(1.04)rotate(-2deg)}.MQ86PW_wide .MQ86PW_art{grid-row:1/4;align-self:center;width:100%;margin:0}.MQ86PW_title{margin-bottom:var(--space-sm);letter-spacing:-.02em;font-size:1.375rem;font-weight:750}.MQ86PW_body{color:var(--text-secondary);margin:0}.MQ86PW_more{margin-top:var(--space-lg);font-weight:600}.MQ86PW_night{color:var(--night-text);background:var(--night-bg);border-color:var(--night-bg)}.MQ86PW_night .MQ86PW_body{color:var(--night-text-secondary)}@media (max-width:960px){.MQ86PW_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.MQ86PW_grid{grid-template-columns:minmax(0,1fr)}.MQ86PW_wide{grid-column:auto;display:flex}.MQ86PW_wide .MQ86PW_art{width:min(240px,80%);margin:0 auto var(--space-xl)}}