*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #242038;--surface: #2e2a48;--border: #3d3860;--text: #F7ECE1;--text-muted: #CAC4CE;--accent: #725AC1;--accent-hover: #8D86C9;--danger: #e05555;--radius: 10px;--font: system-ui, -apple-system, sans-serif;--heat-0: #2e2a48;--heat-1: #4a3d80;--heat-2: #725AC1;--heat-3: #8D86C9;--heat-4: #CAC4CE}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100dvh}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:2rem}.login-container h1{font-size:2.5rem;letter-spacing:-.04em}.google-signin-wrap{width:100%;max-width:320px}.auth-divider{display:flex;align-items:center;gap:.75rem;width:100%;max-width:320px;color:var(--text-muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--border)}.auth-tabs{display:flex;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3px;width:100%;max-width:320px}.auth-tab{flex:1;background:transparent;color:var(--text-muted);border-radius:calc(var(--radius) - 2px);padding:.4rem .75rem;font-size:.875rem}.auth-tab.active{background:var(--accent);color:#fff}.auth-tab:not(.active):hover{color:var(--text)}.login-form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.app{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.header-actions{display:flex;gap:.5rem}.nav-tabs{display:flex;flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:2px}.nav-tab{flex:1;text-align:center;background:transparent;color:var(--text-muted);border-radius:calc(var(--radius) - 3px);padding:.35rem .9rem;font-size:.875rem;font-weight:500}.nav-tab.active{background:var(--accent);color:#fff}.nav-tab:not(.active):hover{color:var(--text)}@keyframes slideFromRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.view-slide-left{animation:slideFromRight .22s ease forwards}.view-slide-right{animation:slideFromLeft .22s ease forwards}button{cursor:pointer;font-family:var(--font);font-size:.9rem;border:none;border-radius:var(--radius);padding:.5rem 1rem;transition:opacity .1s}button:disabled{opacity:.5;cursor:not-allowed}.create-button{background:transparent;color:var(--text-muted);border:none;font-size:1.4rem;line-height:1;padding:.1rem .4rem;border-radius:var(--radius)}.create-button:hover:not(:disabled){color:var(--text);background:var(--border)}.logout-button{background:transparent;color:var(--text-muted);border:none;font-size:.75rem;opacity:.4;padding:.25rem .5rem}.logout-button:hover{opacity:.8}.app-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:center}.button-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.button-card{position:relative;background:#ede8f5;border:1px solid #d8d0ee;border-radius:var(--radius)}.button-card .tap-button{color:#242038}.button-card .tap-count,.button-card .today-count{color:#725ac1}.button-card .last-tapped,.button-card .card-menu-button{color:#8d86c9}.button-card .card-menu-button:hover{background:#d8d0ee;color:#242038}.favorite-button{position:absolute;top:.35rem;left:.4rem;background:transparent;border:none;font-size:.75rem;padding:.1rem .2rem;color:#ccc;cursor:pointer;line-height:1;border-radius:4px;z-index:1}.favorite-button.is-favorite,.favorite-button:hover{color:#e05a7a}.tap-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:1.5rem 1rem;background:transparent;border-radius:var(--radius);text-align:center;color:var(--text)}.tap-button:hover{background:#725ac114}.tap-button:active{background:#725ac133;transform:scale(.97)}.button-name{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.tap-counts{display:flex;gap:.6rem;align-items:baseline}.tap-count{font-size:.78rem;font-weight:500;color:var(--accent)}.today-count{font-size:.78rem;font-weight:500;color:var(--accent);opacity:.6}.last-tapped{font-size:.72rem;color:var(--text-muted)}.card-menu{position:absolute;top:.4rem;right:.4rem}.card-menu-button{width:1.75rem;height:1.75rem;padding:0;background:transparent;color:var(--text-muted);font-size:1rem;letter-spacing:.05em;border-radius:4px;display:flex;align-items:center;justify-content:center}.card-menu-button:hover{background:var(--border);color:var(--text)}.card-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:130px;box-shadow:0 4px 16px #0006;z-index:10;overflow:hidden}.card-dropdown button{display:block;width:100%;padding:.55rem .9rem;background:transparent;color:var(--text);font-size:.875rem;text-align:left;border-radius:0}.card-dropdown button:hover{background:var(--border)}.card-dropdown .dropdown-danger{color:var(--danger)}.dropdown-confirm{padding:.6rem .9rem;display:flex;flex-direction:column;gap:.5rem}.dropdown-confirm span{font-size:.8rem;color:var(--text-muted)}.dropdown-confirm-actions{display:flex;gap:.4rem}.dropdown-confirm-actions button{flex:1;padding:.35rem .5rem;font-size:.8rem;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text);width:auto}.dropdown-confirm-actions .dropdown-danger{border-color:var(--danger)}.empty-state{color:var(--text-muted);text-align:center;margin-top:4rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#24203899;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.modal h2{font-size:1.1rem;font-weight:600}.modal input{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}input[type=text],input[type=email],input[type=password]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:.95rem;padding:.6rem .8rem;width:100%;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent)}.type-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:.5rem}.type-toggle-btn{flex:1;background:transparent;color:var(--text-muted);border:none;border-radius:0;padding:.5rem .75rem;font-size:.9rem;cursor:pointer;transition:background .15s,color .15s}.type-toggle-btn.active{background:var(--accent);color:#fff}.type-toggle-btn:not(.active):hover{background:var(--border);color:var(--text)}.numeric-stats{font-size:.8rem;color:#8d86c9}.numeric-input-area{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;align-items:flex-start}.numeric-input-area .button-name{font-size:1.1rem;font-weight:600;color:#242038}.numeric-input-row{display:flex;gap:.4rem;align-items:stretch;width:100%}.numeric-value-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#725ac114;border:1px solid var(--accent);border-radius:var(--radius);box-sizing:border-box;box-shadow:none;color:#242038;font-size:1.1rem;font-weight:600;height:2.25rem;padding:0 .5rem;width:0;flex:1;outline:none;transition:none;font-family:var(--font)}.numeric-submit,.numeric-cancel{background:transparent;border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:#242038;font-size:1rem;width:2.25rem;height:2.25rem;padding:0;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.numeric-submit{border-color:var(--accent);color:var(--accent)}.numeric-submit:hover{background:var(--accent);color:#fff}.numeric-cancel:hover{background:#725ac11a}.form-error{color:var(--danger);font-size:.85rem}.error-banner{background:#d930251a;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.error-banner button{background:transparent;color:var(--danger);padding:0;font-size:1.1rem}.history-modal{max-width:480px;max-height:80dvh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-close{background:transparent;color:var(--text-muted);font-size:1.4rem;padding:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{color:var(--text);background:var(--border)}.history-add-row{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.add-entry-button{background:transparent;color:var(--accent);padding:.3rem 0;font-size:.875rem}.add-entry-button:hover{color:var(--accent-hover)}.history-list{overflow-y:auto;flex:1;margin-top:.25rem}.history-empty{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.9rem}.history-tap-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.history-tap-row:last-child{border-bottom:none}.history-date{color:var(--text)}.history-value{font-weight:600;color:var(--accent);min-width:3rem}.history-editable{cursor:pointer}.history-editable:hover{text-decoration:underline;text-decoration-style:dashed}.history-tap-row .history-value-input,.history-add-row .history-value-input{width:5rem;flex-shrink:0;font-size:.9rem;padding:.25rem .4rem}.history-actions{display:flex;gap:.25rem;flex-shrink:0}.history-action-btn{background:transparent;color:var(--text-muted);padding:.2rem .4rem;font-size:1rem;border-radius:4px}.history-action-btn:hover{background:var(--border);color:var(--text)}.history-action-btn.danger:hover{color:var(--danger)}.history-edit-block{display:flex;flex-direction:column;gap:.4rem;flex:1}.history-edit-inputs{display:flex;gap:.4rem;align-items:center}.history-edit-actions{display:flex;gap:.4rem;justify-content:flex-end}.history-tap-row input[type=datetime-local]{flex:1;font-size:.85rem;padding:.3rem .5rem}.stats-top-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.stats-filter-toggle{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:.3rem .5rem;display:flex;align-items:center}.stats-filter-toggle:hover{color:var(--text);border-color:var(--text-muted)}.stats-filter-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.stats-legend-row{margin-bottom:1rem}.stats-presets{display:flex;gap:.4rem}.stats-preset{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.78rem;padding:.25rem .65rem;border-radius:999px}.stats-preset.active{background:var(--accent);border-color:var(--accent);color:#fff}.stats-preset:hover:not(.active){border-color:var(--text-muted);color:var(--text)}.stats-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--heatmap-min-w, 200px),1fr));gap:2.5rem;padding-top:.5rem}.heatmap-block{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem}.heatmap-label-vert{writing-mode:vertical-lr;transform:rotate(180deg);font-size:.875rem;font-weight:600;color:var(--text);flex-shrink:0;align-self:center;letter-spacing:-.01em}.heatmap-header{display:flex;align-items:baseline;justify-content:space-between}.heatmap-title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.heatmap-total{font-size:.8rem;color:var(--text-muted)}.heatmap-scroll{flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.heatmap-scroll svg{display:block;margin:0 auto}.heatmap-month{font-size:10px;fill:var(--text-muted);font-family:var(--font)}.heatmap-legend{display:flex;align-items:center;gap:4px}.heatmap-legend-label{font-size:.75rem;color:var(--text-muted)}.heatmap-legend svg{display:block}.chart-wrap{flex:1;min-width:0}.chart-svg{display:block;overflow:visible}.chart-line{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--accent)}.chart-grid{stroke:var(--border);stroke-width:1}.chart-avg{stroke:var(--accent);stroke-width:1;stroke-dasharray:4 3;opacity:.45}.chart-axis-label{fill:var(--text-muted);font-size:9px;font-family:var(--font)}.chart-empty{fill:var(--text-muted);font-size:13px;font-family:var(--font)}.admin-view{padding:1rem 0}.admin-heading{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.admin-table th{color:var(--text-muted);font-weight:600}