@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#163a57;font-synthesis:none;--ink:#123a59;--navy:#0c3553;--blue:#168ce1;--blue2:#41b8eb;--sky:#e9f7ff;--line:#d8eaf4;--muted:#6d8596;--white:#fff;--green:#21a77b;--danger:#d95d68;--shadow:0 18px 50px #1b5e8717;background:#f4faff;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f4faff;min-width:320px}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 90% 0,#e7f7ff 0,#0000 28%),#f4faff;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}input,select,textarea{width:100%;min-height:56px;color:var(--ink);background:#fbfdff;border:1px solid #cadee9;border-radius:17px;outline:0;padding:0 17px;font-size:14px}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#2388c7 50%),linear-gradient(135deg,#2388c7 50%,#0000 50%);background-position:calc(100% - 21px) 25px,calc(100% - 15px) 25px;background-repeat:no-repeat;background-size:6px 6px;padding-right:46px;font-weight:700}textarea{resize:vertical;min-height:105px;padding-top:15px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #168ce11f}label{color:#5a7487;gap:7px;font-size:12px;font-weight:700;display:grid}.primary{background:linear-gradient(135deg, #126ad1, var(--blue2));color:#fff;border:0;border-radius:14px;min-height:48px;padding:12px 19px;font-weight:800;box-shadow:0 10px 24px #168ce138}.primary:hover{filter:brightness(.99);transform:translateY(-1px)}.eyebrow{color:#1881c2;letter-spacing:.18em;margin:0;font-size:10px;font-weight:850}.brand{color:var(--ink);letter-spacing:.12em;align-items:center;gap:10px;font:800 15px Manrope;display:flex}.brand b{color:#fff;letter-spacing:0;background:linear-gradient(145deg,#49c1eb,#1168d7);border-radius:14px 14px 5px;place-items:center;width:41px;height:41px;display:grid;box-shadow:0 9px 20px #1475c933}.auth-shell{background:#fff;grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr);min-height:100vh;display:grid}.auth-story{border-right:1px solid var(--line);background:radial-gradient(circle at 82% 14%,#48bfee47,#0000 26%),radial-gradient(circle at 10% 90%,#c2e7fc7a,#0000 28%),linear-gradient(145deg,#f9fdff,#e6f6ff);flex-direction:column;justify-content:center;padding:clamp(55px,8vw,125px);display:flex;position:relative;overflow:hidden}.auth-story .brand{position:absolute;top:45px}.auth-story h1{color:#0c3656;letter-spacing:-.06em;margin:16px 0 24px;font:800 clamp(48px,6vw,82px)/.98 Manrope}.auth-story h1 em{color:#1689da;font-style:normal}.auth-story>p:not(.eyebrow){color:#5f7e91;max-width:650px;font-size:18px;line-height:1.6}.auth-pills{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.auth-pills span{color:#376d8d;background:#ffffffb8;border:1px solid #c6e5f6;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700}.auth-panel{border:1px solid var(--line);background:#fff;border-radius:25px;place-self:center;width:min(480px,100% - 52px);padding:32px;box-shadow:0 28px 80px #1860881c}.auth-tabs{border-bottom:1px solid var(--line);display:flex}.auth-tabs button{color:var(--muted);background:0 0;border:0;flex:1;padding:14px;font-weight:800}.auth-tabs button.active{color:var(--blue);border-bottom:3px solid var(--blue)}.auth-panel h2{letter-spacing:-.04em;margin:28px 0 6px;font:800 31px Manrope}.auth-panel>p{color:var(--muted)}.auth-panel form{gap:14px;margin-top:22px;display:grid}.auth-panel output{color:#a63e4b;background:#fff0f2;border-radius:12px;margin-top:15px;padding:12px;display:block}.plan-picker{border:0;grid-template-columns:1fr 1fr;gap:8px;min-width:0;margin:0;padding:0;display:grid}.plan-picker legend{color:#5a7487;margin-bottom:8px;font-size:12px;font-weight:700}.plan-picker label{border:1px solid var(--line);cursor:pointer;background:#fbfdff;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:12px;display:flex;position:relative}.plan-picker label.selected{background:#eaf7ff;border-color:#62bae8;box-shadow:0 0 0 2px #168ce114}.plan-picker input{width:18px;min-height:18px;accent-color:var(--blue)}.plan-picker span{min-width:0}.plan-picker b,.plan-picker small{display:block}.plan-picker small{color:var(--muted);margin-top:2px;font-weight:500}.plan-picker em{color:#167ab5;background:#d9f2ff;border-radius:999px;padding:3px 6px;font-size:8px;font-style:normal;position:absolute;top:8px;right:8px}.splash{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:17px;display:grid}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:50;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;flex-direction:column;height:100vh;padding:27px 19px 18px;display:flex;position:sticky;top:0}.sidebar nav{gap:5px;margin-top:42px;display:grid}.sidebar nav button{color:#647d8f;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:12px;font-weight:700;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#1174b8;background:#eaf7ff}.sidebar nav i{text-align:center;width:23px;font-size:19px;font-style:normal}.premium-card{color:#fff;box-shadow:var(--shadow);background:linear-gradient(145deg,#0e4366,#157cb3);border-radius:17px;gap:4px;margin-top:auto;padding:16px;display:grid}.premium-card span{color:#93d7f5;letter-spacing:.12em;font-size:9px;font-weight:800}.premium-card small{color:#c7e7f4}.profile-mini{text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;margin-top:12px;padding:8px 3px;display:flex}.profile-mini>b{background:var(--blue);color:#fff;border-radius:50%;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.profile-mini span{min-width:0;color:var(--ink);font-weight:700}.profile-mini small{color:var(--muted);text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.nav-close,.menu-button{display:none}.workspace{min-width:0;padding:28px clamp(22px,4vw,58px) 85px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.topbar>div:last-child{gap:8px;display:flex}.topbar h1{letter-spacing:-.045em;margin:3px 0 0;font:800 clamp(26px,3vw,36px) Manrope}.quick-add{background:var(--navy);color:#fff;border:0;border-radius:15px;width:47px;height:47px;font-size:23px;box-shadow:0 10px 24px #0c355330}.install{color:#176d9e;background:#fff;border:1px solid #cbe3f0;border-radius:14px;min-height:47px;padding:0 14px;font-weight:800}.notice{color:#246482;background:#eaf8ff;border:1px solid #bfe3f5;border-radius:13px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 15px;display:flex}.notice button{background:0 0;border:0;margin-left:auto}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:23px}.today-grid{grid-template-columns:1.45fr .85fr;gap:18px;display:grid}.day-hero{color:#fff;background:radial-gradient(circle at 82% 30%,#ffffff4d,#0000 25%),linear-gradient(135deg,#0e5f9b,#28a9df);border-radius:25px;grid-column:1/-1;grid-template-columns:1fr auto 180px;align-items:center;gap:23px;padding:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #167eb633}.day-hero .eyebrow{color:#bceaff}.day-hero h2{letter-spacing:-.05em;margin:6px 0 7px;font:800 clamp(27px,4vw,42px) Manrope}.day-hero p{color:#d5f0fb;margin-bottom:0}.day-hero>.primary{color:#116596;box-shadow:none;background:#fff}.progress-ring{background:conic-gradient(#fff var(--progress), #fff3 0);border-radius:50%;place-items:center;width:150px;height:150px;display:grid;box-shadow:inset 0 0 0 1px #fff3}.progress-ring:before{content:"";background:#1688bd;border-radius:50%;width:122px;height:122px;position:absolute}.progress-ring span{z-index:1;text-align:center;display:grid;position:relative}.progress-ring b{font:800 31px Manrope}.progress-ring small{color:#c6ebf8}.day-summary{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.day-summary span{color:#caebf7;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;padding:13px;font-size:11px}.day-summary b{color:#fff;margin-bottom:2px;font-size:17px;display:block}.next-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#effaff,#fff);border:1px solid #bfe2f4;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.next-card h2{margin:7px 0 5px;font:800 24px Manrope}.next-card p:last-child{color:var(--muted);margin-bottom:0}.next-card button{color:#116faa;background:#dff3fd;border:0;border-radius:12px;padding:11px 14px;font-weight:800}.timeline{grid-row:span 2}.timeline>header,.week-card>header,.tasks-page>header,.agenda>header,.calendar-card>header{justify-content:space-between;align-items:center;gap:13px;display:flex}.timeline h2,.week-card h2,.tasks-page h2,.agenda h2,.calendar-card h2{margin:4px 0 18px;font:800 22px Manrope}.timeline>header button,.agenda>header>button,.calendar-card>header>button{border:1px solid var(--line);width:42px;height:42px;color:var(--blue);background:#f3faff;border-radius:13px;font-size:20px}.entry-card{border:1px solid #e0edf3;border-left:4px solid var(--entry-color);background:#fff;border-radius:15px;grid-template-columns:32px 68px 34px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:9px;padding:13px;transition:all .18s;display:grid;position:relative}.entry-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px #14577c14}.entry-card.completed{opacity:.64;background:#f7fafb}.entry-card.completed h3{text-decoration:line-through}.complete{border:2px solid var(--entry-color);width:26px;height:26px;color:var(--entry-color);background:#fff;border-radius:50%;font-weight:900}.entry-time{display:grid}.entry-time b{font-size:12px}.entry-time small{color:var(--muted);font-size:10px}.entry-card>i{background:color-mix(in srgb, var(--entry-color) 13%, white);width:31px;height:31px;color:var(--entry-color);border-radius:10px;place-items:center;font-style:normal;display:grid}.entry-copy{min-width:0}.entry-copy small{color:var(--muted);font-size:9px}.entry-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font:750 14px Manrope;overflow:hidden}.entry-copy p{color:var(--muted);margin:3px 0 0;font-size:10px}.entry-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.entry-actions button{color:#34738f;background:#eff7fb;border:0;border-radius:8px;padding:7px 8px;font-size:9px;font-weight:800}.entry-actions .danger{color:#ac4b54;background:#fff0f1}.entry-actions .wallet-confirm{color:#11795c;background:#e6f7f0;width:100%}.week-card{min-height:260px}.week-bars{justify-content:space-between;align-items:flex-end;gap:8px;height:180px;display:flex}.week-bars>div{flex:1;grid-template-rows:1fr auto auto;place-items:end center;height:100%;display:grid}.week-bars span{background:linear-gradient(#4bbcea,#168ce1);border-radius:12px 12px 4px 4px;align-self:end;width:24px}.week-bars b{margin-top:7px;font-size:11px}.week-bars small{color:var(--muted);font-size:9px}.empty{text-align:center;min-height:170px;color:var(--muted);place-content:center;justify-items:center;display:grid}.empty i{color:#67bee7;font-size:34px;font-style:normal}.calendar-layout{grid-template-columns:1.35fr .85fr;gap:18px;display:grid}.calendar-card header h2{text-transform:capitalize;margin-bottom:0}.weeknames,.month-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.weeknames{margin:25px 0 9px}.weeknames b{text-align:center;color:var(--muted);font-size:10px}.month-grid>button,.month-grid>span{min-height:83px}.month-grid>button{color:var(--ink);text-align:left;background:#fbfdff;border:1px solid #e1edf3;border-radius:13px;flex-direction:column;justify-content:space-between;padding:9px;display:flex}.month-grid>button:hover,.month-grid>button.selected{background:#eaf7ff;border-color:#74c4eb;box-shadow:0 0 0 2px #168ce114}.month-grid>button>div{gap:3px;display:flex}.month-grid i{border-radius:50%;width:6px;height:6px}.agenda{align-self:start}.agenda .entry-card{grid-template-columns:28px 54px 30px minmax(0,1fr)}.agenda .entry-actions{grid-column:2/-1}.tasks-page>header h2{margin-bottom:0}.filter-row{gap:7px;margin:23px 0 14px;padding-bottom:4px;display:flex;overflow:auto}.filter-row button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;flex:none;padding:9px 13px;font-weight:700}.filter-row button.active{color:#1176b6;background:#e9f7ff;border-color:#b4def2}.focus-page{place-content:center;min-height:650px;display:grid}.focus-card{text-align:center;background:radial-gradient(circle at 80% 10%,#e2f6ff,#0000 30%),#fff;border:1px solid #cae6f4;border-radius:30px;width:min(580px,100vw - 35px);padding:42px;box-shadow:0 30px 90px #165f8a21}.focus-card h2{margin:8px 0 28px;font:800 32px Manrope}.focus-clock{border:16px solid #e1f3fb;border-radius:50%;place-items:center;width:250px;height:250px;margin:0 auto 28px;display:grid;box-shadow:inset 0 0 0 2px #bfe3f4}.focus-clock span{letter-spacing:-.06em;font:800 55px Manrope}.focus-card label{text-align:left}.focus-lengths{grid-template-columns:repeat(4,1fr);gap:7px;margin:17px 0;display:grid}.focus-lengths button{border:1px solid var(--line);color:var(--muted);background:#f6fbfd;border-radius:10px;padding:9px}.focus-lengths button.active{color:#1177b6;background:#e5f6ff;border-color:#6ec3e9}.focus-start{width:100%}.month-hero{color:#fff;background:linear-gradient(145deg,#0d4b74,#168fc8);border-radius:24px;padding:30px;box-shadow:0 20px 50px #10659733}.month-hero h2{text-transform:capitalize;margin:5px 0;font:800 29px Manrope}.month-hero strong{font:800 48px Manrope}.month-hero span{color:#bde8f8;margin-left:8px}.month-hero .eyebrow{color:#a8ddf3}.month-progress{background:#ffffff2e;border-radius:999px;height:10px;margin-top:22px;overflow:hidden}.month-progress i{background:#fff;border-radius:999px;height:100%;display:block}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.stats-grid article{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.stats-grid i{color:#1784c4;background:#e9f7ff;border-radius:13px;grid-row:span 2;place-items:center;width:42px;height:42px;font-style:normal;display:grid}.stats-grid span{color:var(--muted);font-size:11px}.stats-grid strong{font:800 24px Manrope}.balance h2{margin:5px 0 20px}.balance>div{gap:13px;display:grid}.balance>div>span{grid-template-columns:100px 1fr 55px;align-items:center;gap:12px;display:grid}.balance span>i{background:#edf4f7;border-radius:999px;height:9px;overflow:hidden}.balance span>i em{border-radius:999px;height:100%;display:block}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings-grid>section:last-child{grid-column:1/-1}.settings-grid h2{margin:5px 0 19px}.settings-grid form{gap:12px;display:grid}.success{color:#22715a;background:#e9f8f2;border-radius:10px;padding:10px}.plan-info{color:#fff;background:linear-gradient(145deg,#0d4a70,#1688bd);border-radius:15px;margin-top:22px;padding:16px;display:grid}.plan-info span{color:#a9dff3;letter-spacing:.12em;font-size:9px}.plan-info b{font-size:20px}.plan-info small{color:#c5e7f4}.category-list{flex-wrap:wrap;gap:8px;margin-bottom:17px;display:flex}.category-list span{border:1px solid var(--line);background:#f9fcfd;border-radius:999px;padding:8px 10px;font-size:11px}.category-list i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.category-form{grid-template-columns:1fr 70px 70px auto}.privacy>button{border:1px solid var(--line);color:var(--ink);background:#f7fbfd;border-radius:11px;margin:5px;padding:10px 13px;font-weight:700}.privacy>button.danger{color:#a64049;background:#fff1f2;border-color:#efc6ca}.modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09314b85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.entry-modal{background:#fff;border-radius:25px;width:min(780px,100%);max-height:calc(100vh - 35px);padding:27px;overflow:auto;box-shadow:0 35px 100px #062d464d}.entry-modal>header{justify-content:space-between;align-items:flex-start;display:flex}.entry-modal h2{margin:5px 0 22px;font:800 28px Manrope}.entry-modal header button,.install-modal>button:first-child{background:0 0;border:0;font-size:25px}.entry-modal form{grid-template-columns:1fr 1fr;gap:13px;display:grid}.span-2{grid-column:span 2}.entry-modal footer{justify-content:flex-end;gap:9px;padding-top:8px;display:flex}.entry-modal footer button:not(.primary){border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:13px;padding:11px 16px}.conflict{color:#795b22;background:#fff9ec;border:1px solid #f0d59f;border-radius:14px;gap:6px;padding:14px;display:grid}.conflict label{align-items:center;gap:8px;display:flex}.conflict input{width:18px;min-height:18px}.install-modal{background:#fff;border-radius:24px;width:min(470px,100%);padding:32px;position:relative}.install-modal>button:first-child{position:absolute;top:15px;right:18px}.install-icon{color:#fff;background:linear-gradient(145deg,#48bdec,#126bd5);border-radius:22px 22px 7px;place-items:center;width:68px;height:68px;margin-bottom:20px;font-weight:900;display:grid}.install-modal h2{margin:8px 0}.install-modal>p:not(.eyebrow),.install-modal li{color:var(--muted);line-height:1.55}.tutorial{z-index:600;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3fafff2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tutorial>section{text-align:center;border:1px solid var(--line);background:#fff;border-radius:28px;width:min(580px,100%);padding:36px;box-shadow:0 35px 100px #12557d29}.tutorial>section>i{color:#1684c7;background:#e5f6ff;border-radius:24px;place-items:center;width:75px;height:75px;margin:24px auto 18px;font-size:30px;font-style:normal;display:grid}.tutorial h2{font:800 30px Manrope}.tutorial>section>p:not(.eyebrow){color:var(--muted);line-height:1.6}.tutorial-progress{justify-content:center;gap:7px;margin:25px;display:flex}.tutorial-progress b{background:#dcecf3;border-radius:10px;width:28px;height:5px}.tutorial-progress b.active{background:var(--blue)}.tutorial footer{justify-content:flex-end;gap:8px;display:flex}.tutorial footer button:not(.primary){color:var(--muted);background:0 0;border:0;padding:10px}.tutorial footer button:first-child{margin-right:auto}.bottom-nav{display:none}@media (max-width:1150px){.today-grid,.calendar-layout{grid-template-columns:1fr}.timeline{grid-row:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.day-hero{grid-template-columns:1fr auto 150px}.progress-ring{width:130px;height:130px}.progress-ring:before{width:104px;height:104px}}@media (max-width:780px){body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.app-shell{display:block}.sidebar{width:250px;transition:left .2s;position:fixed;left:-280px;box-shadow:25px 0 60px #0a3a5533}.sidebar.open{left:0}.nav-close{background:0 0;border:0;font-size:24px;display:block;position:absolute;top:26px;right:14px}.workspace{padding:18px 14px 35px}.menu-button{width:43px;height:43px;color:var(--blue);background:#fff;border:0;border-radius:13px;font-size:19px;display:block}.topbar{gap:9px}.topbar>div:first-of-type{flex:1}.topbar h1{font-size:27px}.install{width:43px;padding:0;font-size:18px}.install span{display:none}.bottom-nav{z-index:200;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #d5e8f2;border-radius:20px;grid-template-columns:repeat(5,1fr);height:65px;padding:6px;display:grid;position:fixed;box-shadow:0 16px 45px #0e415e33}.bottom-nav button{color:#728996;background:0 0;border:0;border-radius:14px;place-items:center;gap:1px;display:grid}.bottom-nav button.active{color:#1179ba;background:#e5f6ff}.bottom-nav i{font-size:20px;font-style:normal}.bottom-nav span{font-size:8px;font-weight:750}.day-hero{grid-template-columns:1fr auto;padding:23px}.progress-ring{grid-column:1/-1;justify-self:center}.day-summary{grid-template-columns:1fr 1fr 1fr}.next-card{flex-direction:column;align-items:flex-start}.entry-card{grid-template-columns:28px 55px 30px minmax(0,1fr)}.entry-actions{grid-column:2/-1}.month-grid>button,.month-grid>span{min-height:63px}.settings-grid{grid-template-columns:1fr}.settings-grid>section:last-child{grid-column:auto}.auth-shell{background:#f4faff;display:block}.auth-story{min-height:430px;padding:100px 25px 55px}.auth-story .brand{top:29px}.auth-story h1{font-size:45px}.auth-panel{width:calc(100% - 28px);margin:-22px auto 24px;padding:24px;position:relative}.focus-card{padding:28px}.focus-clock{width:210px;height:210px}.focus-clock span{font-size:47px}.entry-modal{padding:22px}.entry-modal form{grid-template-columns:1fr}.span-2{grid-column:auto}.category-form{grid-template-columns:1fr 60px 60px}.category-form button{grid-column:1/-1}}@media (max-width:480px){.day-summary,.stats-grid{grid-template-columns:1fr}.month-grid{gap:3px}.month-grid>button,.month-grid>span{min-height:52px}.month-grid>button{border-radius:9px;padding:6px}.weeknames{gap:3px}.entry-card{grid-template-columns:28px 44px 1fr}.entry-card>i{display:none}.entry-copy{grid-column:auto}.entry-actions{grid-column:1/-1}.progress-ring{width:120px;height:120px}.progress-ring:before{width:96px;height:96px}.plan-picker{grid-template-columns:1fr}.auth-story h1{font-size:40px}.tutorial>section{padding:28px 20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.steps-page{gap:18px;display:grid}.home-procedure-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#eefaff,#fff);border:1px solid #b8e0f3;border-radius:20px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:21px 24px;display:flex}.home-procedure-card h2{margin:5px 0;font:800 23px Manrope}.home-procedure-card p:last-child{color:var(--muted);margin:4px 0 0}.home-procedure-card>button{background:var(--navy);color:#fff;border:0;border-radius:12px;padding:12px 17px;font-weight:850}.steps-hero{color:#fff;background:radial-gradient(circle at 88% 20%,#ffffff4d,#0000 24%),linear-gradient(135deg,#104f7b,#1a96d1 62%,#48bdeb);border-radius:27px;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:31px;display:grid;box-shadow:0 24px 60px #0f639733}.steps-hero .eyebrow{color:#bceaff}.steps-hero h2{letter-spacing:-.055em;margin:7px 0 10px;font:800 clamp(30px,4vw,48px)/1.02 Manrope}.steps-hero h2 em{color:#c8efff;font-style:normal}.steps-hero p{color:#d7f1fc;max-width:660px;line-height:1.6}.steps-hero>.primary{color:#126a9e;box-shadow:none;background:#fff}.steps-summary{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.steps-summary span{color:#d3effa;background:#ffffff1a;border:1px solid #fff3;border-radius:14px;padding:14px}.steps-summary b{color:#fff;font-size:21px;display:block}.steps-tabs{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px;gap:7px;padding:6px;display:flex}.steps-tabs button{min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;padding:0 18px;font-weight:800}.steps-tabs button.active{color:#1176b6;background:#e8f7ff}.active-procedures{background:#f2fbff;border:1px solid #bfe2f4;border-radius:21px;padding:22px}.active-procedures>article{background:#fff;border-radius:15px;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;margin-top:10px;padding:13px;display:grid;box-shadow:0 8px 20px #0d4d7112}.active-procedures>article>span{background:color-mix(in srgb, var(--procedure-color) 13%, white);border-radius:14px;place-items:center;width:43px;height:43px;font-size:21px;display:grid}.active-procedures article div{gap:4px;display:grid}.active-procedures small{color:var(--muted)}.active-procedures i{background:#e5eef3;border-radius:8px;height:6px;overflow:hidden}.active-procedures em{background:var(--procedure-color);height:100%;display:block}.active-procedures button{background:var(--navy);color:#fff;border:0;border-radius:11px;padding:10px 14px;font-weight:800}.procedure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.procedure-card{border:1px solid #d9eaf2;border-top:4px solid var(--procedure-color);min-height:315px;box-shadow:var(--shadow);background:linear-gradient(150deg,#fff,#f9fdff);border-radius:21px;flex-direction:column;padding:23px;display:flex;position:relative}.procedure-icon{background:color-mix(in srgb, var(--procedure-color) 12%, white);border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:23px;font-size:25px;display:grid}.procedure-card>span{color:var(--procedure-color);letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:900}.procedure-card h3{letter-spacing:-.04em;margin:7px 0 8px;font:800 24px Manrope}.procedure-card>p{color:var(--muted);line-height:1.55}.procedure-meta{flex-wrap:wrap;gap:6px;margin:10px 0 18px;display:flex}.procedure-meta small{color:#4f7285;background:#eef7fb;border-radius:999px;padding:6px 8px}.procedure-card footer{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.procedure-card footer button{border:1px solid var(--line);color:#3c6d85;background:#fff;border-radius:10px;padding:9px 11px;font-weight:800}.procedure-card footer .primary{background:var(--navy);color:#fff;border:0}.procedure-card footer .danger{color:#a7404a}.template-card{background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--procedure-color) 10%, transparent), transparent 30%), #fff}.history-list h2{margin:5px 0 18px}.history-list>article{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.history-list>article>span{background:#eaf7ff;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.history-list article b,.history-list article small{display:block}.history-list article small{color:var(--muted);margin-top:3px}.steps-editor-backdrop{align-items:start;overflow:auto}.steps-editor{background:#fff;border-radius:27px;width:min(1050px,100%);margin:auto;padding:29px;box-shadow:0 35px 100px #062d464d}.steps-editor>header{justify-content:space-between;gap:20px;display:flex}.steps-editor>header h2{margin:5px 0;font:800 30px Manrope}.steps-editor>header p:last-child{color:var(--muted)}.steps-editor>header>button{background:0 0;border:0;font-size:28px}.procedure-basics{grid-template-columns:2fr 1.2fr .55fr .55fr 1fr;gap:11px;margin:23px 0;display:grid}.procedure-basics .wide{grid-column:1/-1}.materials-editor,.step-builder{border:1px solid var(--line);background:#fbfdff;border-radius:19px;margin-top:18px;padding:20px}.materials-editor h3,.step-builder h3{margin:0;font:800 19px Manrope}.materials-editor p,.step-builder p{color:var(--muted);margin:4px 0 13px}.material-row{grid-template-columns:2fr 1fr auto 38px;gap:8px;margin-top:8px;display:grid}.material-row .check{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:6px;padding:0 10px;display:flex}.material-row .check input,.step-fields .check input{width:18px;min-height:18px}.material-row>button{color:#a7444e;background:#fff0f1;border:0;border-radius:10px}.soft-button{color:#1674aa;background:#f0faff;border:1px dashed #a9d5e9;border-radius:11px;margin-top:10px;padding:10px 12px;font-weight:800}.step-builder>header{justify-content:space-between;align-items:center;display:flex}.step-editor-card{background:#fff;border:1px solid #dbeaf1;border-radius:16px;grid-template-columns:25px 38px 1fr auto;gap:9px;margin-top:10px;padding:12px;display:grid}.step-editor-card:active{cursor:grabbing}.step-grip{color:#98aebb;cursor:grab;place-items:center;display:grid}.step-number{color:#1478b2;background:#e8f7ff;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.step-fields{grid-template-columns:1fr 2fr;gap:9px;display:grid}.step-fields .wide{grid-column:1/-1}.step-fields .check{align-items:center;gap:7px;display:flex}.step-tools{grid-template-columns:repeat(2,32px);align-content:start;gap:4px;display:grid}.step-tools button{border:1px solid var(--line);background:#f7fbfd;border-radius:9px;width:32px;height:32px}.step-tools .danger{color:#af4650;background:#fff0f1}.steps-editor>form>footer{justify-content:flex-end;gap:8px;padding-top:19px;display:flex}.steps-editor>form>footer>button:not(.primary){border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 17px}.materials-gate{background:#fff;border-radius:25px;width:min(560px,100%);padding:30px}.materials-gate h2{margin:6px 0}.materials-gate>p:not(.eyebrow){color:var(--muted)}.materials-gate>div{gap:8px;margin:20px 0;display:grid}.materials-gate>div>label{border:1px solid var(--line);border-radius:13px;align-items:center;gap:11px;padding:13px;display:flex}.materials-gate input{width:22px;min-height:22px}.materials-gate b,.materials-gate small{display:block}.materials-gate small{color:var(--muted)}.materials-gate footer{justify-content:flex-end;gap:8px;display:flex}.materials-gate footer button:not(.primary){background:0 0;border:0;padding:11px}.guided-mode{z-index:800;color:var(--ink);background:linear-gradient(150deg,#f8fdff,#eaf7ff);grid-template-rows:auto auto 1fr auto;display:grid;position:fixed;inset:0}.guided-mode>header{padding:calc(15px + env(safe-area-inset-top)) clamp(17px, 4vw, 45px) 15px;text-align:center;grid-template-columns:70px 1fr 90px;align-items:center;display:grid}.guided-mode>header button{color:#397087;background:#fff;border:0;border-radius:11px;padding:10px;font-weight:800}.guided-mode>header b,.guided-mode>header small{display:block}.guided-mode>header small{color:var(--muted)}.guided-progress{background:#d9eaf2;border-radius:9px;height:9px;margin:0 clamp(17px,4vw,45px);position:relative;overflow:visible}.guided-progress i{border-radius:9px;height:100%;transition:width .3s;display:block}.guided-progress span{color:var(--muted);font-size:11px;position:absolute;top:13px;right:0}.guided-mode>main{text-align:center;width:min(760px,100% - 30px);margin:auto;padding:35px}.guided-mode .step-type{color:#3482ad;letter-spacing:.13em;font-size:10px;font-weight:900}.guided-mode>main>img{object-fit:contain;border-radius:20px;max-width:min(480px,100%);max-height:270px;margin:15px auto;display:block}.guided-mode h1{letter-spacing:-.055em;margin:18px 0 12px;font:800 clamp(32px,6vw,58px)/1.04 Manrope}.guided-description{max-width:650px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.6}.quantity-value{color:#127fb9;margin:25px auto;font:800 clamp(45px,8vw,75px) Manrope;display:block}.procedure-timer{justify-items:center;gap:12px;margin:25px auto;display:grid}.procedure-timer span{letter-spacing:-.07em;font:800 clamp(60px,12vw,105px) Manrope}.procedure-timer.finished span{color:#1aa77a}.guided-checklist,.guided-choices{gap:9px;max-width:600px;margin:24px auto;display:grid}.guided-checklist label,.guided-choices button{min-height:58px;color:var(--ink);text-align:left;background:#fff;border:1px solid #cfe3ee;border-radius:15px;align-items:center;gap:12px;padding:14px 18px;font-size:16px;font-weight:750;display:flex}.guided-checklist input{width:25px;min-height:25px}.guided-choices button.selected{background:#e3f6ff;border-color:#48afe1;box-shadow:0 0 0 3px #168ce11a}.guided-input{width:min(550px,100%);min-height:70px;margin:22px auto;font-size:20px;display:block}.guided-mode output{color:#a8414b;background:#fff1f2;border-radius:12px;margin:16px auto;padding:12px;display:block}.guided-mode>footer{padding:15px clamp(17px, 4vw, 45px) calc(15px + env(safe-area-inset-bottom));justify-content:center;gap:9px;display:flex}.guided-mode>footer button{color:#476f84;background:#fff;border:1px solid #cfe1ea;border-radius:16px;min-height:58px;padding:0 24px;font-weight:850}.guided-mode .giant{background:var(--navy);color:#fff;border:0;min-width:min(340px,48vw);font-size:17px}.complete-mode{grid-template-rows:auto;place-content:center}.complete-mode>section{text-align:center;background:#fff;border-radius:30px;width:min(600px,100% - 30px);padding:45px;box-shadow:0 30px 90px #0f5c892b}.completion-check{color:#149069;background:#dff8ef;border-radius:50%;place-items:center;width:95px;height:95px;margin:auto;font-size:48px;animation:.5s steps-pop;display:grid}.complete-mode h1{font-size:45px}.score-change{color:#1976aa;background:#eaf7ff;border-radius:13px;margin:25px 0;padding:13px}@keyframes steps-pop{0%{opacity:0;transform:scale(.4)}75%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.procedure-basics{grid-template-columns:1fr 1fr}.procedure-basics .wide{grid-column:1/-1}.step-fields{grid-template-columns:1fr}.step-fields .wide{grid-column:auto}.procedure-grid{grid-template-columns:1fr}}@media (max-width:780px){.steps-hero{grid-template-columns:1fr;padding:24px}.steps-summary{grid-template-columns:1fr 1fr 1fr}.active-procedures>article{grid-template-columns:40px 1fr}.active-procedures article>button{grid-column:1/-1}.steps-tabs{overflow:auto}.steps-tabs button{flex:none}.steps-editor{padding:20px}.material-row{grid-template-columns:1fr 1fr}.material-row .check{min-height:48px}.step-editor-card{grid-template-columns:22px 34px 1fr}.step-tools{grid-column:2/-1;display:flex}.guided-mode>main{padding:23px 8px}.guided-mode>footer{grid-template-columns:1fr 1fr;display:grid}.guided-mode .giant{grid-area:1/1/auto/-1;min-width:0}.guided-description{font-size:16px}}@media (max-width:480px){.steps-summary,.procedure-basics{grid-template-columns:1fr}.procedure-basics .wide{grid-column:auto}.material-row{grid-template-columns:1fr}.step-editor-card{grid-template-columns:22px 1fr}.step-number{grid-column:2}.step-fields,.step-tools{grid-column:1/-1}.guided-mode>header{grid-template-columns:55px 1fr 70px}.guided-mode h1{font-size:34px}.complete-mode>section{padding:30px 20px}}
