:root{font-family:Arial,sans-serif;color:#182e29;background:#f4f5ef}*{box-sizing:border-box}body{margin:0}header{padding:25px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce1d7;background:#fff}.brand{display:flex;gap:12px;align-items:center;font-size:22px}.brand span{font-size:14px;font-weight:700;letter-spacing:2px}small{display:block;font-size:12px;color:#68746b;line-height:1.6}.brand small{font-size:9px;letter-spacing:3px}.badge{padding:10px 15px;border:1px solid #dbe2d6;border-radius:30px;font-size:12px}.wrap{max-width:1120px;margin:auto;padding:32px 24px}nav{display:flex;gap:8px;flex-wrap:wrap}button{background:#193f34;color:white;border:0;padding:15px 22px;border-radius:9px;font-weight:600;font-size:15px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}nav button{background:transparent;color:#68746b;font-size:14px}nav .selected{background:#dfe9db;color:#193f34}.intro{margin:50px 0 28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#81966f}h1{font-family:Georgia,serif;font-size:clamp(30px,5vw,46px);font-weight:400;letter-spacing:-1px;margin:12px 0}p{line-height:1.7;color:#68746b}h2{font-size:23px;font-weight:500;margin:15px 0}h3{font-size:16px}section{background:white;padding:30px;border-radius:18px;border:1px solid #e2e6dd;margin-bottom:20px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.hero{background:#193f34;color:#fff;padding:40px}.hero p{color:#b9cbbb}.hero h2{font-family:Georgia,serif}.hero button{background:#dfeca4;color:#193f34;width:100%;display:flex;justify-content:space-between;margin-top:28px}.clock{font-size:85px;letter-spacing:-5px;line-height:1.3}.icon{font-size:32px}hr{border:0;border-top:1px solid #e3e7dc;margin:25px 0}.notice{padding:15px 20px;background:#e6edda;border:1px solid #d2debf;border-radius:10px;color:#314e30}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}input{display:block;background:white;border:1px solid #c9d4c7;padding:12px;border-radius:7px;font:inherit;color:inherit;margin-top:7px;max-width:100%}label{font-size:13px;color:#68746b}form{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:25px 0}.cards{display:flex;gap:15px;flex-wrap:wrap}.cards section{min-width:220px}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;white-space:nowrap}td,th{padding:18px 12px;border-bottom:1px solid #e3e8df}th{color:#68746b;font-weight:500}.member{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #e3e8df;gap:12px}.secondary{background:#eef1e8;color:#193f34;font-size:12px}footer{font-size:12px;color:#879184;margin-top:38px;display:flex;justify-content:space-between}a{color:#193f34}@media(max-width:650px){.grid{grid-template-columns:1fr}.wrap{padding:22px 16px}.hero{padding:28px}section{padding:23px}header{padding:20px}.badge{font-size:10px}.intro{margin-top:32px}.clock{font-size:72px}nav button{padding:12px}.toolbar{align-items:end}footer span{display:none}}

:root{color:#c6a6f6;background:#08080b}header{background:#101016;border-color:#332442}.brand{color:#bdf49b}.badge{border-color:#67458a;color:#c6a6f6}small,p,label,th{color:#c6a6e1}h1,h2,h3{color:#bbf39c}nav button{color:#c6a6f6}nav .selected{background:#352044;color:#d5b6ff}section{background:#14131b;border-color:#352840}button{background:#b9ec99;color:#182313}.hero{background:#1c1428;color:#c6a6f6}.hero p{color:#cfb5ea}.hero h2{color:#bdf49b}.hero button{background:#b9ec99;color:#182313}.eyebrow{color:#bdf49b}.notice{background:#291d37;border-color:#68458a;color:#dabdff}input{background:#0c0b10;border-color:#64467e;color:#d9c0fa}.secondary{background:#352044;color:#dfc5ff}hr,td,th,.member{border-color:#352840}footer,a{color:#bdf49b}.monthly-total{display:flex;gap:30px;flex-wrap:wrap}.cards section{flex:1;min-width:280px}.clock{color:#bdf49b}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c6a6f6;outline-offset:3px}
select,textarea{display:block;width:100%;background:#15111d;color:#d6b4ef;border:1px solid #604475;border-radius:9px;padding:13px;font:inherit;margin-top:7px}textarea{min-height:220px;resize:vertical;line-height:1.7}textarea:focus,select:focus{outline:2px solid #b5ec91;outline-offset:2px}.notebook button{margin-top:18px}.day-total{grid-column:1/-1}.day-total h2{font-size:34px}.toolbar{flex-wrap:wrap}.toolbar label{min-width:170px}

body{background:#09090d;color:#b5ed91}header{background:#111018;border-color:#3c2c4a}p,small,label,footer,.intro span{color:#c2a6d4}section{background:#14121c;border-color:#41304f}button,.button{background:#a8e987;color:#10210a}nav button{color:#c2a6d4}nav .selected{background:#382446;color:#d8b6f1}.hero{background:#241931;color:#b5ed91}.hero p{color:#c2a6d4}.notice,#message{background:#2a1d35;color:#d6b5ec;border:1px solid #785593;padding:16px;border-radius:12px}.button{display:inline-block;padding:15px 22px;border-radius:9px;text-decoration:none;font-weight:600}.row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.note-cell{white-space:pre-wrap;min-width:200px;max-width:420px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}.stats section{margin:0 0 20px}.total{font-size:34px}.notebook textarea{min-height:190px}input{background:#15111d;color:#d6b4ef;border-color:#604475}td,th{border-color:#41304f}nav{justify-content:space-between}footer{line-height:1.8}.clock{font-variant-numeric:tabular-nums}.toolbar button{margin-left:auto}.login{max-width:500px;margin:auto}.muted{font-size:12px}.grid{align-items:stretch}form{align-items:end}h1{color:#b5ed91}button:focus-visible,a:focus-visible{outline:2px solid #d4a5f8;outline-offset:4px}