*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.landing-container{min-height:100vh;display:flex;flex-direction:column}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.landing-header.centered{flex-direction:column;gap:1rem;padding:2rem}.logo{font-size:1.5rem}.logo,.logo-centered{font-weight:700;color:#7c3aed}.logo-centered{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:2rem}.plum-icon-svg-large{width:64px;height:64px;color:#7c3aed}.landing-nav{display:flex;gap:1rem}.hero{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.hero h1{font-size:3rem;margin-bottom:1rem;color:#1f2937}.hero p{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;max-width:600px}.btn-primary{background-color:#7c3aed;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .2s}.btn-primary:hover{background-color:#6d28d9}.btn-secondary{background-color:#e5e7eb;color:#374151;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .2s}.btn-secondary:hover{background-color:#d1d5db}.btn-outline{background-color:transparent;color:#7c3aed;padding:.75rem 1.5rem;border:2px solid #7c3aed;border-radius:8px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s}.btn-outline:hover{background-color:#7c3aed;color:#fff}.btn-danger{background-color:#ef4444;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-danger:hover{background-color:#dc2626}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;max-width:400px}.auth-card h1{text-align:center;margin-bottom:1.5rem;color:#1f2937}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.form-group input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.auth-card .btn-primary{width:100%;margin-top:1rem}.auth-link{text-align:center;margin-top:1rem}.auth-link a{color:#7c3aed;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-message{background-color:#fef2f2;color:#dc2626;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.tracker-page{min-height:100vh;background-color:#f5f5f5}.plum-icon-svg{width:24px;height:24px;color:#7c3aed;margin-right:.5rem;vertical-align:middle}.nav-logo{display:flex;align-items:center}.plum-score-banner{background:linear-gradient(135deg,#581c87,#7c3aed 50%,#6d28d9);padding:1.5rem;margin-bottom:1rem}.plum-score-content{max-width:600px;margin:0 auto;text-align:center;color:#fff}.plum-score-icon{margin-bottom:.5rem}.plum-score-icon svg{width:48px;height:48px;color:hsla(0,0%,100%,.9)}.plum-score-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;opacity:.9;margin-bottom:.25rem}.plum-score-number{font-size:4rem;font-weight:700;line-height:1;margin-bottom:.25rem}.plum-score-possible{font-size:.875rem;opacity:.9;margin-bottom:1rem}.plum-score-bar-container{background:hsla(0,0%,100%,.3);height:8px;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.plum-score-bar{background:#fff;height:100%;border-radius:4px;transition:width .3s ease}.plum-score-tracking{font-size:.75rem;opacity:.8}.tracker-container-new{max-width:1100px;margin:0 auto;padding:1rem}.tracker-grid-wrapper{display:flex;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.habits-column{flex-shrink:0;width:100px;border-right:2px solid #e5e7eb;background:#fff;z-index:2}.habit-header-cell{height:36px;min-height:36px;max-height:36px;font-weight:600;color:#374151;background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.habit-header-cell,.habit-name-cell{display:flex;align-items:center;padding:0 .5rem;font-size:.7rem;box-sizing:border-box}.habit-name-cell{height:30px;min-height:30px;max-height:30px;font-weight:500;color:#1f2937;border-bottom:1px solid #e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-name-cell:last-child{border-bottom:none}.habit-name-cell.draggable{cursor:-webkit-grab;cursor:grab;transition:all .2s ease}.habit-name-cell.draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.habit-name-cell.dragging{opacity:.5}.habit-name-cell.drag-over{background-color:#f5f3ff;border-top:2px solid #7c3aed}.days-section{flex:1 1;overflow-x:auto;overflow-y:hidden}.days-header{display:flex;background-color:#f9fafb}.day-header-cell{flex-shrink:0;width:30px;height:36px;min-height:36px;max-height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.55rem;color:#6b7280;border-right:1px solid #f3f4f6;border-bottom:2px solid #e5e7eb;box-sizing:border-box}.day-header-cell.today{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.day-name{font-weight:500;font-size:.5rem}.day-num{font-weight:600;font-size:.55rem;font-size:.8rem;color:#374151}.day-header-cell.today .day-num{color:#1d4ed8}.habit-days-row{display:flex}.habit-days-row:last-child,.habit-days-row:last-child .day-cell{border-bottom:none}.day-cell{flex-shrink:0;width:30px;height:30px;min-height:30px;max-height:30px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem;cursor:pointer;transition:all .15s;border-right:1px solid #f3f4f6;border-bottom:1px solid #e5e7eb;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.day-cell.not-completed{background-color:#dc2626;color:#fff}.day-cell.not-completed:hover{background-color:#b91c1c}.day-cell.completed{background-color:#16a34a;color:#fff}.day-cell.completed:hover{background-color:#15803d}.day-cell.locked{cursor:not-allowed}.day-cell.locked:hover{background-color:#dc2626}.day-cell.locked.completed:hover{background-color:#16a34a}.day-cell.score-boundary,.day-header-cell.score-boundary{border-left:3px solid #374151}.total-column{flex-shrink:0;width:60px;border-left:2px solid #e5e7eb;background:#fff;z-index:2}.total-header-cell{height:36px;min-height:36px;max-height:36px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.6rem;color:#374151;background-color:#f9fafb;border-bottom:2px solid #e5e7eb;box-sizing:border-box}.total-header-cell.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s}.total-header-cell.sortable:hover{background-color:#f3f4f6}.total-cell{height:30px;min-height:30px;max-height:30px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem;color:#16a34a;border-bottom:1px solid #e5e7eb;box-sizing:border-box}.total-cell.zero{color:#9ca3af}.total-cell:last-child{border-bottom:none}.habit-name-cell.score-row{background:linear-gradient(135deg,#f5f3ff,#ede9fe);font-weight:600;color:#7c3aed;border-top:2px solid #7c3aed}.daily-score-row{display:flex;border-top:2px solid #7c3aed}.daily-score-cell{flex-shrink:0;width:30px;height:30px;min-height:30px;max-height:30px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.6rem;background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed;border-right:1px solid #e9d5ff;box-sizing:border-box}.daily-score-cell.score-boundary{border-left:3px solid #374151}.total-cell.score-row{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed;font-weight:700;border-top:2px solid #7c3aed}.scroll-hint{text-align:center;font-size:.875rem;color:#9ca3af;margin-top:1rem;padding:0 .5rem}.habits-container{max-width:800px;margin:0 auto;padding:2rem}.habits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.habits-header h1{font-size:2rem;color:#1f2937}.add-habit-form{display:flex;gap:1rem;margin-bottom:2rem}.add-habit-form input{flex:1 1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.add-habit-form input:focus{outline:none;border-color:#7c3aed}.habits-list{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.habit-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.habit-item:last-child{border-bottom:none}.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-state p{margin-bottom:1rem}.loading{justify-content:center;min-height:100vh;font-size:1.25rem;color:#6b7280}.loading,.main-nav{display:flex;align-items:center}.main-nav{justify-content:space-between;padding:1rem 2rem;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:2rem}.nav-logo{font-size:1.5rem;font-weight:700;color:#7c3aed;text-decoration:none}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{color:#374151;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.nav-link:hover{color:#7c3aed;background-color:#f5f3ff}.nav-link.active{color:#7c3aed;background-color:#eef2ff}.habits-page{min-height:100vh;background-color:#f5f5f5}.habits-list h2{padding:1rem 1.5rem;margin:0;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:1rem;color:#374151}.empty-habits{padding:2rem;text-align:center;color:#6b7280}.habit-edit-form{display:flex;gap:.5rem;align-items:center;flex:1 1}.habit-edit-form input{flex:1 1;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.landing-footer{padding:1rem 2rem;text-align:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center;gap:.5rem}.footer-link{color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-link:hover{color:#7c3aed}.footer-dot{color:#d1d5db}.version-link{color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .2s}.version-link:hover{color:#7c3aed}.version-page{min-height:100vh;background-color:#f5f5f5}.version-container{max-width:600px;margin:0 auto;padding:2rem}.version-container h1{font-size:2rem;color:#1f2937;margin-bottom:.5rem}.current-version-badge{display:inline-block;background-color:#7c3aed;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:2rem}.version-list{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.version-item{display:flex;align-items:flex-start;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;gap:1rem}.version-item:last-child{border-bottom:none}.version-number{font-weight:700;color:#7c3aed;min-width:50px}.version-details{display:flex;flex-direction:column;gap:.25rem}.version-description{color:#1f2937}.version-date{color:#9ca3af;font-size:.875rem}.version-back{margin-top:2rem;text-align:center}@media (max-width:768px){.tracker-header{flex-direction:column;gap:1rem}.grid-header,.habit-row{grid-template-columns:120px repeat(7,1fr)}.date-header{font-size:.75rem;padding:.5rem .25rem}.habit-name{font-size:.875rem;padding:.5rem}.completion-btn{width:28px;height:28px;font-size:1rem}}.admin-page{min-height:100vh;background-color:#f5f5f5}.admin-container{max-width:900px;margin:0 auto;padding:2rem}.admin-container h1{font-size:2rem;color:#1f2937;margin-bottom:2rem}.admin-badge{background-color:#dc2626;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:2rem}.admin-section h2{font-size:1.25rem;color:#1f2937;margin-bottom:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin-bottom:0}.create-user-form{display:flex;gap:1rem;flex-wrap:wrap}.create-user-form input{flex:1 1;min-width:150px;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.create-user-form input:focus{outline:none;border-color:#7c3aed}.user-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.user-list-header{background-color:#f9fafb;font-weight:600;font-size:.875rem;color:#374151}.user-list-header,.user-row{display:grid;grid-template-columns:1fr 100px 120px 100px;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.user-row{align-items:center}.user-row:last-child{border-bottom:none}.user-email{font-weight:500;color:#1f2937;word-break:break-all}.user-type{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:4px;text-align:center}.user-type.regular{background-color:#dbeafe;color:#1d4ed8}.user-type.test{background-color:#fef3c7;color:#b45309}.user-type.admin{background-color:#fce7f3;color:#be185d}.user-date{font-size:.875rem;color:#6b7280}.user-actions{text-align:right}.btn-small{padding:.25rem .5rem;font-size:.75rem}.empty-list{padding:2rem;text-align:center;color:#6b7280}.success-message{background-color:#ecfdf5;color:#059669;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.subsection-title{font-size:.875rem;font-weight:600;color:#6b7280;margin:1rem 0 .5rem}.code-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:1rem}.code-row{display:grid;grid-template-columns:120px 1fr 120px 80px;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;align-items:center;grid-gap:.5rem;gap:.5rem}.code-row:last-child{border-bottom:none}.code-row.used{background-color:#f9fafb;opacity:.7}.code-value{font-family:monospace;font-weight:600;color:#7c3aed;font-size:.875rem}.code-email{color:#6b7280;font-size:.875rem;overflow:hidden;text-overflow:ellipsis}.code-date{color:#9ca3af;font-size:.75rem}.selected-user-panel{border:2px solid #7c3aed;background-color:#faf5ff}.user-management-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.user-habits-list{margin-top:1rem}.user-habits-list h3{font-size:1rem;color:#374151;margin-bottom:.75rem}.user-habit-item{display:flex;flex-direction:column;padding:.75rem;background:#fff;border-radius:6px;margin-bottom:.5rem;border:1px solid #e5e7eb}.user-habit-item .habit-name{font-weight:500;color:#1f2937}.user-habit-item .habit-desc{font-size:.875rem;color:#6b7280;margin-top:.25rem}.user-row.selected{background-color:#f5f3ff;border-left:3px solid #7c3aed}.settings-page{min-height:100vh;background-color:#f5f5f5}.settings-container{max-width:600px;margin:0 auto;padding:2rem}.settings-container h1{font-size:1.75rem;color:#1f2937;margin-bottom:1.5rem}.settings-form{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.settings-section{margin-bottom:1.5rem}.settings-section h2{font-size:1rem;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.settings-section .form-group{margin-bottom:1rem}.settings-section label{display:block;font-weight:500;margin-bottom:.25rem;color:#374151}.settings-section .form-help{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.settings-section input[type=date],.settings-section input[type=email],.settings-section input[type=text]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.settings-section input.input-disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.settings-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.add-habit-form-expanded{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.add-habit-form-expanded .form-row{display:flex;gap:1rem;margin-bottom:1rem}.add-habit-form-expanded .habit-name-input{flex:1 1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.add-habit-form-expanded .habit-description-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;resize:vertical;font-family:inherit}.add-habit-form-expanded .char-count{text-align:right;font-size:.75rem;color:#9ca3af;margin-top:.25rem}.habit-item-expanded{background:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.habit-info{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.habit-item-name{font-weight:500;color:#1f2937}.habit-item-description{font-size:.875rem;color:#6b7280}.habit-item-actions{display:flex;gap:.5rem;flex-shrink:0}.habit-edit-form-expanded{width:100%}.habit-edit-form-expanded input{font-size:1rem;margin-bottom:.5rem}.habit-edit-form-expanded input,.habit-edit-form-expanded textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px}.habit-edit-form-expanded textarea{font-size:.875rem;resize:vertical;font-family:inherit}.habit-edit-form-expanded .char-count{text-align:right;font-size:.75rem;color:#9ca3af;margin-top:.25rem;margin-bottom:.5rem}.habit-edit-form-expanded .habit-edit-actions{display:flex;gap:.5rem}.drag-hint{font-size:.875rem;color:#9ca3af;margin-bottom:1rem}.habit-item-expanded.draggable{cursor:-webkit-grab;cursor:grab;transition:all .2s ease}.habit-item-expanded.draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.habit-item-expanded.dragging{opacity:.5;transform:scale(.98)}.habit-item-expanded.drag-over{border:2px dashed #7c3aed;background-color:#f5f3ff}.drag-handle{color:#9ca3af;font-size:1.25rem;letter-spacing:-.2em;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:.5rem;display:flex;align-items:center}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.profile-menu{position:relative}.profile-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;cursor:pointer;transition:all .2s}.profile-button:hover{border-color:#d1d5db;background:#f9fafb}.profile-avatar{width:32px;height:32px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.profile-name{font-size:.875rem;color:#374151;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{width:16px;height:16px;color:#9ca3af}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:220px;z-index:100;overflow:hidden}.profile-dropdown-header{padding:1rem;background:#f9fafb}.profile-dropdown-name{display:block;font-weight:600;color:#1f2937;margin-bottom:.25rem}.profile-dropdown-email{display:block;font-size:.8rem;color:#6b7280}.profile-dropdown-divider{height:1px;background:#e5e7eb}.profile-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#374151;text-decoration:none;font-size:.875rem;transition:background .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.profile-dropdown-item:hover{background:#f3f4f6}.profile-dropdown-item svg{width:18px;height:18px;color:#6b7280}.profile-dropdown-item.logout,.profile-dropdown-item.logout svg{color:#dc2626}.profile-dropdown-item.logout:hover{background:#fef2f2}@media (max-width:640px){.profile-name{display:none}.profile-button{padding:.375rem}.profile-chevron{display:none}}.history-page{min-height:100vh;background-color:#f5f5f5}.history-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.history-container h1{font-size:1.75rem;color:#1f2937;margin-bottom:1.5rem}.history-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.history-empty-icon{width:80px;height:80px;color:#d1d5db;margin-bottom:1.5rem}.history-empty p{color:#6b7280;margin-bottom:.5rem}.history-empty-sub{font-size:.9rem;margin-bottom:1.5rem!important}.history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.history-stat{background:#fff;padding:1.25rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:help;transition:transform .15s,box-shadow .15s}.history-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.history-stat-value{font-size:2rem;font-weight:700;color:#7c3aed;line-height:1;margin-bottom:.25rem}.history-stat-value.high{color:#16a34a}.history-stat-value.low{color:#dc2626}.history-stat-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.history-chart-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08);position:relative;overflow:hidden}.history-chart{width:100%;height:auto;cursor:crosshair}.history-tooltip{position:fixed;background:#1f2937;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;pointer-events:none;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.2)}.history-tooltip-date{font-size:.75rem;color:#9ca3af;margin-bottom:.25rem}.history-tooltip-score{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700}.history-tooltip-icon{width:20px;height:20px;color:#7c3aed}.history-note{text-align:center;color:#9ca3af;font-size:.8rem;margin-top:1rem}@media (max-width:640px){.history-stats{grid-template-columns:repeat(2,1fr)}.history-stat-value{font-size:1.5rem}.history-chart-container{padding:1rem .5rem}}.about-page{min-height:100vh;background-color:#f5f5f5}.about-hero{background:linear-gradient(135deg,#581c87,#7c3aed 50%,#6d28d9);padding:4rem 2rem;text-align:center;color:#fff}.about-hero-content{max-width:600px;margin:0 auto}.about-hero-icon{width:80px;height:80px;color:hsla(0,0%,100%,.9);margin-bottom:1.5rem}.about-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.about-tagline{font-size:1.25rem;opacity:.9}.about-container{max-width:900px;margin:0 auto;padding:0 1rem}.about-section{padding:3rem 0}.about-section h2{font-size:1.75rem;color:#1f2937;text-align:center;margin-bottom:2rem}.about-section-alt{background:#fff;margin:0 -1rem;padding:3rem 2rem;border-radius:0}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.about-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center}.about-card-icon{font-size:2rem;font-weight:700;color:#7c3aed;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;gap:.25rem}.mini-square{width:20px;height:20px;border-radius:4px}.mini-square.red{background-color:#dc2626}.mini-square.green{background-color:#16a34a}.about-card h3{font-size:1.1rem;color:#1f2937;margin-bottom:.5rem}.about-card p{font-size:.9rem;color:#6b7280;line-height:1.5}.about-score-demo{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:center}.demo-score{background:linear-gradient(135deg,#581c87,#7c3aed);padding:2rem;border-radius:16px;color:#fff;text-align:center;min-width:200px}.demo-score-number{font-size:4rem;font-weight:700;line-height:1}.demo-score-label{font-size:.875rem;opacity:.9;margin-bottom:1rem}.demo-score-bar{background:hsla(0,0%,100%,.3);height:8px;border-radius:4px;overflow:hidden}.demo-score-fill{background:#fff;height:100%;border-radius:4px}.about-score-explanation{flex:1 1;min-width:280px}.about-score-explanation p{color:#374151;line-height:1.6;margin-bottom:1rem}.about-score-explanation ul{list-style:none;padding:0;margin-bottom:1rem}.about-score-explanation li{color:#4b5563;padding:.5rem 0 .5rem 1.5rem;position:relative}.about-score-explanation li:before{content:"✓";position:absolute;left:0;color:#7c3aed;font-weight:600}.about-score-formula{background:#f3f4f6;padding:.75rem 1rem;border-radius:8px;font-family:monospace;font-size:.9rem;color:#7c3aed;text-align:center}.about-steps{max-width:600px;margin:0 auto}.about-step{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:flex-start}.step-number{width:48px;height:48px;background:#7c3aed;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.step-content h3{font-size:1.1rem;color:#1f2937;margin-bottom:.25rem}.step-content p{color:#6b7280;line-height:1.5}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.about-feature{padding:1rem}.about-feature h3{font-size:1rem;color:#1f2937;margin-bottom:.5rem}.about-feature p{font-size:.9rem;color:#6b7280;line-height:1.5}.about-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.about-tip{display:flex;gap:1rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.tip-icon{font-size:1.5rem;flex-shrink:0}.about-tip strong{color:#1f2937;display:block;margin-bottom:.25rem}.about-tip p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.about-cta{text-align:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);margin:2rem -1rem 0;padding:3rem 2rem;border-radius:16px 16px 0 0}.about-cta p{color:#4b5563;margin-bottom:1.5rem}.about-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.about-footer{text-align:center;padding:2rem;background:#1f2937;color:#fff;margin:0 -1rem}.about-footer p{margin-bottom:.5rem;opacity:.8}.about-footer-tagline{font-size:1.1rem;opacity:1}.about-footer-link{color:#a78bfa;text-decoration:none;font-size:.875rem}.about-footer-link:hover{text-decoration:underline}@media (max-width:640px){.about-hero h1{font-size:1.75rem}.about-tagline{font-size:1rem}.about-section h2{font-size:1.5rem}.demo-score-number{font-size:3rem}.about-step{flex-direction:column;align-items:center;text-align:center}}