:root{--ink:#173d3d;--muted:#6b8181;--line:#dfebe7;--teal:#0f8d81;--bg:#f5f8f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background-image:radial-gradient(ellipse at 90% 4%,#e1f0e6 0,transparent 40%)}header,main{max-width:1200px;margin:auto;padding:24px 36px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;padding-top:44px;padding-bottom:28px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:850;color:#0d8a7f}.brand>span{font-size:16px;letter-spacing:3px}.hero small{display:block;color:#6f8b82;letter-spacing:3px;font-size:10px;margin-top:26px}.hero h1{font-size:50px;line-height:1.25;letter-spacing:-1px;margin:18px 0}.hero em{font-style:normal;color:var(--teal)}.hero p{font-size:17px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-tags span{border:1px solid #cbded5;border-radius:25px;padding:5px 13px;font-size:12px;background:#ffffff80;color:#537569}.hero-art{border-radius:32px;overflow:hidden;box-shadow:0 20px 50px #2c605111;line-height:0;background:#f9f8f2}.hero-art img{width:100%;height:auto;display:block}main{padding-top:0;padding-bottom:44px}section{border:1px solid var(--line);border-radius:22px;padding:28px;margin:20px 0;background:#fff;box-shadow:0 8px 30px #214d3e05}#login{margin-top:0;padding:28px 32px}.section-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--teal)}h2{font-size:23px;letter-spacing:-.4px;margin:4px 0 6px}h3{margin:26px 0 14px;font-size:18px}p{color:var(--muted);margin:7px 0 20px}form,.bar{display:flex;gap:16px;align-items:end;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:140px;font-size:13px;font-weight:600}input,select,button{font:inherit;border-radius:11px;padding:12px 14px;border:1px solid #d8e5e0;background:#f8fbf9;color:var(--ink);max-width:100%;min-width:0;min-height:46px}input:focus,select:focus{outline:3px solid #0e9b8120;border-color:var(--teal)}button{cursor:pointer;background:var(--teal);color:#fff;font-weight:650;border-color:var(--teal);box-shadow:0 5px 10px #0f8d8115;transition:background .15s,transform .15s}button:hover{background:#08796f}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}a{color:var(--teal);display:inline-block;margin-top:15px;text-decoration:none;font-weight:600;font-size:13px}.record{border-top:1px solid var(--line);padding:16px 0}.record form{margin-top:12px}.bar{justify-content:space-between}#message{color:#886420;white-space:pre-wrap;margin:16px 4px}[hidden]{display:none!important}.calendar-scroll{overflow-x:auto;margin:20px 0}.week-calendar{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;min-width:980px}.day{background:#f7faf8;padding:12px;border:1px solid var(--line);border-radius:12px;min-height:155px}.day.today{border-color:var(--teal);background:#ecf8f2}.shift-card{padding:9px;background:white;border:1px solid #e0ebe5;border-radius:8px;margin-top:8px;font-size:12px;box-shadow:0 3px 7px #224d3e04}.trial{color:#ad6b13}.week-dates{display:flex;gap:12px;flex-wrap:wrap;width:100%}.week-dates label{flex:0 0 auto;min-width:76px;display:flex;flex-direction:row;align-items:center}input[type=checkbox]{width:19px;height:19px;min-height:0;accent-color:var(--teal)}#who{font-size:18px}#logout,#prev-week,#next-week{background:#edf5f0;color:var(--teal);border-color:#d8e7df;box-shadow:none}@media(min-width:900px){#login-form button{min-width:160px}}@media(max-width:760px){header,main{padding:20px}.hero{grid-template-columns:1fr;padding-top:24px;gap:20px}.hero h1{font-size:36px}.hero h1 br{display:none}.hero small{margin-top:20px}.hero-art{max-width:430px;justify-self:center;border-radius:22px}.hero-art img{max-height:225px;object-fit:cover}.hero-tags{margin-top:15px}.hero p{font-size:15px}main{padding-top:0}section,#login{padding:20px;border-radius:18px}#login-form{display:grid;grid-template-columns:1fr 1fr}#login-form button{width:100%;grid-column:1/-1}label{min-width:0}form{gap:12px}#week-form,#schedule-form,#trial-form{display:grid;grid-template-columns:1fr 1fr}#week-dates,#save-week,#schedule-form button{grid-column:1/-1}button{min-height:46px}h2{font-size:21px}.bar{gap:12px}}@media(max-width:420px){#login-form{grid-template-columns:1fr}.hero h1{font-size:31px}.hero-tags span{font-size:11px;padding:4px 9px}.hero-art img{max-height:190px}header,main{padding-left:15px;padding-right:15px}}