.auth-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ee,#e8f4f0);padding:20px}.auth-card{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);padding:50px;max-width:450px;width:100%}.auth-header{text-align:center;margin-bottom:40px}.auth-header h1{font-size:36px;color:var(--button-green);margin-bottom:8px;font-family:Poppins,sans-serif}.auth-header p{font-size:14px;color:var(--text-light);font-style:italic}.auth-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.auth-form input{padding:14px 16px;border:2px solid var(--accent-green);border-radius:12px;font-size:14px;transition:border-color .3s ease}.auth-form input:focus{outline:none;border-color:var(--button-green);box-shadow:0 0 0 3px #8bc6a81a}.auth-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}.auth-button{padding:14px 16px;background-color:var(--button-green);color:#fff;font-size:16px;font-weight:600;border-radius:12px;transition:background-color .3s ease,transform .2s ease}.auth-button:hover:not(:disabled){background-color:#6fa88a;transform:translateY(-2px)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-error{background-color:#ffe5e5;color:#c44444;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:12px;border-left:4px solid #E89B9B}.auth-message{background-color:#e5f5e5;color:#44c444;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:12px;border-left:4px solid #9FD7B5}.auth-toggle{text-align:center;font-size:14px;color:var(--text-light);margin-bottom:30px}.toggle-button{background:none;border:none;color:var(--button-green);cursor:pointer;font-weight:600;text-decoration:underline;margin-left:6px;padding:0}.toggle-button:hover{color:#6fa88a}.auth-info{background-color:#f0f8f5;padding:20px;border-radius:12px;border-left:4px solid var(--accent-green)}.auth-info h3{font-size:14px;color:var(--text-dark);margin-bottom:12px}.auth-info ul{list-style:none;padding:0}.auth-info li{font-size:13px;color:var(--text-light);padding:6px 0 6px 20px;position:relative}.auth-info li:before{content:"✓";position:absolute;left:0;color:var(--accent-green);font-weight:700}.navigation{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(180deg,#fff,#f8fbfa);border-right:1px solid rgba(168,213,186,.2);display:flex;flex-direction:column;box-shadow:2px 0 8px #3a4a3a0f;z-index:1000}.nav-header{padding:30px 20px;border-bottom:1px solid rgba(168,213,186,.1)}.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-text{font-size:32px;line-height:1}.nav-logo h2{font-size:18px;color:var(--button-green);margin:0;font-weight:700}.nav-logo p{font-size:12px;color:var(--text-light);margin:2px 0 0;font-weight:400}.nav-menu{flex:1;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column}.nav-list{list-style:none;padding:0;margin:0;flex:1}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--text-dark);background:none;text-align:left;font-size:15px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer}.nav-item:hover{background-color:#a8d5ba1a;padding-left:24px}.nav-item.active{background:linear-gradient(90deg,rgba(139,198,168,.15) 0%,transparent 100%);color:var(--button-green);border-left:4px solid var(--button-green);padding-left:20px}.nav-icon{font-size:20px;line-height:1}.nav-label{font-family:Poppins,sans-serif}.nav-footer{padding:20px;border-top:1px solid rgba(168,213,186,.1)}.sign-out-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ffe5e5,#ffd7d7);color:#c44444;border-radius:10px;font-weight:600;font-size:14px;transition:all .3s ease}.sign-out-btn:hover{background:linear-gradient(135deg,#ffd7d7,#ffc9c9);transform:translateY(-2px);box-shadow:0 4px 12px #e89b9b33}.nav-toggle{display:none;position:absolute;right:20px;top:20px;background:none;border:none;color:var(--text-dark);z-index:1001}@media(max-width:768px){.navigation{position:fixed;left:0;top:0;width:280px;height:100vh;transform:translate(-100%);transition:transform .3s ease;border-radius:0;z-index:1001}.navigation.open,.nav-menu.open{transform:translate(0)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-dark)}.nav-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}.nav-menu.open{transform:translate(0)}}.home-page{width:100%;max-width:1200px}.home-header{text-align:center;margin-bottom:40px}.home-title{font-size:42px;color:var(--text-dark);margin-bottom:8px}.home-subtitle{font-size:16px;color:var(--text-light);font-style:italic}.focus-card{background:linear-gradient(135deg,#e0f2f7,#d4e8f0);border-radius:16px;padding:30px;margin-bottom:40px;border-left:5px solid var(--button-green);box-shadow:var(--shadow)}.focus-content{display:flex;align-items:center;gap:16px}.focus-icon{color:var(--button-green);flex-shrink:0}.focus-text{font-size:18px;font-weight:600;color:var(--text-dark)}.children-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:40px;box-shadow:var(--shadow)}.children-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.children-section .section-header h2{display:flex;align-items:center;gap:10px;font-size:24px;color:var(--text-dark)}.add-child-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.add-child-btn:hover{background:#6fa88a;transform:translateY(-2px)}.add-child-form{background:var(--bg-soft);border-radius:12px;padding:24px;margin-bottom:24px;border:2px solid var(--accent-green)}.add-child-form .form-input{width:100%;padding:12px 16px;border:2px solid var(--accent-green);border-radius:10px;font-size:14px;margin-bottom:12px;font-family:Lato,sans-serif}.add-child-form .form-input:focus{outline:none;border-color:var(--button-green);box-shadow:0 0 0 3px #8bc6a81a}.add-child-form .form-actions{display:flex;gap:12px}.add-child-form .save-btn{flex:1;padding:12px 24px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.add-child-form .save-btn:hover{background:#6fa88a}.add-child-form .cancel-btn{padding:12px 24px;background:#e0e0e0;color:var(--text-dark);font-weight:600;border-radius:10px;transition:all .3s ease}.add-child-form .cancel-btn:hover{background:#d0d0d0}.children-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.child-card{background:linear-gradient(135deg,#f0f8f5,#fff);border-radius:12px;padding:24px;text-align:center;border-left:4px solid var(--button-green);box-shadow:var(--shadow);transition:all .3s ease}.child-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.child-icon{color:var(--button-green);margin-bottom:12px}.child-card h3{font-size:18px;color:var(--text-dark);margin-bottom:4px}.child-card p{font-size:14px;color:var(--text-light)}.no-children-message{text-align:center;padding:40px;color:var(--text-light)}.no-children-message .empty-icon{color:var(--accent-green);margin-bottom:16px}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.mood-card,.quick-actions{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.mood-card h2,.quick-actions h2{font-size:18px;color:var(--text-dark);margin-bottom:20px}.mood-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.mood-btn{padding:12px 16px;border-radius:10px;border:2px solid transparent;font-size:16px;font-weight:600;transition:all .3s ease;cursor:pointer}.mood-btn.calm{background-color:#e5f5e5;color:#2d7a2d;border-color:#9fd7b5}.mood-btn.calm.selected{background-color:#9fd7b5;color:#fff;transform:scale(1.02)}.mood-btn.alert{background-color:#fff4e5;color:#b8860b;border-color:#f4d991}.mood-btn.alert.selected{background-color:#f4d991;color:#3a4a3a;transform:scale(1.02)}.mood-btn.overwhelmed{background-color:#ffe5e5;color:#c44444;border-color:#e89b9b}.mood-btn.overwhelmed.selected{background-color:#e89b9b;color:#fff;transform:scale(1.02)}.mood-feedback{padding:12px;background-color:#a8d5ba1a;border-radius:8px;color:var(--text-dark);font-size:14px;text-align:center;font-weight:500}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:linear-gradient(135deg,#f0f8f5,#f5f3ee);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.action-item:hover{background:linear-gradient(135deg,#e8f4f0,#f0e8e0);transform:translateY(-4px)}.action-item svg{color:var(--button-green)}.action-item span{font-weight:600;color:var(--text-dark);font-size:14px}.action-item p{font-size:12px;color:var(--text-light)}.three-ss-intro{margin-bottom:40px}.three-ss-intro h2{font-size:22px;color:var(--text-dark);margin-bottom:20px}.three-ss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ss-card{background:#fff;border-radius:14px;padding:24px;box-shadow:var(--shadow);border-top:4px solid;transition:all .3s ease}.ss-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ss-card h3{font-size:20px;margin-bottom:12px;color:var(--text-dark)}.ss-card p{font-size:14px;color:var(--text-light);line-height:1.6}.ss-card.see{border-top-color:#8bc6a8}.ss-card.support{border-top-color:#a8d5ba}.ss-card.sync{border-top-color:#d4c5b5}.affirmation-box{background:linear-gradient(135deg,#f0f8f5,#e8f4f0);border-radius:16px;padding:30px;text-align:center;font-size:18px;font-weight:600;color:var(--button-green);box-shadow:var(--shadow);border-left:5px solid var(--button-green)}@media(max-width:768px){.home-title{font-size:28px}.home-grid,.actions-grid,.three-ss-grid{grid-template-columns:1fr}}.profile-goals{font-size:13px;color:var(--text-light);margin-top:8px;line-height:1.4;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header h2{font-size:24px;font-weight:700;color:var(--text-dark);margin:0}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-light);padding:4px;display:flex;align-items:center;transition:all .2s ease}.modal-form{padding:24px}.form-input{width:100%;padding:12px 16px;border:2px solid #E0E0E0;border-radius:8px;font-size:16px;transition:all .2s ease;font-family:inherit}.cancel-btn:hover:not(:disabled){border-color:var(--text-light);background:var(--bg-soft)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{padding:12px 32px;border:none;border-radius:8px;background:var(--button-green);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#66bb6a;transform:translateY(-1px);box-shadow:0 4px 12px #81c7844d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.modal-content{width:95%;margin:20px}.modal-header{padding:20px 20px 12px}.modal-header h2{font-size:20px}.modal-form{padding:20px}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.daily-planner-page{width:100%;max-width:1200px}.daily-planner-page .page-header h1{display:flex;align-items:center;gap:12px}.empty-state-content h2{font-size:24px;color:var(--text-dark);margin-bottom:12px}.empty-state-content p{color:var(--text-light);margin-bottom:32px;line-height:1.6}.primary-btn{background:var(--button-green);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.child-selector{display:flex;align-items:center;gap:12px;flex:1}.child-selector label{font-weight:600;color:var(--text-dark)}.add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--button-green);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-btn:hover{background:#66bb6a;transform:translateY(-1px);box-shadow:0 4px 12px #81c7844d}.form-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.form-card{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.form-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:2px solid var(--bg-soft)}.form-header h3{font-size:20px;font-weight:700;color:var(--text-dark);margin:0}.planner-form{padding:24px}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500}.toggle-input{width:48px;height:24px;appearance:none;background:#e0e0e0;border-radius:12px;position:relative;cursor:pointer;transition:background .2s ease}.toggle-input:checked{background:var(--button-green)}.toggle-input:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked:before{transform:translate(24px)}.entries-container{margin-top:24px}.no-entries{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.no-entries p{color:var(--text-light);font-size:16px}.date-group{margin-bottom:32px}.date-header{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:16px;padding-bottom:12px;border-bottom:3px solid var(--button-green)}.entries-list{display:flex;flex-direction:column;gap:12px}.entry-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow);transition:all .2s ease}.entry-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.time-badge{display:inline-block;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.time-badge.morning{background:#fff9c4;color:#f57f17}.time-badge.afternoon{background:#ffe0b2;color:#e65100}.time-badge.evening{background:#b3e5fc;color:#01579b}.entry-actions{display:flex;gap:8px}.plan-text{font-size:15px;line-height:1.6;color:var(--text-dark);margin-bottom:8px}.calm-break-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#e8f5e9;color:var(--button-green);border-radius:16px;font-size:13px;font-weight:600;margin-top:8px}.notes-text{font-size:14px;color:var(--text-light);margin-top:12px;padding-top:12px;border-top:1px solid var(--bg-soft);line-height:1.6}@media(max-width:768px){.page-controls,.child-selector{flex-direction:column;align-items:stretch}.add-btn{width:100%;justify-content:center}.form-card{max-height:95vh}.chip-group{flex-direction:column}.chip{text-align:center}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;justify-content:center}}.mypath-page{width:100%;max-width:1200px}.mypath-page .page-header h1{display:flex;align-items:center;gap:12px}.progress-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow)}.progress-section h2{display:flex;align-items:center;gap:10px;font-size:24px;color:var(--text-dark);margin-bottom:24px}.mood-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{padding:24px;border-radius:12px;text-align:center;box-shadow:var(--shadow)}.stat-card.calm-stat{background:linear-gradient(135deg,#e5f5e5,#d4efd4);border-left:4px solid #9FD7B5}.stat-card.alert-stat{background:linear-gradient(135deg,#fff4e5,#ffe8d4);border-left:4px solid #F4D991}.stat-card.overwhelmed-stat{background:linear-gradient(135deg,#ffe5e5,#ffd4d4);border-left:4px solid #E89B9B}.stat-label{font-size:14px;color:var(--text-light);margin-bottom:8px;font-weight:600}.stat-value{font-size:48px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.stat-percent{font-size:18px;font-weight:600;color:var(--text-light)}.no-data{text-align:center;color:var(--text-light);padding:40px}.triggers-section,.strategies-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow)}.section-header h2{display:flex;align-items:center;gap:10px;font-size:24px;color:var(--text-dark)}.add-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.add-btn:hover{background:#6fa88a;transform:translateY(-2px)}.add-form{background:var(--bg-soft);border-radius:12px;padding:24px;margin-bottom:24px;border:2px solid var(--accent-green)}.save-btn{flex:1;padding:12px 24px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.save-btn:hover{background:#6fa88a}.triggers-grid,.strategies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.trigger-card,.strategy-card{background:linear-gradient(135deg,#f0f8f5,#fff);border-radius:12px;padding:20px;box-shadow:var(--shadow);border-left:4px solid var(--button-green);transition:all .3s ease}.trigger-card:hover,.strategy-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.trigger-header,.strategy-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.trigger-header h3,.strategy-header h3{font-size:18px;color:var(--text-dark);flex:1}.trigger-category{display:inline-block;padding:4px 12px;background:var(--accent-green);color:var(--text-dark);border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;margin-bottom:8px}.trigger-card p,.strategy-card p{font-size:14px;color:var(--text-light);line-height:1.6;margin:8px 0}.what-helps,.when-to-use{margin-top:12px;padding-top:12px;border-top:1px solid rgba(168,213,186,.2);font-size:13px;color:var(--text-dark);line-height:1.5}.what-helps strong,.when-to-use strong{color:var(--button-green)}.custom-paths-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow)}.section-description{color:var(--text-light);font-size:14px;margin-bottom:20px;line-height:1.6}.paths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.no-paths{text-align:center;padding:40px;color:var(--text-light);background:var(--bg-soft);border-radius:12px}.path-card{background:linear-gradient(135deg,#fff8e5,#fff);border-radius:12px;padding:24px;box-shadow:var(--shadow);border-left:4px solid #F4D991;transition:all .3s ease}.path-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.path-card.inactive{opacity:.6;border-left-color:#ccc}.path-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px;gap:12px}.path-title-area{display:flex;align-items:center;gap:10px;flex:1}.path-icon{color:#f4d991;flex-shrink:0}.path-header h3{font-size:18px;color:var(--text-dark);flex:1}.path-actions{display:flex;gap:8px;align-items:center}.status-badge{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;transition:all .3s ease}.status-badge.active{background:var(--button-green);color:#fff}.status-badge.inactive{background:#e0e0e0;color:var(--text-light)}.edit-btn{background:none;border:none;color:var(--button-green);padding:4px;cursor:pointer;transition:all .3s ease}.edit-btn:hover{color:#6fa88a;transform:scale(1.1)}.path-description{font-size:14px;color:var(--text-light);line-height:1.6;margin-bottom:12px}.path-goal,.path-target{margin-top:12px;padding-top:12px;border-top:1px solid rgba(244,217,145,.3);font-size:13px;color:var(--text-dark);line-height:1.5}.path-goal strong,.path-target strong{color:#b8860b;margin-right:6px}.progress-notes-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow)}.notes-list{display:flex;flex-direction:column;gap:16px}.no-notes{text-align:center;padding:40px;color:var(--text-light);background:var(--bg-soft);border-radius:12px}.note-card{background:linear-gradient(135deg,#f0f9ff,#fff);border-radius:12px;padding:20px;border-left:4px solid #7EC8E3;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.note-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.note-date{font-size:13px;font-weight:600;color:#5ba8c8;text-transform:uppercase;letter-spacing:.5px}.note-text{font-size:15px;line-height:1.7;color:var(--text-dark);white-space:pre-wrap;word-break:break-word}@media(max-width:768px){.section-header{flex-direction:column;align-items:stretch;gap:12px}.add-btn{width:100%}.triggers-grid,.strategies-grid,.paths-grid,.mood-stats{grid-template-columns:1fr}.path-header{flex-direction:column}.path-actions{width:100%;justify-content:flex-end}}.filter-chips{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow);margin-bottom:24px}.filter-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid #E0E0E0;border-radius:20px;background:#fff;color:var(--text-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.notes-container{margin-top:24px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.note-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow);transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.note-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.note-header{display:flex;justify-content:space-between;align-items:flex-start}.note-date-mood{display:flex;flex-direction:column;gap:8px}.note-date{font-size:13px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.mood-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.note-actions{display:flex;gap:4px;align-items:center}.win-icon{color:#ffb300}.note-subtitle{font-size:14px;color:var(--text-dark);padding:8px 12px;background:#f5f5f5;border-radius:8px;border-left:3px solid var(--button-green)}.note-trigger{font-size:13px;color:var(--text-light)}.note-outcome{font-size:14px;line-height:1.7;color:var(--text-dark);margin:0}@media(max-width:768px){.filter-chips{flex-direction:column;align-items:stretch}.filter-label{width:100%}.filter-chip{flex:1;justify-content:center}.notes-grid{grid-template-columns:1fr}}.name-input-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:0 auto}.name-input{width:100%;padding:14px 20px;border:2px solid #E0E0E0;border-radius:8px;font-size:16px;font-family:inherit;transition:all .2s ease;text-align:center}.name-input:focus{outline:none;border-color:var(--button-green);box-shadow:0 0 0 3px #81c7841a}.name-input::placeholder{color:var(--text-light)}.routines-page{width:100%;max-width:1200px}.routines-page .page-header h1{display:flex;align-items:center;gap:12px}.routines-header{margin-bottom:24px}.add-routine-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.add-routine-btn:hover{background:#6fa88a;transform:translateY(-2px)}.add-routine-form{background:var(--bg-soft);border-radius:12px;padding:24px;margin-bottom:32px;border:2px solid var(--accent-green)}.routines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.no-routines{background:#fff;border-radius:16px;padding:60px;text-align:center;box-shadow:var(--shadow);color:var(--text-light)}.routine-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow);border-left:4px solid var(--button-green);transition:all .3s ease}.routine-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.routine-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.routine-header h3{font-size:20px;color:var(--text-dark);margin-bottom:8px}.routine-type{display:inline-block;padding:4px 12px;background:var(--accent-green);color:var(--text-dark);border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;margin-right:8px}.routine-time{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--sky-blue);color:var(--text-dark);border-radius:12px;font-size:12px;font-weight:600}.routine-description{font-size:14px;color:var(--text-light);margin-bottom:16px;line-height:1.6}.routine-steps{margin-top:16px;padding-top:16px;border-top:2px solid rgba(168,213,186,.2)}.routine-steps h4{font-size:14px;color:var(--text-dark);margin-bottom:12px;font-weight:600}.step-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-soft);border-radius:8px;margin-bottom:8px;transition:all .3s ease}.step-item:hover{background:#a8d5ba26}.step-checkbox{background:none;border:none;padding:0;cursor:pointer;color:var(--text-light);transition:color .3s ease}.step-checkbox:hover,.step-checkbox .checked{color:var(--button-green)}.step-item span{flex:1;font-size:14px;color:var(--text-dark)}.step-item span.completed{text-decoration:line-through;color:var(--text-light)}.delete-step-btn{background:none;border:none;padding:4px;color:#c44444;cursor:pointer;opacity:0;transition:all .3s ease}.step-item:hover .delete-step-btn{opacity:1}.delete-step-btn:hover{color:#a03030;transform:scale(1.1)}.add-step{display:flex;gap:8px;margin-top:12px}.step-input{flex:1;padding:10px 14px;border:2px solid var(--accent-green);border-radius:8px;font-size:14px;font-family:Lato,sans-serif}.step-input:focus{outline:none;border-color:var(--button-green);box-shadow:0 0 0 3px #8bc6a81a}.add-step-btn{padding:10px 14px;background:var(--button-green);color:#fff;border-radius:8px;transition:all .3s ease}.add-step-btn:hover{background:#6fa88a}.delete-btn{background:none;border:none;color:#c44444;padding:4px;cursor:pointer;transition:all .3s ease}.delete-btn:hover{color:#a03030;transform:scale(1.1)}@media(max-width:768px){.routines-grid{grid-template-columns:1fr}}.helper-text{display:block;font-size:13px;color:var(--text-light);margin-top:8px;font-style:italic;line-height:1.4}.profile-role{font-size:14px;color:var(--button-green);font-weight:500;text-transform:capitalize;margin:4px 0}.profile-goals{font-size:13px;color:var(--text-light);margin-top:8px;line-height:1.4}.reminders-page{width:100%;max-width:1200px}.reminders-page .page-header h1{display:flex;align-items:center;gap:12px}.reminders-header{margin-bottom:24px}.add-reminder-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.add-reminder-btn:hover{background:#6fa88a;transform:translateY(-2px)}.add-reminder-form{background:var(--bg-soft);border-radius:12px;padding:24px;margin-bottom:32px;border:2px solid var(--accent-green)}.info-label{padding:12px 16px;background:#fff;border-radius:8px;font-size:14px;color:var(--text-light);margin-bottom:16px}.info-label strong{color:var(--button-green)}.days-selector{margin:16px 0}.days-selector label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:12px}.days-buttons{display:flex;gap:8px;flex-wrap:wrap}.day-btn{padding:8px 16px;background:#fff;border:2px solid var(--accent-green);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-dark);transition:all .3s ease;cursor:pointer}.day-btn:hover{background:var(--accent-green)}.day-btn.selected{background:var(--button-green);color:#fff;border-color:var(--button-green)}.reminders-list{display:flex;flex-direction:column;gap:16px}.no-reminders{background:#fff;border-radius:16px;padding:60px;text-align:center;box-shadow:var(--shadow);color:var(--text-light)}.no-reminders svg{color:var(--accent-green);margin-bottom:16px}.reminder-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow);border-left:4px solid var(--button-green);transition:all .3s ease}.reminder-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.reminder-card.inactive{opacity:.6;border-left-color:#ccc}.reminder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reminder-info{display:flex;align-items:center;gap:10px}.reminder-time-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--accent-green);color:var(--text-dark);border-radius:12px;font-size:14px;font-weight:600}.reminder-type{display:inline-block;padding:4px 12px;background:var(--sky-blue);color:var(--text-dark);border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.reminder-actions{display:flex;gap:10px;align-items:center}.toggle-btn{padding:6px 16px;background:#e0e0e0;color:var(--text-dark);border-radius:8px;font-size:13px;font-weight:600;transition:all .3s ease}.toggle-btn.active{background:var(--button-green);color:#fff}.toggle-btn:hover{transform:scale(1.05)}.reminder-card h3{font-size:20px;color:var(--text-dark);margin-bottom:8px}.reminder-child{font-size:13px;color:var(--text-light);font-weight:600;margin-bottom:8px}.reminder-description{font-size:14px;color:var(--text-light);line-height:1.6;margin-bottom:12px}.reminder-days{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(168,213,186,.2)}.days-label{font-size:13px;font-weight:600;color:var(--text-dark)}.day-badge{padding:4px 10px;background:var(--bg-soft);color:var(--text-dark);border-radius:8px;font-size:11px;font-weight:600;text-transform:capitalize}@media(max-width:768px){.reminder-header{flex-direction:column;align-items:start;gap:12px}.reminder-actions{width:100%;justify-content:flex-end}}.connect-respond-page{width:100%;max-width:1200px}.connect-respond-page .page-header h1{display:flex;align-items:center;gap:12px}.page-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.action-buttons{display:flex;gap:12px}.add-profile-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;color:var(--text-dark);border:2px solid #E0E0E0;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-profile-btn:hover{border-color:var(--button-green);color:var(--button-green);background:#f1f8e9}.practice-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--button-green);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.practice-btn:hover{background:#66bb6a;transform:translateY(-1px);box-shadow:0 4px 12px #81c7844d}.filter-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow);margin-bottom:24px}.filter-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-dark);font-size:15px}.filter-chip{padding:8px 16px;border:2px solid #E0E0E0;border-radius:20px;background:#fff;color:var(--text-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-chip:hover{border-color:var(--button-green);background:#f1f8e9}.filter-chip.active{border-color:var(--button-green);background:var(--button-green);color:#fff}.practice-modal,.view-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.practice-form{padding:24px}.guidance-box{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-radius:12px;padding:20px;margin-bottom:20px;border-left:4px solid var(--button-green)}.guidance-box h4{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 16px}.guidance-steps{margin:0;padding-left:24px;color:var(--text-dark)}.guidance-steps li{margin-bottom:12px;line-height:1.6}.helper-text{display:block;font-size:13px;color:var(--text-light);margin-top:6px;font-style:italic}.chip-group{display:flex;gap:8px;flex-wrap:wrap}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:2px solid var(--bg-soft)}.view-content{padding:24px}.detail-row{display:flex;gap:12px;margin-bottom:16px;align-items:center}.detail-row.full{flex-direction:column;align-items:flex-start}.detail-label{font-weight:600;color:var(--text-dark);min-width:80px}.detail-value{color:var(--text-dark)}.detail-notes{color:var(--text-dark);line-height:1.7;margin:8px 0 0;padding:12px;background:var(--bg-soft);border-radius:8px;width:100%}.outcome-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.guidance-reminder{margin-top:24px;padding-top:20px;border-top:2px solid var(--bg-soft)}.guidance-reminder h4{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 12px}.guidance-reminder ol{margin:0;padding-left:24px;color:var(--text-light)}.guidance-reminder li{margin-bottom:8px;line-height:1.6}.logs-container{margin-top:24px}.no-logs{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.no-logs p{color:var(--text-light);font-size:16px}.logs-list{display:flex;flex-direction:column;gap:16px}.log-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow);transition:all .2s ease}.log-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.log-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.log-title-section h4{font-size:17px;font-weight:700;color:var(--text-dark);margin:0 0 6px}.log-date{font-size:13px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.log-actions{display:flex;gap:8px;align-items:center}.icon-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-light);border-radius:6px;transition:all .2s ease;display:flex;align-items:center}.icon-btn:hover{background:var(--bg-soft);color:var(--text-dark)}.icon-btn.delete:hover{background:#ffebee;color:#c62828}.log-notes{font-size:14px;line-height:1.7;color:var(--text-dark);margin:0}@media(max-width:768px){.page-controls,.profile-selector{flex-direction:column;align-items:stretch}.action-buttons{flex-direction:column}.add-profile-btn,.practice-btn{width:100%;justify-content:center}.filter-section{flex-direction:column;align-items:stretch}.filter-label{width:100%}.filter-chip{flex:1;text-align:center}.practice-modal,.view-modal{max-height:95vh}.chip-group{flex-direction:column}.chip{text-align:center}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;justify-content:center}.log-header{flex-direction:column;gap:12px}.log-actions{width:100%;justify-content:space-between}}.calm-space-page{width:100%;max-width:1200px}.breathe-pause{margin-bottom:48px}.breath-card{background:linear-gradient(135deg,#e0f2f7,#d4e8f0);border-radius:20px;padding:40px;text-align:center;box-shadow:var(--shadow-lg)}.breath-card h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;color:var(--text-dark);margin-bottom:8px}.breath-subtitle{color:var(--text-light);margin-bottom:32px}.breath-circle{width:200px;height:200px;margin:32px auto;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #8bc6a833;transition:all 4s ease;border:4px solid var(--accent-green)}.breath-circle.inhale{transform:scale(1.3);background:linear-gradient(135deg,#9fd7b5,#8bc6a8);border-color:var(--button-green)}.breath-circle.hold{transform:scale(1.3);background:linear-gradient(135deg,#a8d5ba,#9fd7b5);border-color:var(--accent-green)}.breath-circle.exhale{transform:scale(1);background:#fff;border-color:var(--accent-green)}.breath-text{font-size:18px;font-weight:600;color:var(--text-dark);font-family:Poppins,sans-serif}.breath-circle.inhale .breath-text,.breath-circle.hold .breath-text{color:#fff}.breath-toggle{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--button-green);color:#fff;font-size:16px;font-weight:600;border-radius:12px;transition:all .3s ease}.breath-toggle:hover{background:#6fa88a;transform:translateY(-2px)}.reset-together,.caregiver-calm{margin-bottom:48px}.reset-together h2,.caregiver-calm h2{display:flex;align-items:center;gap:12px;font-size:28px;color:var(--text-dark);margin-bottom:8px}.section-subtitle{color:var(--text-light);margin-bottom:24px}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.activity-card{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--shadow);cursor:pointer;transition:all .3s ease;border-left:4px solid var(--accent-green)}.activity-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.activity-card.expanded{border-left-color:var(--button-green);background:linear-gradient(135deg,#f0f8f5,#fff)}.activity-header{display:flex;align-items:center;gap:16px}.activity-icon{font-size:32px;line-height:1}.activity-info{flex:1}.activity-info h3{font-size:18px;color:var(--text-dark);margin-bottom:4px}.activity-duration{font-size:12px;color:var(--text-light);background:var(--bg-soft);padding:4px 10px;border-radius:12px;font-weight:600}.activity-details{margin-top:16px;padding-top:16px;border-top:1px solid rgba(168,213,186,.2)}.activity-details p{color:var(--text-dark);line-height:1.6;margin-bottom:12px}.difficulty{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.difficulty.easy{background:#e5f5e5;color:#2d7a2d}.difficulty.moderate{background:#fff4e5;color:#b8860b}.breaks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.break-card{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--shadow);transition:all .3s ease}.break-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.break-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.break-header h3{font-size:16px;color:var(--text-dark)}.break-duration{font-size:12px;color:#fff;background:var(--button-green);padding:4px 10px;border-radius:12px;font-weight:600}.break-description{font-size:14px;color:var(--text-light);line-height:1.6}.calm-affirmation{background:linear-gradient(135deg,#f0f8f5,#e8f4f0);border-radius:16px;padding:30px;text-align:center;font-size:18px;font-weight:600;color:var(--button-green);box-shadow:var(--shadow);border-left:5px solid var(--button-green)}@media(max-width:768px){.activities-grid,.breaks-grid{grid-template-columns:1fr}.breath-circle{width:160px;height:160px}}.sensory-toolbox-page{width:100%;max-width:1200px}.emergency-banner{margin-bottom:24px}.quick-help-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,#ffe5e5,#ffd7d7);color:#c44444;font-size:18px;font-weight:700;border-radius:14px;border:3px solid #E89B9B;transition:all .3s ease;box-shadow:var(--shadow)}.quick-help-btn:hover{background:linear-gradient(135deg,#ffd7d7,#ffc9c9);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.quick-help-panel{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-lg);border:3px solid #E89B9B}.quick-help-panel h2{font-size:24px;color:#c44444;margin-bottom:24px}.quick-strategies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.quick-strategy{display:flex;gap:12px;padding:16px;background:var(--bg-soft);border-radius:12px;border-left:4px solid var(--accent-green)}.strategy-icon{font-size:28px;line-height:1}.strategy-content h3{font-size:15px;color:var(--text-dark);margin-bottom:4px}.strategy-content p{font-size:13px;color:var(--text-light);line-height:1.4}.child-selector{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow);display:flex;align-items:center;gap:16px}.tools-section{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.add-tool-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.add-tool-btn:hover{background:#6fa88a;transform:translateY(-2px)}.add-tool-form{background:var(--bg-soft);border-radius:12px;padding:24px;margin-bottom:24px;border:2px solid var(--accent-green)}.rating-input{margin-bottom:16px}.rating-input label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:8px}.star-rating{display:flex;gap:4px}.save-tool-btn{flex:1;padding:12px 24px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.save-tool-btn:hover{background:#6fa88a}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.no-tools{text-align:center;padding:40px;color:var(--text-light)}.tool-card{background:linear-gradient(135deg,#f0f8f5,#fff);border-radius:12px;padding:20px;border-left:4px solid var(--button-green);box-shadow:var(--shadow);transition:all .3s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tool-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.tool-header h3{font-size:16px;color:var(--text-dark);flex:1}.delete-tool-btn{background:none;border:none;color:#c44444;padding:4px;cursor:pointer;transition:all .3s ease}.delete-tool-btn:hover{color:#a03030;transform:scale(1.1)}.tool-type{display:inline-block;padding:4px 12px;background:var(--accent-green);color:var(--text-dark);border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;margin-bottom:8px}.tool-rating{display:flex;gap:2px;margin-bottom:8px}.tool-notes{font-size:13px;color:var(--text-light);line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid rgba(168,213,186,.2)}@media(max-width:768px){.quick-strategies-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch;gap:12px}.add-tool-btn{width:100%}.tools-grid{grid-template-columns:1fr}}.connection-corner-page{width:100%;max-width:1200px}.daily-prompt{margin-bottom:48px}.daily-prompt h2{font-size:24px;color:var(--text-dark);margin-bottom:16px}.prompt-card{background:linear-gradient(135deg,#ffe5f0,#fff0f5);border-radius:16px;padding:32px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow);border-left:5px solid #E89B9B}.prompt-icon{color:#e89b9b;flex-shrink:0}.prompt-text{font-size:20px;font-weight:600;color:var(--text-dark);line-height:1.5}.communication-tips{margin-bottom:48px}.communication-tips h2{font-size:24px;color:var(--text-dark);margin-bottom:8px}.section-subtitle{font-size:14px;color:var(--text-light);margin-bottom:24px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.tip-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow);transition:all .3s ease;text-align:center}.tip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tip-icon{font-size:32px;display:block;margin-bottom:12px}.tip-card h3{font-size:16px;color:var(--text-dark);margin-bottom:8px}.tip-card p{font-size:13px;color:var(--text-light);line-height:1.5}.affirmations-section{margin-bottom:32px}.affirmations-section h2{font-size:24px;color:var(--text-dark);margin-bottom:8px}.default-affirmations{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:32px}.affirmation-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow);transition:all .3s ease}.affirmation-card.default{background:linear-gradient(135deg,#f0f8f5,#fff);border-left:4px solid var(--calm-green)}.affirmation-card.custom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-left:4px solid var(--button-green)}.affirmation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.affirmation-card p{font-size:15px;font-weight:500;color:var(--text-dark);line-height:1.6;flex:1}.favorite-btn{background:none;border:none;cursor:pointer;padding:4px;transition:transform .3s ease}.favorite-btn:hover{transform:scale(1.2)}.custom-affirmations{margin-bottom:24px}.custom-affirmations h3{font-size:18px;color:var(--text-dark);margin-bottom:16px}.affirmations-list{display:flex;flex-direction:column;gap:12px}.add-affirmation{display:flex;gap:12px;background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow)}.affirmation-input{flex:1;padding:12px 16px;border:2px solid var(--accent-green);border-radius:10px;font-size:14px;font-family:Lato,sans-serif}.affirmation-input:focus{outline:none;border-color:var(--button-green);box-shadow:0 0 0 3px #8bc6a81a}.add-affirmation-btn{display:flex;align-items:center;gap:6px;padding:12px 24px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.add-affirmation-btn:hover{background:#6fa88a;transform:translateY(-2px)}.connection-quote{background:linear-gradient(135deg,#e0f2f7,#d4e8f0);border-radius:16px;padding:30px;text-align:center;font-size:18px;font-weight:600;color:var(--button-green);box-shadow:var(--shadow);border-left:5px solid var(--button-green)}@media(max-width:768px){.prompt-card{flex-direction:column;text-align:center}.tips-grid,.default-affirmations{grid-template-columns:1fr}.add-affirmation{flex-direction:column}}.community-page{width:100%;max-width:1200px}.community-page .page-header h1{display:flex;align-items:center;gap:12px}.affirmation-banner{background:linear-gradient(135deg,#ffe5f0,#fff0f5);border-radius:16px;padding:32px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow);border-left:5px solid #E89B9B;margin-bottom:32px}.affirmation-icon{color:#e89b9b;flex-shrink:0}.affirmation-text{font-size:22px;font-weight:600;color:var(--text-dark);line-height:1.5}.community-tabs{display:flex;gap:16px;margin-bottom:32px}.tab-btn{flex:1;padding:16px 24px;background:#fff;border:2px solid var(--accent-green);border-radius:12px;font-size:16px;font-weight:600;color:var(--text-dark);transition:all .3s ease}.tab-btn:hover{background:var(--bg-soft)}.tab-btn.active{background:var(--button-green);color:#fff;border-color:var(--button-green)}.forum-section,.stories-section{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:24px;color:var(--text-dark)}.create-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.create-btn:hover{background:#6fa88a;transform:translateY(-2px)}.forum-description,.section-description{color:var(--text-light);font-size:14px;margin-bottom:24px}.create-form{background:var(--bg-soft);border-radius:12px;padding:24px;margin-bottom:24px;border:2px solid var(--accent-green)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--accent-green);border-radius:10px;font-size:14px;margin-bottom:12px;font-family:Lato,sans-serif}.form-actions{display:flex;gap:12px}.submit-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.submit-btn:hover{background:#6fa88a}.cancel-btn{padding:12px 24px;background:#e0e0e0;color:var(--text-dark);font-weight:600;border-radius:10px;transition:all .3s ease}.cancel-btn:hover{background:#d0d0d0}.posts-list{display:flex;flex-direction:column;gap:16px}.no-posts,.no-stories{text-align:center;padding:40px;color:var(--text-light)}.post-card{background:linear-gradient(135deg,#f0f8f5,#fff);border-radius:12px;padding:24px;box-shadow:var(--shadow);border-left:4px solid var(--button-green);transition:all .3s ease}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.post-category{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.post-category.question{background:#e0f2f7;color:#3a8ba8}.post-category.story{background:#ffe8d4;color:#b8860b}.post-category.support{background:#ffe5e5;color:#c44444}.post-category.celebration{background:#e5f5e5;color:#2d7a2d}.post-category.resource{background:#f0e8ff;color:#8a3aa8}.post-date{font-size:12px;color:var(--text-light)}.post-card h3{font-size:20px;color:var(--text-dark);margin-bottom:12px}.post-content{font-size:14px;color:var(--text-light);line-height:1.7;margin-bottom:16px}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(168,213,186,.2)}.post-author{font-size:13px;color:var(--text-light);font-weight:600}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.story-card{background:linear-gradient(135deg,#fff0f5,#fff);border-radius:12px;padding:24px;box-shadow:var(--shadow);border-left:4px solid #E89B9B;transition:all .3s ease}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.story-card h3{font-size:18px;color:var(--text-dark);margin-bottom:12px}.story-content{font-size:14px;color:var(--text-light);line-height:1.7;margin-bottom:16px}.story-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(232,155,155,.2);font-size:12px;color:var(--text-light)}.story-author{font-weight:600}.story-date{font-size:11px}@media(max-width:768px){.community-tabs{flex-direction:column}.affirmation-banner{flex-direction:column;text-align:center}.affirmation-text{font-size:18px}.section-header{flex-direction:column;align-items:stretch;gap:12px}.create-btn{width:100%}.stories-grid{grid-template-columns:1fr}}.appointments-page{width:100%;max-width:1200px}.appointments-actions{margin-bottom:24px}.add-appointment-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--button-green);color:#fff;font-weight:600;border-radius:10px;transition:all .3s ease}.add-appointment-btn:hover{background:#6fa88a;transform:translateY(-2px)}.appointment-form{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow)}.appointment-form h2{font-size:22px;color:var(--text-dark);margin-bottom:20px}.form-input{width:100%;padding:12px 16px;border:2px solid var(--accent-green);border-radius:10px;font-size:14px;margin-bottom:16px;font-family:Lato,sans-serif}.form-input:focus{outline:none;border-color:var(--button-green);box-shadow:0 0 0 3px #8bc6a81a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.save-appointment-btn{width:100%;padding:14px;background:var(--button-green);color:#fff;font-weight:600;font-size:16px;border-radius:10px;transition:all .3s ease}.save-appointment-btn:hover{background:#6fa88a;transform:translateY(-2px)}.appointments-list{display:flex;flex-direction:column;gap:16px}.no-appointments{background:#fff;border-radius:16px;padding:60px;text-align:center;box-shadow:var(--shadow);color:var(--text-light)}.no-appointments svg{color:var(--accent-green);margin-bottom:16px}.appointment-card{background:#fff;border-radius:14px;padding:24px;box-shadow:var(--shadow);border-left:4px solid var(--button-green);transition:all .3s ease}.appointment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.appointment-date{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:14px}.appointment-date svg{color:var(--button-green)}.appointment-date .time{background:var(--bg-soft);padding:4px 10px;border-radius:8px;font-weight:600}.delete-appointment-btn{background:none;border:none;color:#c44444;padding:4px;cursor:pointer;transition:all .3s ease}.delete-appointment-btn:hover{color:#a03030;transform:scale(1.1)}.appointment-card h3{font-size:20px;color:var(--text-dark);margin-bottom:8px}.child-name,.therapist{font-size:14px;color:var(--text-light);margin:4px 0}.appointment-type{display:inline-block;padding:6px 14px;background:var(--accent-green);color:var(--text-dark);border-radius:12px;font-size:12px;font-weight:600;margin:12px 0}.appointment-notes,.appointment-goals,.appointment-progress{margin-top:16px;padding-top:16px;border-top:1px solid rgba(168,213,186,.2)}.appointment-notes strong,.appointment-goals strong,.appointment-progress strong{display:block;font-size:13px;color:var(--text-dark);margin-bottom:6px}.appointment-notes p,.appointment-goals p,.appointment-progress p{font-size:14px;color:var(--text-light);line-height:1.6}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.learn-grow-page{width:100%;max-width:1200px}.three-s-framework{margin-bottom:48px}.three-s-framework h2{font-size:28px;color:var(--text-dark);margin-bottom:12px}.framework-intro{font-size:16px;color:var(--text-light);line-height:1.6;margin-bottom:32px}.framework-cards{display:flex;flex-direction:column;gap:16px}.framework-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow);cursor:pointer;transition:all .3s ease;border-left:5px solid var(--button-green)}.framework-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.framework-card.expanded{background:linear-gradient(135deg,#f0f8f5,#fff)}.framework-header{display:flex;align-items:center;gap:20px}.framework-icon{color:var(--button-green);flex-shrink:0}.framework-header h3{font-size:24px;color:var(--text-dark);margin-bottom:4px}.framework-subtitle{font-size:14px;color:var(--text-light);font-style:italic}.framework-content{margin-top:24px;padding-top:24px;border-top:2px solid rgba(168,213,186,.2)}.framework-description{font-size:16px;color:var(--text-dark);line-height:1.7;margin-bottom:20px}.framework-examples{margin-bottom:20px}.framework-examples h4,.framework-realworld h4{font-size:15px;color:var(--button-green);margin-bottom:12px}.framework-examples ul{list-style:none;padding:0}.framework-examples li{font-size:14px;color:var(--text-light);padding:8px 0 8px 20px;position:relative;line-height:1.6}.framework-examples li:before{content:"•";position:absolute;left:0;color:var(--button-green);font-weight:700;font-size:18px}.framework-realworld{background:#a8d5ba1a;padding:16px;border-radius:10px;border-left:4px solid var(--accent-green)}.framework-realworld p{font-size:14px;color:var(--text-dark);line-height:1.7}.asd-behaviors{margin-bottom:48px}.asd-behaviors h2{font-size:28px;color:var(--text-dark);margin-bottom:12px}.section-intro{font-size:16px;color:var(--text-light);margin-bottom:24px}.behaviors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.behavior-card{background:#fff;border-radius:14px;padding:24px;box-shadow:var(--shadow);text-align:center;transition:all .3s ease}.behavior-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.behavior-icon{font-size:40px;display:block;margin-bottom:16px}.behavior-card h3{font-size:18px;color:var(--text-dark);margin-bottom:12px}.behavior-card p{font-size:14px;color:var(--text-light);line-height:1.6}.caregiver-awareness{margin-bottom:32px}.caregiver-awareness h2{font-size:28px;color:var(--text-dark);margin-bottom:12px}.stress-cycle{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.cycle-stage{padding:24px;border-radius:14px;box-shadow:var(--shadow);text-align:center;position:relative}.stage-number{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-dark);font-size:16px}.cycle-stage h3{font-size:18px;color:var(--text-dark);margin-bottom:8px}.cycle-stage p{font-size:14px;color:var(--text-dark);line-height:1.5}.cycle-insight{background:linear-gradient(135deg,#e0f2f7,#d4e8f0);border-radius:12px;padding:20px;border-left:4px solid var(--button-green)}.cycle-insight p{font-size:15px;color:var(--text-dark);line-height:1.7}.learn-affirmation{background:linear-gradient(135deg,#f0f8f5,#e8f4f0);border-radius:16px;padding:32px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow);border-left:5px solid var(--button-green)}.learn-affirmation svg{color:var(--button-green);flex-shrink:0}.learn-affirmation p{font-size:18px;font-weight:600;color:var(--text-dark);line-height:1.7}@media(max-width:768px){.framework-header{flex-direction:column;text-align:center}.behaviors-grid,.stress-cycle{grid-template-columns:1fr}.learn-affirmation{flex-direction:column;text-align:center}}.tools-regulation-page{width:100%;max-width:1200px}.tools-regulation-page .page-header h1{display:flex;align-items:center;gap:12px}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.empty-state-content{text-align:center;max-width:400px}.empty-icon{color:var(--text-light);margin-bottom:24px}.empty-state-content p{color:var(--text-light);font-size:16px;margin-bottom:32px;line-height:1.6}.primary-btn{display:inline-flex;align-items:center;gap:8px;background:var(--button-green);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.primary-btn:hover{background:#66bb6a;transform:translateY(-2px);box-shadow:0 4px 12px #81c7844d}.page-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.profile-selector{display:flex;align-items:center;gap:12px;flex:1}.profile-selector label{font-weight:600;color:var(--text-dark)}.selector-input{padding:10px 16px;border:2px solid #E0E0E0;border-radius:8px;font-size:15px;background:#fff;cursor:pointer;transition:all .2s ease}.selector-input:focus{outline:none;border-color:var(--button-green)}.points-display{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ffd54f,#ffecb3);border-radius:20px;color:#f57f17;font-weight:700}.points-count{font-size:18px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px}.tool-card{background:#fff;border-radius:12px;padding:24px;border-left:4px solid;box-shadow:var(--shadow);transition:all .2s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.tool-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tool-header h3{font-size:18px;font-weight:700;color:var(--text-dark);margin:0}.tool-description{font-size:14px;line-height:1.6;color:var(--text-light);margin-bottom:16px}.tool-btn{width:100%;padding:12px;border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.tool-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.tool-workspace{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--bg-soft)}.workspace-title{display:flex;align-items:center;gap:12px}.workspace-title h2{font-size:24px;font-weight:700;color:var(--text-dark);margin:0}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-light);padding:4px;display:flex;transition:all .2s ease}.close-btn:hover{color:var(--text-dark);transform:scale(1.1)}.workspace-content{display:flex;flex-direction:column;gap:24px}.timer-section{text-align:center;padding:32px;background:linear-gradient(135deg,#f5f5f5,#fafafa);border-radius:12px}.timer-display{margin-bottom:24px}.timer-time{font-size:72px;font-weight:700;color:var(--text-dark);font-variant-numeric:tabular-nums}.timer-total{font-size:24px;color:var(--text-light);margin-left:8px}.timer-progress{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:24px}.timer-bar{height:100%;transition:width .3s ease;border-radius:6px}.timer-controls{display:flex;gap:12px;justify-content:center}.control-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;background:var(--button-green);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:#66bb6a;transform:translateY(-1px);box-shadow:0 4px 12px #81c7844d}.calming-methods{margin-top:32px;padding-top:24px;border-top:2px solid #E0E0E0}.calming-methods h4{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:16px}.method-chips{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.method-chip{padding:10px 20px;border:2px solid #E0E0E0;border-radius:20px;background:#fff;color:var(--text-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.method-chip:hover{border-color:var(--button-green);background:#f1f8e9}.method-chip.active{border-color:var(--button-green);background:var(--button-green);color:#fff}.choices-section h4,.visuals-section h4,.feedback-section h4,.rewards-section h4{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:16px}.choice-input{width:100%;padding:14px 16px;border:2px solid #E0E0E0;border-radius:8px;font-size:16px;margin-bottom:12px;font-family:inherit;transition:all .2s ease}.choice-input:focus{outline:none;border-color:#64b5f6;box-shadow:0 0 0 3px #64b5f61a}.show-choices-btn{width:100%;padding:14px;background:#64b5f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:12px}.show-choices-btn:hover{background:#42a5f5;transform:translateY(-1px);box-shadow:0 4px 12px #64b5f64d}.choices-display{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:200;padding:40px}.choice-card{display:flex;align-items:center;gap:24px;padding:32px 48px;background:#fff;border-radius:16px;box-shadow:0 12px 48px #0000004d;min-width:400px}.choice-letter{font-size:48px;font-weight:700;color:#64b5f6;width:80px;text-align:center}.choice-text{font-size:32px;font-weight:600;color:var(--text-dark)}.close-display-btn{padding:16px 32px;background:#fff;color:var(--text-dark);border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.close-display-btn:hover{transform:scale(1.05)}.add-step{display:flex;gap:12px;margin-bottom:20px}.step-input{flex:1;padding:12px 16px;border:2px solid #E0E0E0;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease}.step-input:focus{outline:none;border-color:#ffb74d;box-shadow:0 0 0 3px #ffb74d1a}.add-step-btn{padding:12px 16px;background:#ffb74d;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.add-step-btn:hover{background:#ffa726}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #E0E0E0;border-radius:8px;transition:all .2s ease}.step-item.completed{background:#f1f8e9;border-color:var(--button-green)}.step-item.completed .step-text{text-decoration:line-through;color:var(--text-light)}.step-checkbox{width:28px;height:28px;border:2px solid #E0E0E0;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.step-item.completed .step-checkbox{background:var(--button-green);border-color:var(--button-green);color:#fff}.step-text{flex:1;font-size:15px;color:var(--text-dark)}.delete-step-btn{padding:6px;background:none;border:none;color:var(--text-light);cursor:pointer;border-radius:4px;transition:all .2s ease}.delete-step-btn:hover{background:#ffebee;color:#c62828}.feedback-textarea{width:100%;padding:14px 16px;border:2px solid #E0E0E0;border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;transition:all .2s ease}.feedback-textarea:focus{outline:none;border-color:#ba68c8;box-shadow:0 0 0 3px #ba68c81a}.add-reflection-btn{width:100%;padding:14px;background:#ba68c8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:12px}.add-reflection-btn:hover{background:#ab47bc;transform:translateY(-1px);box-shadow:0 4px 12px #ba68c84d}.rewards-section{text-align:center}.points-tracker{padding:32px;background:linear-gradient(135deg,#fff9c4,#ffecb3);border-radius:12px;margin-bottom:24px}.points-tracker h3{font-size:48px;font-weight:700;color:#f57f17;margin:16px 0}.points-tracker p{font-size:16px;color:#e65100;margin:0}.add-point-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#ffd54f;color:#f57f17;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:32px}.add-point-btn:hover{background:#ffca28;transform:translateY(-2px);box-shadow:0 6px 16px #ffd54f66}.redeem-section{text-align:left;padding:24px;background:#fff;border-radius:12px;border:2px solid #E0E0E0}.redeem-section h4{margin-top:0}.redeem-list{list-style:none;padding:0;margin:0}.redeem-list li{padding:12px 16px;background:#fffde7;border-left:3px solid #FFD54F;border-radius:6px;margin-bottom:8px;font-size:15px;color:var(--text-dark)}.workspace-actions{display:flex;justify-content:center;padding-top:24px;border-top:2px solid var(--bg-soft)}.secondary-btn{padding:12px 32px;background:var(--button-green);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:#66bb6a;transform:translateY(-1px);box-shadow:0 4px 12px #81c7844d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.reflection-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:2px solid var(--bg-soft)}.modal-header h3{font-size:20px;font-weight:700;color:var(--text-dark);margin:0}.modal-content{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:2px solid #E0E0E0;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--button-green);box-shadow:0 0 0 3px #81c7841a}.chip-group{display:flex;gap:8px}.chip{padding:8px 16px;border:2px solid #E0E0E0;border-radius:20px;background:#fff;color:var(--text-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.chip:hover{border-color:var(--button-green);background:#f1f8e9}.chip.active{border-color:var(--button-green);background:var(--button-green);color:#fff}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:2px solid var(--bg-soft)}.cancel-btn{padding:12px 24px;border:2px solid #E0E0E0;border-radius:8px;background:#fff;color:var(--text-dark);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{border-color:var(--text-light);background:var(--bg-soft)}.save-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;border:none;border-radius:8px;background:var(--button-green);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:#66bb6a;transform:translateY(-1px);box-shadow:0 4px 12px #81c7844d}@media(max-width:768px){.page-controls,.profile-selector{flex-direction:column;align-items:stretch}.points-display{justify-content:center}.tools-grid{grid-template-columns:1fr}.timer-time{font-size:56px}.choice-card{min-width:auto;width:90%;padding:24px}.choice-letter{font-size:36px;width:60px}.choice-text{font-size:24px}.chip-group{flex-direction:column}.chip{text-align:center}.modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;justify-content:center}}.app{width:100%;min-height:100vh;background:linear-gradient(135deg,var(--bg-soft) 0%,var(--sky-blue) 100%)}.main-content{margin-left:280px;padding:40px;min-height:100vh}.app-loading{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-soft) 0%,var(--sky-blue) 100%);gap:20px}.spinner{width:50px;height:50px;border:4px solid var(--accent-green);border-top-color:var(--button-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading p{font-family:Poppins,sans-serif;font-size:18px;color:var(--text-dark)}@media(max-width:768px){.main-content{margin-left:0;padding:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,sans-serif;background:linear-gradient(135deg,#f5f3ee,#e8f4f0);color:#3a4a3a;line-height:1.6}html,body,#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600}button{font-family:Poppins,sans-serif;border:none;cursor:pointer;transition:all .3s ease}input,textarea,select{font-family:Lato,sans-serif}:root{--bg-soft: #F5F3EE;--accent-green: #A8D5BA;--button-green: #8BC6A8;--text-dark: #3A4A3A;--text-light: #6B7B6B;--sky-blue: #E0F2F7;--wood-warm: #D4C5B5;--calm-green: #9FD7B5;--alert-yellow: #F4D991;--overwhelm-red: #E89B9B;--white: #FFFFFF;--shadow: 0 4px 12px rgba(58, 74, 58, .08);--shadow-lg: 0 8px 24px rgba(58, 74, 58, .12)}