.ss-app{--safari:#c47a44;--safari-dark:#9c5730;--sand:#f4f1ec;--paper:#fff;--ink:#28262b;--muted:#565656;--gold:#d4a34e;--leaf:#66705b;box-sizing:border-box;position:relative;max-width:820px;margin:35px auto;background:var(--sand);color:var(--muted);border:1px solid #ded8cf;overflow:hidden;font:16px/1.65 var(--ss-body-font);box-shadow:0 18px 55px rgba(40,38,43,.12)}.ss-app *{box-sizing:border-box}.ss-app button,.ss-app select{font:inherit}.ss-hero{position:relative;padding:52px 45px 43px;text-align:center;color:#fff;background:linear-gradient(rgba(34,30,25,.52),rgba(34,30,25,.6)),linear-gradient(135deg,#9b6542,#d6a262)}.ss-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--safari) 0 38%,var(--gold) 38% 65%,var(--leaf) 65%)}.ss-brand{display:flex;justify-content:center;align-items:center;gap:12px;font:400 23px/1 var(--ss-heading-font);letter-spacing:.08em}.ss-brand b{font-weight:700}.ss-logo{display:inline-grid;place-items:center;width:45px;height:45px;border:1px solid rgba(255,255,255,.85);border-radius:50%;font-size:22px}.ss-kicker{text-transform:uppercase;letter-spacing:.21em;font:600 11px var(--ss-heading-font);margin:22px 0 11px;color:#f0d8c4}.ss-hero h2,.ss-finish h2{font:400 clamp(29px,5vw,44px)/1.15 var(--ss-heading-font);margin:0;color:inherit}.ss-hero p:last-child{margin:13px 0 0;font-size:17px}.ss-setup,.ss-session,.ss-finish{padding:38px 45px}.ss-time-picker{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:32px}.ss-time{width:74px;height:74px;border:1px solid #d6cec4;border-radius:0;background:#fff;color:var(--ink);font:500 23px var(--ss-heading-font);cursor:pointer;transition:.2s}.ss-time small{display:block;font:600 10px var(--ss-body-font);text-transform:uppercase;letter-spacing:.1em;color:#888}.ss-time:hover,.ss-time.is-active{background:var(--safari);border-color:var(--safari);color:#fff;transform:translateY(-3px);box-shadow:0 8px 18px rgba(156,87,48,.25)}.ss-time.is-active small,.ss-time:hover small{color:#fff}.ss-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}.ss-fields label{font:600 12px var(--ss-heading-font);text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.ss-fields select{display:block;width:100%;margin-top:9px;padding:13px 15px;border:1px solid #d2cbc1;border-radius:0;background:#fff;color:var(--muted);text-transform:none;letter-spacing:0}.ss-primary,.ss-secondary,.ss-struggle{border:1px solid var(--safari);border-radius:0;padding:13px 23px;font:500 12px var(--ss-heading-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.ss-primary{background:var(--safari);color:#fff}.ss-secondary{background:transparent;color:var(--safari)}.ss-struggle{border-color:#b6ab9d;background:#fff;color:var(--muted)}.ss-setup>.ss-primary{display:block;margin:auto;font-size:12px;padding:16px 30px}.ss-primary:hover{background:var(--safari-dark);border-color:var(--safari-dark);transform:translateY(-2px)}.ss-secondary:hover,.ss-struggle:hover{background:#fff;transform:translateY(-2px)}.ss-primary:disabled{opacity:.65}.ss-memory{text-align:center;color:#777;font-size:14px;margin:23px 0 0;font-style:italic}.ss-session-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ss-session-head span{text-transform:uppercase;letter-spacing:.16em;font:600 11px var(--ss-heading-font);color:var(--safari)}.ss-session-head h2{font:400 29px var(--ss-heading-font);color:var(--ink);margin:5px 0}.ss-timer{font:500 25px var(--ss-heading-font);background:var(--ink);color:#fff;padding:9px 15px;min-width:98px;text-align:center}.ss-timer.is-done{background:var(--leaf)}.ss-progress{height:5px;margin:20px 0 28px;overflow:hidden;background:#ddd6cc}.ss-progress span{display:block;height:100%;background:var(--safari);transition:width .3s}.ss-card{position:relative;min-height:220px;border:1px solid #ded6cc;background:#fff;padding:38px 38px 32px 120px;box-shadow:8px 8px 0 #e8ded3}.ss-card>p{font-size:19px;margin:0 0 21px;color:var(--ink)}.ss-type-icon{position:absolute;left:31px;top:35px;display:grid;place-items:center;width:61px;height:61px;border:1px solid #d7c2ad;color:#fff;background:var(--safari);font-size:27px}.ss-tip{padding:12px 15px;border-left:3px solid var(--gold);background:#f8f4ee;color:#6b625a;font-size:14px}.ss-controls{display:flex;align-items:center;justify-content:space-between;gap:11px;margin-top:29px;flex-wrap:wrap}.ss-finish{text-align:center;padding-top:58px;padding-bottom:61px;color:var(--ink)}.ss-celebrate{font-size:35px;color:var(--safari);margin-bottom:21px;letter-spacing:.25em}.ss-finish>p{font-size:17px;color:var(--muted)}.ss-finish-actions{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}.ss-toast{position:fixed;z-index:99999;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:90%;padding:13px 21px;background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:.2s}.ss-toast.is-visible{opacity:1;transform:translate(-50%,0)}.ss-app [hidden]{display:none!important}@media(max-width:600px){.ss-app{margin:18px 5px}.ss-hero,.ss-setup,.ss-session,.ss-finish{padding-left:21px;padding-right:21px}.ss-fields{grid-template-columns:1fr}.ss-time{width:60px;height:60px;font-size:20px}.ss-card{padding:102px 23px 23px;min-height:280px}.ss-type-icon{left:23px;top:23px}.ss-controls{justify-content:center}.ss-controls .ss-primary{width:100%;order:-1}.ss-session-head h2{font-size:23px}.ss-timer{font-size:19px;min-width:82px}.ss-brand{font-size:18px}}