*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#edf5f0;color:#183b2d;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.app-splash,.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 18% 18%,rgba(252,213,164,.28),transparent 25%),#edf5f0}.app-splash{font-size:24px;font-weight:900;letter-spacing:0;color:#2e6b4e}.auth-panel{width:min(420px,calc(100vw - 32px));background:#fffdf8;border:1px solid rgba(49,94,69,.16);border-radius:8px;padding:28px;box-shadow:0 20px 55px #19482f24}.brand-mark{font-size:24px;font-weight:900;color:#2c6b4b;margin-bottom:20px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}.auth-switch button,.nav-links button,.ghost,.primary,.add-card,.text-action{border:0;border-radius:8px}.auth-switch button{padding:10px;background:#eaf2ec;color:#38644d;font-weight:800}.auth-switch .active{background:#2f724e;color:#fff}.field{display:grid;gap:6px;margin:12px 0;color:#456653;font-size:13px;font-weight:800}.field input,.field select,.field textarea,.inline-editor input,.stage-node input,.project-title-row input,.nav-actions select,.project-meta-row select{width:100%;border:1px solid rgba(49,94,69,.18);background:#fff;border-radius:8px;padding:10px 12px;color:#183b2d;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.inline-editor input:focus,.stage-node input:focus,.project-title-row input:focus{border-color:#4c9365;box-shadow:0 0 0 3px #4c936524}.primary{background:#2f724e;color:#fff;padding:10px 16px;font-weight:900}.ghost{background:#e9f1eb;color:#285b41;padding:10px 14px;font-weight:800}.small{padding:7px 10px;font-size:13px}.wide{width:100%;margin-top:10px}.form-error{background:#fff0ed;color:#ad3229;border:1px solid #f1c1ba;border-radius:8px;padding:10px 12px;margin:10px 0;font-size:13px;font-weight:800}.notice{background:#eef8ee;border:1px solid #b9ddb9;color:#2f724e;border-radius:8px;padding:9px 10px;margin-bottom:10px;font-weight:800}.planner-page{min-height:100vh;background:#edf5f0}.top-nav{height:70px;display:grid;grid-template-columns:minmax(190px,260px) 1fr auto;align-items:center;gap:18px;padding:0 28px;background:#2f724e;color:#fff;box-shadow:0 12px 24px #1f503424;position:sticky;top:0;z-index:10}.nav-brand{font-size:20px;font-weight:950;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:6px;justify-content:center}.nav-links button{padding:10px 16px;color:#ffffffd6;background:transparent;font-weight:850}.nav-links button.active,.nav-links button:hover{background:#ffffff29;color:#fff}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions select{min-width:132px;background:#fffffff5;padding:8px 10px}.user-chip{width:38px;height:38px;border:2px solid rgba(255,255,255,.45);border-radius:50%;background:#f3c37e;color:#285136;font-weight:950}.planner-layout{display:grid;grid-template-columns:172px 1fr;gap:22px;max-width:1360px;margin:0 auto;padding:28px}.pet-sidebar{position:sticky;top:98px;align-self:start;min-height:calc(100vh - 126px);display:grid;align-content:start;gap:18px;padding:14px 10px}.pet-tab{min-height:150px;border:0;background:#fffdf8;border-radius:8px;display:grid;place-items:center;gap:5px;padding:16px 10px;box-shadow:0 12px 30px #265e3d1f;color:#345c45;border:2px solid transparent}.pet-tab.active{border-color:#4f9367;background:#f5fff7}.pet-face{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff8ef,#dbb989);color:#704f31;font-size:38px;font-weight:950;box-shadow:inset 0 -6px #6743261f}.pet-tab:nth-child(2) .pet-face{background:radial-gradient(circle at 35% 25%,#fff8f3,#d99f8e);color:#88423e}.pet-tab strong{font-size:18px}.pet-tab small{font-size:14px;color:#6d8776;font-weight:900}.plant{width:58px;height:70px;margin:6px auto 0;border-radius:0 0 18px 18px;background:linear-gradient(#73ad78,#2f724e);position:relative;opacity:.85}.plant:before{content:"";position:absolute;inset:-18px 8px auto;height:36px;border-radius:50%;background:#9ccf96;box-shadow:22px 7px #75b77b,-18px 9px #c0d98f}.plant-two{transform:scale(.8);opacity:.7}.planner-main{min-width:0}.track-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 4px 20px}.track-header h1{margin:0;font-size:clamp(44px,6vw,86px);line-height:.9;color:#244c38;letter-spacing:0}.track-header p{margin:12px 0 0;color:#65796c;font-weight:800}.track-stats{min-width:180px;display:grid;gap:5px;justify-items:end;color:#60786a;font-weight:850}.track-stats strong{font-size:42px;color:#2f724e}.stage-strip{display:flex;align-items:center;gap:10px;margin:6px 0 24px}.stage-strip .stage-node{flex:1 1 0;min-width:0}.stage-node{min-height:92px;background:#fffdf8;border:1px solid rgba(49,94,69,.14);border-radius:8px;padding:14px;box-shadow:0 12px 30px #25523517}.stage-node.active{border-color:#4f9367;box-shadow:0 14px 34px #2f724e29}.stage-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:950;color:#285136}.stage-name{border:0;background:transparent;padding:0;color:inherit;font-weight:950;text-align:left;min-width:0;overflow-wrap:anywhere}.stage-progress,.progress-track{height:9px;background:#e6ede7;border-radius:999px;overflow:hidden}.stage-progress{margin-top:12px}.stage-progress i,.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#5aa876,#9bcf88);border-radius:inherit}.stage-tools{display:flex;gap:5px;justify-content:flex-end;margin-top:8px}.stage-tools button{width:24px;height:24px;border:0;border-radius:50%;background:#edf5f0;color:#2f724e;font-weight:950}.arrow{text-align:center;color:#8bac99;font-size:36px;font-weight:900}.project-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.stage-column{min-width:0}.column-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding:0 4px}.column-head h2{margin:0;font-size:24px;color:#244c38}.column-head span{color:#6e8678;font-weight:850}.cards-grid{display:grid;grid-template-columns:1fr;gap:16px}.renovation .cards-grid{grid-template-columns:1fr}.project-card,.empty-card{position:relative;min-height:210px;background:#fffdf8;border:1px solid rgba(49,94,69,.14);border-radius:8px;padding:16px;box-shadow:0 14px 34px #244e331a;overflow:hidden}.project-card.renovation{padding-top:0}.empty-card{display:grid;place-items:center;min-height:160px;color:#728579;font-weight:800;text-align:center}.room-cover{height:126px;margin:0 -16px 14px;display:flex;align-items:flex-start;justify-content:flex-end;padding:12px}.room-cover span{background:#ffffffe0;color:#2f724e;border-radius:999px;padding:5px 10px;font-weight:950}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-title{min-width:0;border:0;background:transparent;padding:0;text-align:left;font-size:20px;color:#244c38;font-weight:950;overflow-wrap:anywhere}.health{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:950}.health.good{background:#4f9367}.health.bad{background:#d15d4f}.project-progress-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:12px 0 8px;font-weight:950;color:#345c45}.project-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#728579;font-weight:850;font-size:13px}.project-meta-row select{max-width:132px;padding:7px 8px;font-size:13px}.project-card.sky .progress-track i{background:linear-gradient(90deg,#61a1bd,#9fcad9)}.project-card.sun .progress-track i{background:linear-gradient(90deg,#d9a74d,#ead37c)}.project-card.rose .progress-track i{background:linear-gradient(90deg,#c96f6b,#eda7a1)}.project-card.lilac .progress-track i{background:linear-gradient(90deg,#9b7cc7,#c8b1e6)}.project-card.leaf .progress-track i{background:linear-gradient(90deg,#6d9e58,#a2c979)}.checklist{display:grid;gap:7px;margin-top:14px}.task-row{min-height:34px;display:grid;grid-template-columns:24px minmax(0,1fr) auto 22px;gap:8px;align-items:center;color:#385a45}.check{width:22px;height:22px;border-radius:50%;border:2px solid #78a989;background:#fff;color:#2f724e;font-size:13px;font-weight:950;padding:0}.task-row.done .check{background:#4f9367;color:#fff}.task-row.done .task-name{text-decoration:line-through;color:#8aa093}.task-name{border:0;background:transparent;text-align:left;padding:0;color:inherit;overflow-wrap:anywhere}.due{color:#7b8b80;font-size:12px;font-weight:850}.due.overdue{color:#c64a3d}.task-remove{border:0;background:transparent;color:#b2655d;font-size:18px;padding:0}.text-action,.add-card{margin-top:12px;background:#eaf3ed;color:#2f724e;padding:9px 12px;font-weight:900}.add-card{width:auto}.delete-card{position:absolute;right:12px;bottom:12px;border:0;background:transparent;color:#b2655d;font-size:12px;font-weight:900}.inline-editor{margin-top:12px;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.task-add{grid-template-columns:1fr auto auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#162d2157;display:grid;place-items:center;padding:24px}.modal{width:min(620px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fffdf8;border-radius:8px;padding:22px;box-shadow:0 24px 70px #0d261847}.modal h3{margin:0 0 16px;color:#244c38;font-size:24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-block{display:grid;grid-template-columns:100px minmax(0,1fr) auto auto;gap:8px;align-items:center;margin:14px 0}.settings-block code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f0f5f1;border-radius:8px;padding:9px;color:#345c45}.member-list{display:grid;gap:8px;margin-top:14px}.member-list div{display:flex;justify-content:space-between;background:#f3f8f4;border-radius:8px;padding:9px 10px}.member-list small{color:#6d8776;font-weight:850}@media (max-width: 1040px){.top-nav{grid-template-columns:1fr;height:auto;padding:14px 18px;gap:10px;position:static}.nav-links,.nav-actions{justify-content:flex-start;flex-wrap:wrap}.planner-layout{grid-template-columns:1fr;padding:18px}.pet-sidebar{position:static;min-height:0;grid-template-columns:1fr 1fr;padding:0}.plant{display:none}.pet-tab{min-height:106px;grid-template-columns:auto 1fr;justify-items:start;text-align:left}.pet-face{width:60px;height:60px;font-size:28px;grid-row:span 2}.track-header{align-items:flex-start;flex-direction:column}.track-stats{justify-items:start}.project-board{grid-template-columns:1fr}.cards-grid,.renovation .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.nav-links button{padding:9px 8px}.nav-actions{width:100%}.nav-actions select{flex:1;min-width:0}.stage-strip{display:grid;grid-template-columns:1fr;gap:10px}.arrow{display:none}.project-board,.cards-grid,.renovation .cards-grid{grid-template-columns:1fr}.track-header h1{font-size:48px}.inline-editor,.task-add,.settings-block,.two-fields{grid-template-columns:1fr}}