:root{--rp-ink:#17233f;--rp-blue:#315cff;--rp-muted:#6e768b;--rp-paper:#f5f2ea;--rp-line:rgba(23,35,63,.13)}
body.page{margin:0;background:var(--rp-paper);color:var(--rp-ink)}
.rp-app{min-height:100vh;padding:clamp(22px,4vw,52px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 95% 0,rgba(49,92,255,.13),transparent 27rem),var(--rp-paper)}
.rp-app *{box-sizing:border-box}.rp-hero,.rp-panel,.rp-toolbar,.rp-tasks,.rp-areas{width:min(1100px,100%);margin-left:auto;margin-right:auto}.rp-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:35px}.rp-kicker{font-size:12px;font-weight:850;letter-spacing:.16em;color:#1737ae}.rp-hero h1{margin:6px 0 5px;font-size:clamp(42px,8vw,78px);line-height:1;letter-spacing:-.055em}.rp-hero p{margin:0;color:var(--rp-muted)}.rp-logout{color:var(--rp-muted);text-decoration:none;border:1px solid var(--rp-line);border-radius:999px;padding:8px 14px;font-size:14px}.rp-panel{background:rgba(255,255,255,.8);border:1px solid var(--rp-line);border-radius:24px;padding:24px;box-shadow:0 15px 50px rgba(23,35,63,.07)}.rp-panel h2{margin:0 0 15px;font-size:21px}.rp-add-form{display:flex;align-items:end;gap:12px}.rp-add-form label,.rp-edit-grid label{display:flex;flex-direction:column;gap:5px}.rp-add-form label span,.rp-edit-grid label span{font-size:12px;font-weight:750;color:var(--rp-muted)}.rp-grow{flex:1}.rp-app input,.rp-app select,.rp-app textarea{width:100%;border:1px solid var(--rp-line);border-radius:11px;background:white;color:var(--rp-ink);padding:11px 12px;font:inherit}.rp-app button{border:0;border-radius:11px;background:var(--rp-blue);color:white;padding:12px 17px;font-weight:750;cursor:pointer}.rp-toolbar{padding:20px 0 13px}.rp-toolbar form{display:flex;gap:9px}.rp-toolbar select{width:auto;background:rgba(255,255,255,.65)}.rp-tasks{display:flex;flex-direction:column;gap:10px}.rp-task{background:rgba(255,255,255,.86);border:1px solid var(--rp-line);border-radius:17px;overflow:hidden}.rp-task-head{display:flex!important;align-items:center;width:100%;gap:14px!important;padding:17px 20px!important;text-align:left;background:transparent!important;color:var(--rp-ink)!important}.rp-dot{width:11px;height:11px;border-radius:50%;background:#e5ad22;flex:0 0 auto}.rp-priority-high .rp-dot{background:#e34e4e}.rp-priority-low .rp-dot{background:#48a66b}.rp-task-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.rp-task-main strong{font-size:16px}.rp-task-main small{color:var(--rp-muted);font-weight:450}.rp-task-main em{font-style:normal}.is-overdue{color:#c63737;font-weight:750}.rp-chevron{font-size:22px;transition:transform .2s}.rp-task-head[aria-expanded=true] .rp-chevron{transform:rotate(180deg)}.is-done{opacity:.62}.is-done .rp-task-main strong{text-decoration:line-through}.rp-task-edit{border-top:1px solid var(--rp-line);padding:20px}.rp-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.rp-wide{grid-column:1/-1}.rp-actions{display:flex;align-items:center;gap:9px;margin-top:15px}.rp-actions form{margin:0}.rp-delete{background:transparent!important;color:#b83535!important;border:1px solid rgba(184,53,53,.25)!important}.rp-empty{padding:55px;text-align:center;border:1px dashed var(--rp-line);border-radius:20px;color:var(--rp-muted);display:flex;flex-direction:column}.rp-empty strong{color:var(--rp-ink);font-size:22px}.rp-areas{margin-top:22px}.rp-areas summary{font-weight:800;cursor:pointer}.rp-areas form{display:flex;gap:10px;margin-top:18px}.rp-areas p{margin:12px 0 0;color:var(--rp-muted);font-size:13px}.rp-notice{width:min(1100px,100%);margin:0 auto 14px;padding:11px 15px;background:#e3f4e8;color:#276a3a;border-radius:11px}
@media(max-width:760px){.rp-app{padding:20px 14px 45px}.rp-hero{align-items:center}.rp-hero p{font-size:14px}.rp-add-form{display:grid;grid-template-columns:1fr 1fr}.rp-grow{grid-column:1/-1}.rp-add-form button{grid-column:1/-1}.rp-toolbar form{display:grid;grid-template-columns:1fr 1fr}.rp-toolbar select{width:100%}.rp-toolbar button{grid-column:1/-1}.rp-edit-grid{grid-template-columns:1fr 1fr}.rp-task-head{padding:15px!important}.rp-task-main small{font-size:12px}.rp-areas form{flex-direction:column}}
.rp-update-form>button{margin-top:15px}.rp-delete-form{display:inline-block;margin:10px 0 0}
.rp-login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 85% 8%,rgba(116,30,48,.14),transparent 28rem),#f4efe7;color:#241b1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.rp-login-brand{position:absolute;top:28px;left:32px;color:#241b1d;text-decoration:none;font-family:Georgia,serif;font-size:22px;font-weight:700}.rp-login-card{width:min(450px,100%);padding:clamp(30px,6vw,52px);background:rgba(255,255,255,.8);border:1px solid rgba(36,27,29,.12);border-radius:28px;box-shadow:0 25px 70px rgba(57,29,34,.11)}.rp-login-card h1{margin:8px 0 10px;font-family:Georgia,serif;font-size:clamp(38px,7vw,56px);line-height:1;letter-spacing:-.035em}.rp-login-card>p{margin:0 0 28px;color:#75686b}.rp-login-card form,.rp-login-card label{display:flex;flex-direction:column;gap:7px}.rp-login-card form{gap:17px}.rp-login-card label span{font-size:13px;font-weight:750}.rp-login-card input{border:1px solid rgba(36,27,29,.17);border-radius:11px;padding:13px;background:white;font:inherit}.rp-login-card button{border:0;border-radius:11px;padding:14px;background:#741e30;color:white;font-weight:800;cursor:pointer}.rp-login-card .rp-remember{flex-direction:row;align-items:center;gap:9px}.rp-login-card .rp-remember input{width:auto}.rp-login-error{margin:0 0 18px;padding:11px 13px;border-radius:10px;background:#f8e2e3;color:#922f36;font-size:14px}
