*{box-sizing:border-box}:root{--p:#6c4cf1;--p2:#8a6df6;--soft:#f0ebff;--bg:#f8f7fc;--card:#fff;--text:#18152b;--muted:#7c7890;--line:#ebe8f3;--green:#27ae60;--red:#ef5b67;--amber:#f2a93b;--shadow:0 12px 32px rgba(44,35,86,.08)}html{background:var(--bg)}body{margin:0;background:linear-gradient(180deg,#fbfaff,#f6f4fb);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;padding:34px 26px;border-radius:32px;box-shadow:0 25px 70px rgba(54,38,116,.12);text-align:center}.brand-mark{width:76px;height:76px;border-radius:26px;background:linear-gradient(145deg,#f0ebff,#fff);border:1px solid #ded6ff;color:var(--p);display:grid;place-items:center;margin:auto;font-size:45px}.login-card h1{font-size:30px;margin:14px 0 3px}.login-card>p{color:var(--muted);margin:0 0 25px}label{display:grid;gap:7px;text-align:right;margin-top:14px;font-size:13px;font-weight:750}input,textarea,select{width:100%;padding:14px;border:1px solid var(--line);border-radius:15px;background:#faf9fd;color:var(--text);outline:0}textarea{min-height:94px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#b9acf8;box-shadow:0 0 0 3px rgba(108,76,241,.08)}.password-wrap{position:relative}.password-wrap input{padding-left:48px}.eye{position:absolute;left:7px;top:50%;transform:translateY(-50%)}.remember{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}.remember input{width:auto}.primary,.secondary,.danger-btn{border:0;border-radius:14px;padding:13px 16px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--p),#7958f3);color:#fff;box-shadow:0 8px 20px rgba(108,76,241,.2)}.secondary{background:var(--soft);color:var(--p)}.danger-btn{background:#fff0f1;color:var(--red)}.full,.submit-btn{width:100%;margin-top:18px}.submit-btn[disabled],button[disabled]{opacity:.55;cursor:not-allowed}.error{color:var(--red);font-size:13px}.app{max-width:560px;margin:auto;min-height:100vh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(105px + env(safe-area-inset-bottom))}header{min-height:66px}.home-head,.simple-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.hello{display:flex;align-items:center;gap:11px}.hello h1,.simple-head h1{font-size:23px;margin:0}.hello p,.simple-head p{font-size:12px;color:var(--muted);margin:3px 0 0}.avatar-wrap{position:relative;cursor:pointer}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#eee;border:2px solid #fff;box-shadow:0 4px 14px #2b215022}.avatar.xl{width:92px;height:92px}.mood-badge{position:absolute;left:-4px;bottom:-3px;min-width:22px;height:22px;padding:0 4px;border-radius:11px;background:var(--p);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:13px}.icon-btn{width:40px;height:40px;border:0;border-radius:13px;background:#f3f0fb;color:var(--p);display:grid;place-items:center;cursor:pointer}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:22px;padding:16px;margin-bottom:13px;box-shadow:var(--shadow)}.partner-mood{background:linear-gradient(135deg,#f0eaff,#fbfaff);display:flex;gap:12px;align-items:center}.partner-mood .emoji{font-size:28px}.partner-mood b{display:block;margin-bottom:3px}.muted{color:var(--muted)}.progress-card{padding:15px}.progress-row{display:flex;justify-content:space-between;align-items:center}.progress{height:9px;background:#ebe8f2;border-radius:99px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--p),#9d8af7);border-radius:99px}.filters{display:flex;gap:7px;overflow:auto;padding:3px 0 12px;scrollbar-width:none}.filter{border:0;border-radius:12px;padding:9px 12px;background:#f1eef7;color:var(--muted);white-space:nowrap;font-size:12px;font-weight:750}.filter.active{background:var(--p);color:#fff}.section{display:flex;align-items:center;justify-content:space-between;margin:21px 3px 9px}.section h2{font-size:17px;margin:0}.task-list{padding:4px 14px}.task{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid #f0edf5}.task:last-child{border:0}.task-main{display:flex;gap:10px;align-items:flex-start}.task-check{width:27px;height:27px;border:2px solid #dcd7e9;border-radius:9px;background:#fff;color:#fff;flex:0 0 auto}.task-check.checked{background:var(--p);border-color:var(--p)}.task-title{font-weight:800;font-size:14px}.task.completed .task-title{text-decoration:line-through;color:var(--muted)}.meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.pill{font-size:11px;padding:5px 8px;border-radius:8px;background:#f5f3f9;color:var(--muted)}.pill.private{color:var(--red);background:#fff0f2}.task-actions{display:flex;gap:2px}.mini-action{border:0;background:transparent;color:#89849a;width:30px;height:30px;border-radius:9px}.mini-action:hover{background:#f4f1fa}.empty{text-align:center;padding:38px 15px;color:var(--muted)}.empty .empty-icon{font-size:42px;margin-bottom:8px}.cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:16px;padding:14px;background:linear-gradient(135deg,var(--p),#805ff5);color:#fff;font-weight:850;box-shadow:0 9px 22px rgba(108,76,241,.2)}.permission-card h3{margin:0 0 3px;font-size:15px}.permission-card p{margin:0 0 12px;font-size:12px;color:var(--muted)}.permissions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.perm{border:1px solid var(--line);background:#faf9fd;color:var(--muted);border-radius:12px;padding:10px 4px;font-size:11px;font-weight:750}.perm.active{background:var(--soft);border-color:#cfc5fb;color:var(--p)}.suggestion{padding:14px}.suggestion-head{display:flex;justify-content:space-between;gap:8px}.suggestion .actions{margin-top:12px}.status{font-size:11px;padding:5px 8px;border-radius:8px}.status.accepted{background:#e9f8ef;color:#25844e}.status.declined{background:#fff0f1;color:var(--red)}.status.pending{background:#fff7e7;color:#a66c12}.reject-note{margin-top:8px;background:#fff6f7;color:#8f4850;padding:9px;border-radius:10px;font-size:12px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-head h1{font-size:23px;margin:0}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:15px}.week-day{border:1px solid var(--line);background:#fff;border-radius:14px;padding:9px 2px;text-align:center;color:var(--muted);font-size:10px}.week-day b{display:block;font-size:13px;margin-top:4px;color:var(--text)}.week-day.active{background:var(--p);border-color:var(--p);color:#fff}.week-day.active b{color:#fff}.profile-hero{text-align:center;padding:22px}.profile-hero h2{margin:10px 0 3px}.menu-card{padding:4px 14px}.menu-row{width:100%;border:0;background:none;padding:15px 3px;border-bottom:1px solid #f0edf5;display:flex;justify-content:space-between;align-items:center;text-align:right;color:var(--text)}.menu-row:last-child{border:0}.menu-row.danger{color:var(--red)}.avatar-editor{text-align:center}.upload-btn{display:inline-block;color:var(--p);margin-top:8px}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.mood-option{border:1px solid var(--line);background:#faf9fd;border-radius:14px;padding:10px 4px;text-align:center}.mood-option i{display:block;font-style:normal;font-size:25px}.mood-option span{font-size:10px;color:var(--muted)}.mood-option.active{border-color:var(--p);background:var(--soft)}nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:82px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}nav button{border:0;background:none;color:#9893a6;display:grid;place-items:center;align-content:center;gap:3px;font-weight:700}nav .nav-icon{font-size:22px;line-height:1}nav small{font-size:12px}nav button.active{color:var(--p)}.floating-add{position:fixed;z-index:25;bottom:calc(66px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:60px;height:60px;border:0;border-radius:20px;background:linear-gradient(145deg,var(--p),#8465f5);color:#fff;font-size:31px;box-shadow:0 12px 28px rgba(108,76,241,.32)}dialog{border:0;background:transparent;padding:0;width:min(560px,100%);max-width:none;position:fixed;bottom:0;top:auto;margin:auto}dialog::backdrop{background:rgba(19,15,34,.48);backdrop-filter:blur(3px)}.sheet{background:#fff;padding:20px 18px calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;max-height:90vh;overflow:auto}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head h2{font-size:19px;margin:0}.close{width:38px;height:38px;border:0;border-radius:12px;background:#f3f0f8;font-size:22px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.switch-label{display:flex;align-items:center;justify-content:space-between;background:#faf9fd;padding:10px 12px;border-radius:14px}.switch-label input{width:auto}.actions{display:flex;gap:8px;margin-top:14px}.actions>*{flex:1}.calendar-sheet{min-height:70vh}.month-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.week-labels,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.week-labels span{text-align:center;font-size:11px;color:var(--muted);padding:6px}.month-day{aspect-ratio:1;border:0;border-radius:12px;background:#faf9fd;color:var(--text);position:relative}.month-day.out{opacity:.25}.month-day.selected{background:var(--p);color:#fff}.month-day.has-task:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#8b72f5;bottom:5px;left:50%;transform:translateX(-50%)}.month-day.selected:after{background:#fff}.toast{position:fixed;z-index:100;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-20px);min-width:260px;max-width:calc(100% - 32px);padding:13px 16px;border-radius:14px;color:#fff;text-align:center;font-size:13px;font-weight:750;opacity:0;pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.success{background:#25a65d}.toast.error{background:#dc5360}.overlay{position:fixed;z-index:90;inset:0;background:rgba(247,246,251,.62);backdrop-filter:blur(2px);display:grid;place-items:center}.loader-card{background:#fff;border-radius:18px;padding:18px 24px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center}.spinner{width:20px;height:20px;border:3px solid #e7e2fb;border-top-color:var(--p);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{height:76px;border-radius:16px;background:linear-gradient(90deg,#f2f0f7 25%,#faf9fd 50%,#f2f0f7 75%);background-size:200% 100%;animation:sh 1.1s infinite;margin-bottom:10px}@keyframes sh{to{background-position:-200% 0}}@media(max-width:380px){.app{padding-left:12px;padding-right:12px}.grid{grid-template-columns:1fr}.permissions{gap:4px}.perm{font-size:10px}.mood-grid{grid-template-columns:repeat(4,1fr)}}
.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px}.brand-logo{width:88px;height:64px;filter:drop-shadow(0 8px 14px rgba(108,76,241,.18))}.brand-lockup h1{margin:0}.login-card>p{margin-top:6px}

/* V4 approved brand + visual polish */
body{background:radial-gradient(circle at 15% 5%,rgba(159,136,255,.18),transparent 34%),radial-gradient(circle at 88% 28%,rgba(119,86,242,.12),transparent 30%),linear-gradient(180deg,#fbfaff 0%,#f5f2ff 100%)}
.login{position:relative;overflow:hidden;background:linear-gradient(145deg,#faf9ff 0%,#f3efff 48%,#eee8ff 100%)}
.login::before,.login::after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.login::before{width:520px;height:520px;left:-240px;bottom:-250px;background:radial-gradient(circle at 65% 35%,rgba(125,91,244,.22),rgba(177,157,255,.10) 48%,transparent 70%)}
.login::after{width:520px;height:520px;right:-250px;top:-230px;background:radial-gradient(circle at 35% 65%,rgba(157,128,255,.24),rgba(218,206,255,.08) 52%,transparent 72%)}
.login-orb{position:absolute;border-radius:999px;pointer-events:none;filter:blur(2px);opacity:.72}
.orb-one{width:180px;height:180px;right:8%;bottom:8%;background:linear-gradient(145deg,rgba(120,84,241,.18),rgba(202,187,255,.08));transform:rotate(18deg)}
.orb-two{width:120px;height:120px;left:9%;top:12%;background:linear-gradient(145deg,rgba(183,163,255,.22),rgba(255,255,255,.06))}
.orb-three{width:80px;height:80px;right:21%;top:18%;background:rgba(255,255,255,.44);box-shadow:0 20px 55px rgba(107,76,241,.14)}
.login-card{position:relative;z-index:2;width:min(440px,100%);padding:31px 28px 30px;border:1px solid rgba(255,255,255,.85);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.80));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 28px 80px rgba(76,51,151,.16),inset 0 1px 0 rgba(255,255,255,.95)}
.brand-lockup{margin:0 auto 0;max-width:270px}
.brand-logo-approved{display:block;width:100%;height:auto;max-height:202px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(88,58,190,.13))}
.login-title{font-size:27px!important;margin:2px 0 5px!important;letter-spacing:-.5px}
.login-card>p{margin:0 0 22px;color:#77708f}
.login-card input{background:rgba(251,250,255,.78);border-color:rgba(184,171,234,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:border-color .18s,box-shadow .18s,background .18s}
.login-card input:focus{background:#fff;border-color:#a990ff;box-shadow:0 0 0 4px rgba(108,76,241,.08),0 10px 26px rgba(108,76,241,.06)}
.login-card .primary{background:linear-gradient(105deg,#4d2fd2 0%,#7248ef 52%,#9a6cff 100%);box-shadow:0 14px 30px rgba(100,65,224,.27),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .18s,box-shadow .18s}
.login-card .primary:hover{transform:translateY(-1px);box-shadow:0 17px 34px rgba(100,65,224,.31),inset 0 1px 0 rgba(255,255,255,.22)}
.card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,248,255,.94));box-shadow:0 14px 34px rgba(58,42,118,.08);border-color:rgba(226,220,243,.88)}
.partner-mood{background:linear-gradient(135deg,rgba(237,230,255,.95),rgba(252,250,255,.98));box-shadow:0 14px 34px rgba(90,65,180,.09)}
.cta,.floating-add{background:linear-gradient(135deg,#5a36df 0%,#744cf0 55%,#9870fb 100%);box-shadow:0 14px 30px rgba(100,65,224,.24)}
nav{background:rgba(255,255,255,.88);box-shadow:0 -10px 35px rgba(53,39,102,.05)}
@media(max-width:520px){.login{padding:18px}.login-card{padding:26px 20px 24px;border-radius:29px}.brand-lockup{max-width:225px}.brand-logo-approved{max-height:170px}.login-title{font-size:25px!important}.orb-one{right:-50px;bottom:2%}.orb-two{left:-35px;top:7%}}

/* V4.1 visual polish */
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(10px);pointer-events:none}body:before{width:330px;height:330px;right:-170px;top:14%;background:radial-gradient(circle,rgba(128,92,246,.14),rgba(128,92,246,0) 70%)}body:after{width:300px;height:300px;left:-170px;bottom:14%;background:radial-gradient(circle,rgba(187,158,255,.18),rgba(187,158,255,0) 70%)}
.card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(252,250,255,.9));box-shadow:0 14px 38px rgba(71,49,132,.08),inset 0 1px 0 rgba(255,255,255,.9);border:1px solid rgba(229,222,246,.88)}
.progress-card,.partner-mood,.permission-card,.profile-hero,.menu-card{position:relative;overflow:hidden}.progress-card:after,.partner-mood:after,.profile-hero:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;left:-70px;top:-75px;background:radial-gradient(circle,rgba(137,101,248,.13),transparent 70%);pointer-events:none}
.task{margin:10px 0;padding:14px 12px;border:1.5px solid transparent!important;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 7px 18px rgba(62,45,112,.045);transition:transform .18s,box-shadow .18s,border-color .18s}.task:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(62,45,112,.075)}.task.priority-normal{border-color:#8bd5a8!important}.task.priority-medium{border-color:#f0ca63!important}.task.priority-important{border-color:#ef8b92!important}.task-list{background:rgba(255,255,255,.72);backdrop-filter:blur(12px)}
.priority-pill.normal{background:#eaf8ef;color:#278451}.priority-pill.medium{background:#fff7dc;color:#946b00}.priority-pill.important{background:#fff0f1;color:#c84b57}.suggested-by{display:inline-flex;align-items:center;gap:5px;background:#f0ebff;color:#6546c8}.suggested-by img,.suggestion-person img{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;box-shadow:0 2px 6px rgba(70,49,130,.15)}.suggestion-person{display:flex;align-items:center;gap:7px}
.mini-action svg,.nav-icon svg,.eye svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mini-action{display:grid;place-items:center}.danger-icon{color:#c96b74}.nav-icon{width:28px;height:28px;display:grid;place-items:center;position:relative}.nav-icon svg{width:24px;height:24px;stroke-width:1.7}nav button.active .nav-icon{background:linear-gradient(145deg,#f0ebff,#e8e0ff);border-radius:11px;box-shadow:0 5px 14px rgba(108,76,241,.14)}nav button{transition:.18s}nav{background:rgba(255,255,255,.9);box-shadow:0 -12px 38px rgba(63,45,111,.08)}
.nav-badge{position:absolute;top:-5px;right:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ed4d5d;color:#fff;font-size:10px;font-style:normal;font-weight:900;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 3px 8px rgba(237,77,93,.3)}
.eye{display:grid;place-items:center}.eye svg{width:22px;height:22px}.eye .eye-closed{display:none}.eye.is-visible .eye-open{display:none}.eye.is-visible .eye-closed{display:block}
.sheet{background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(248,245,255,.97));box-shadow:0 -20px 60px rgba(54,37,103,.16)}.primary,.cta,.floating-add{background:linear-gradient(135deg,#7551ee,#9b76ff);box-shadow:0 10px 26px rgba(108,76,241,.24)}

.calendar-icon-btn svg,.menu-line-icon svg,.access-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.calendar-icon-btn{background:linear-gradient(145deg,#fff,#f0ebff);border:1px solid #e2dcfb;box-shadow:0 7px 18px rgba(83,60,180,.12)}.menu-line-icon{display:inline-grid;place-items:center;vertical-align:middle;margin-left:7px;color:var(--p)}.access-copy{line-height:1.8;margin:16px 2px}.access-options{display:grid;gap:10px;margin-top:12px}.access-option{width:100%;display:grid;grid-template-columns:46px 1fr 24px;gap:10px;align-items:center;text-align:right;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#fbf9ff);border-radius:18px;padding:13px;color:var(--text);box-shadow:0 7px 20px rgba(63,45,132,.05)}.access-option .access-icon{width:42px;height:42px;border-radius:14px;background:var(--soft);color:var(--p);display:grid;place-items:center}.access-option b{display:block;font-size:14px}.access-option small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.6}.access-option>i{font-style:normal;color:transparent;width:22px;height:22px;border:1px solid #ddd7ee;border-radius:50%;display:grid;place-items:center}.access-option.active{border-color:#c7bafa;background:linear-gradient(145deg,#f9f6ff,#f0eaff);box-shadow:0 8px 24px rgba(108,76,241,.10)}.access-option.active>i{background:var(--p);border-color:var(--p);color:#fff}.access-option:active{transform:scale(.99)}

/* In-app confirmation + rejection notice */
.confirm-sheet{text-align:center;padding-top:26px}.confirm-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0f2,#ffe4e8);color:#dc5360;box-shadow:0 10px 28px rgba(220,83,96,.12)}.confirm-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.confirm-sheet h2{margin:0 0 7px;font-size:19px}.confirm-sheet p{margin:0 auto 18px;max-width:320px;line-height:1.8}.toast.notice{background:linear-gradient(135deg,#6c4cf1,#8f6ff7);box-shadow:0 10px 30px rgba(108,76,241,.25)}

.history-clear-btn{border:1px solid #f3c7cc;background:#fff6f7;color:var(--red);border-radius:11px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.history-clear-btn:active{transform:scale(.98)}