.experiment-hero{background:var(--green);color:white;padding:22px 19px;border-radius:20px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.experiment-hero h2{font-family:serif;font-size:28px;margin:0}.experiment-hero p{margin:6px 0 0;color:#dfe8da}.experiment-add{width:48px;height:48px;border:0;border-radius:10px;background:#faf6ee;color:var(--green);font-size:30px}.experiment-search{position:relative}.experiment-search:before{content:'⌕';position:absolute;left:15px;top:8px;font-size:24px;color:#64736a}.experiment-search input{padding-left:46px}.experiment-card{border-left:4px solid var(--green);position:relative;padding-right:42px;cursor:pointer}.experiment-card:after{content:'›';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:28px;color:#93a096}.experiment-card .experiment-date{color:#758078;font-size:12px}.experiment-card h3{margin:6px 0 3px}.experiment-result{margin-top:9px;color:#556158;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.experiment-form-head{background:var(--green);color:white;margin:-19px -17px 15px;padding:22px 18px}.experiment-form-head h2{color:white}.experiment-form-head .close{background:#ffffff25;color:white}.experiment-empty{padding:28px 0}.experiment-empty h3{font-family:serif;font-size:22px;margin-bottom:4px}