*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f2f3f5;color:#1a1a1a}button{font:inherit}.app{max-width:480px;margin:0 auto;min-height:100vh;background:#f2f3f5;padding-bottom:96px;position:relative;overflow:hidden}.setup-error{padding:24px;text-align:center;color:#444}.app-header{justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e5e5}.app-header,.app-title{display:flex;align-items:center}.app-title{gap:10px}.app-title span{font-size:28px}.app-title h1{font-size:22px;margin:0;font-weight:800}.header-actions{gap:12px}.header-actions,.icon-button{display:flex;align-items:center}.icon-button{background:none;border:none;font-size:22px;cursor:pointer;color:#555}.tab-bar{display:flex;background:#fff;border-bottom:1px solid #e5e5e5}.tab-button{flex:1 1;padding:14px 0;text-align:center;background:none;font-size:16px;font-weight:600;color:#777;cursor:pointer;border:none;border-bottom:3px solid transparent}.tab-button.active{color:#1b7a3e;border-bottom-color:#1b7a3e}.app-content{padding:0;display:flex;flex-direction:column;gap:0}.card{background:#fff;border-radius:0;padding:20px;border-bottom:1px solid #e5e5e5}.card h2{font-size:18px;margin:0 0 16px;font-weight:700}.stat-row{display:flex;justify-content:space-around;text-align:center}.stat-value{font-size:30px;font-weight:800;color:#1b7a3e}.stat-label{font-size:13px;color:#777;margin-top:4px}.section-header-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.section-header-row .section-header-hint{margin-left:auto}.section-header-row h2{margin:0 0 16px}.section-header-hint{font-size:12px;font-weight:400;color:#aaa}.stat-neutral{color:#1a1a1a}.stat-win{color:#1b9e4b}.stat-loss{color:#dc2626}.streak-banner{background:#fdecd3;border-bottom:1px solid #e5e5e5;border-radius:0;padding:24px;text-align:center}.streak-emoji{font-size:36px}.streak-text{font-size:22px;font-weight:800;color:#ea580c;margin-top:6px}.data-table{width:100%;border-collapse:collapse}.data-table thead th{font-size:11px;font-weight:700;color:#999;text-transform:uppercase;padding:8px 6px;border-bottom:2px solid #e5e5e5;text-align:center}.data-table thead th.col-name{text-align:left}.data-table thead th.col-action{width:32px}.data-table tbody td{padding:12px 6px;border-bottom:1px solid #eee;text-align:center;font-size:16px;font-weight:600;color:#555}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody td.col-name{text-align:left;font-weight:700;font-size:16px;color:#1a1a1a}.data-table tbody td.col-action{width:32px;padding:0}.row-leading td{background:#eaf7ee}.row-trailing td{background:#fef2f2}.row-tied td{background:#fefce8}.row-clickable{cursor:pointer}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 8px;border-radius:6px;font-weight:700;font-size:13px;color:#fff}.badge.win{background:#1b9e4b}.badge.loss{background:#dc2626}.empty{color:#999;font-style:italic;padding:8px 0}.empty-state{text-align:center;padding:32px 16px}.empty-icon{font-size:36px;display:block;margin-bottom:8px}.empty-state p{margin:0;color:#999;font-size:15px}.empty-hint{margin-top:4px!important;font-size:13px!important;color:#bbb!important}.streak-chart{padding:4px 0}.streak-chart-label{font-size:13px;font-weight:600;color:#777;margin-bottom:6px}.streak-chart-svg{width:100%;height:120px;display:block;background:#fafafa;border-radius:8px}.streak-chart-labels{display:flex;justify-content:space-between;font-size:11px;color:#aaa;margin-top:4px}.streak-chart-labels span:nth-child(2){color:#bbb}.badge.streak{height:24px;line-height:24px;padding:0 8px;background:transparent;color:#222;border:1px solid #ccc}.opponent-selector,.vs-view{background:#fff;padding:16px 20px}.opponent-selector{border-bottom:1px solid #e5e5e5}.opponent-dropdown{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #ddd;background:#f6f6f7;font-size:15px;font-weight:600;color:#1a1a1a;cursor:pointer}.opponent-h2h-card{border-bottom:1px solid #e5e5e5}.history-view,.opponent-h2h-card,.opponent-matches-card{background:#fff;padding:16px 20px}.history-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}.export-btn{display:flex;align-items:center;gap:6px;font-size:13px}.hidden-input{display:none}.history-date-sub{display:block;font-size:12px;font-weight:400;color:#aaa;margin-top:2px}.history-delete{background:none;border:none;cursor:pointer;padding:4px;line-height:1;color:#999;display:flex;align-items:center}.history-delete:hover{color:#dc2626}.pill-button{border:none;border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px;cursor:pointer;background:#eee;color:#333}.pill-button.edit{background:#dcf5e3;color:#1b7a3e}.pill-button.delete{background:#fbdada;color:#c62828}.pill-button.primary{background:#1b7a3e;color:#fff}.pill-button:disabled{opacity:.6;cursor:default}.fab{bottom:28px;right:max(20px,calc((100vw - 480px) / 2 + 20px));width:56px;height:56px;border-radius:50%;background:#1b7a3e;color:#fff;font-size:30px;border:none;box-shadow:0 4px 10px rgba(0,0,0,.25);cursor:pointer;line-height:1}.fab,.modal-overlay{position:fixed;display:flex;align-items:center;justify-content:center}.modal-overlay{inset:0;background:rgba(0,0,0,.45);z-index:50}.modal-sheet{background:#fff;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;border-radius:20px;padding:20px 20px 28px;margin:16px;scrollbar-width:none}.modal-sheet::-webkit-scrollbar{display:none}.modal-title{text-align:center;font-size:22px;font-weight:800;margin:4px 0 20px}.field-label{display:block;font-weight:700;font-size:14px;margin:16px 0 4px}.field-hint{font-size:12px;color:#999;margin:0 0 8px}.settings-section{padding-bottom:16px;border-bottom:1px solid #f0f0f0}.settings-section:last-of-type{border-bottom:none}.text-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #ddd;background:#f6f6f7;font-size:15px}.textarea{min-height:70px;resize:vertical}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented-full{display:flex;gap:0}.segmented-full .segmented-button{flex:1 1;border-radius:0;border-right:none}.segmented-full .segmented-button:first-child{border-radius:10px 0 0 10px}.segmented-full .segmented-button:last-child{border-radius:0 10px 10px 0;border-right:1px solid #ddd}.segmented-full .segmented-button.selected{border-right:1px solid #1b7a3e}.segmented-button{padding:10px 16px;border-radius:10px;border:1px solid #ddd;background:#f6f6f7;color:#555;font-size:15px;font-weight:700;cursor:pointer}.segmented-button.selected{border-color:#1b7a3e;background:#eaf7ee;color:#1b7a3e}.score-row{display:flex;align-items:center;gap:10px}.score-input{font-size:15px}.score-input,.score-select{flex:1 1;padding:12px 14px;border-radius:12px;border:1px solid #ddd;background:#f6f6f7}.score-select{font-size:18px;font-weight:700;text-align:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.score-dash{font-weight:700;color:#777}.court-toggle{display:flex;gap:10px}.court-button{flex:1 1;padding:14px 0;border-radius:12px;font-weight:800;font-size:16px;color:#fff;border:3px solid transparent;cursor:pointer}.court-button.clay{background:#c0492b}.court-button.hard{background:#2563eb}.court-button.selected{border-color:#1b7a3e}.opponent-row{display:flex;align-items:center;gap:10px}.opponent-select{flex:1 1}.add-opponent-button{width:44px;height:44px;border-radius:50%;border:none;background:#1b7a3e;color:#fff;font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-sheet-small{max-width:360px}.confirm-sheet{background:#fff;max-width:320px;width:100%;border-radius:20px;padding:28px 24px 20px;text-align:center;margin:16px}.confirm-icon{margin-bottom:12px;color:#dc2626}.confirm-title{font-size:20px;font-weight:800;margin:0 0 8px}.confirm-message{font-size:15px;color:#666;margin:0 0 24px}.confirm-actions{display:flex;gap:12px}.confirm-btn{flex:1 1;padding:14px 0;border-radius:12px;font-size:15px;font-weight:700;border:none;cursor:pointer}.confirm-btn.cancel{background:#f2f3f5;color:#333}.confirm-btn.delete{background:#dc2626;color:#fff}.confirm-btn.warning{background:#f59e0b;color:#fff}.confirm-icon-warning{color:#f59e0b}.form-error{color:#c62828;font-weight:600;margin-top:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.habits-view{padding:0}.habit-icon-img{display:inline-block;vertical-align:middle}.icon-picker{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.icon-picker-item{width:40px;height:40px;border-radius:10px;border:2px solid #e5e5e5;background:#f6f6f7;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555}.icon-picker-item.selected{border-color:#1b7a3e;background:#eaf7ee;color:#1b7a3e}.habit-add-row{display:flex;gap:10px;margin-bottom:16px}.habit-add-row .text-input{flex:1 1}.habit-list{display:flex;flex-direction:column;gap:8px}.habit-list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8faf9;border-radius:12px;border:1px solid #e8ede9}.habit-item-icon{display:flex;align-items:center;color:#1b7a3e;flex-shrink:0}.habit-name{font-size:15px;font-weight:600;color:#1a1a1a;flex:1 1}.habit-actions{gap:4px}.habit-actions,.habit-move-btn{display:flex;align-items:center}.habit-move-btn{background:#eee;border:none;border-radius:6px;cursor:pointer;padding:6px;line-height:1;color:#333}.habit-move-btn:disabled{opacity:.25;cursor:default}.habit-move-btn:not(:disabled):active{background:#d4edda;color:#1b7a3e}.trend-grid{display:flex;flex-direction:column;gap:0}.trend-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px}.trend-row-even{background:#f8f9fa}.trend-label{font-size:13px;font-weight:600;color:#555;min-width:140px;flex-shrink:0;display:flex;align-items:center;gap:6px}.trend-dots{display:flex;gap:5px;flex:1 1}.trend-dot{width:14px;height:14px;border-radius:50%;cursor:pointer}.trend-dot.performed{background:#d4e8d9}.trend-dot.missed{background:none;position:relative}.trend-dot.missed:after,.trend-dot.missed:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:3px;background:#dc2626;border-radius:2px}.trend-dot.missed:before{transform:translate(-50%,-50%) rotate(45deg)}.trend-dot.missed:after{transform:translate(-50%,-50%) rotate(-45deg)}.habit-label-row{display:flex;align-items:baseline;justify-content:space-between}.habit-label-row .field-label{margin-bottom:0}.select-all-btn{background:none;border:none;font-size:13px;font-weight:600;color:#1b7a3e;cursor:pointer;padding:0}.habit-toggles{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:8px}.habit-toggle{padding:10px 16px;border-radius:20px;border:1px solid #ddd;background:#f6f6f7;font-size:14px;font-weight:600;color:#555;cursor:pointer;display:flex;align-items:center;gap:6px}.habit-toggle.active{border-color:#1b7a3e;background:#eaf7ee;color:#1b7a3e}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#f2f3f5}.login-card{background:#fff;border-radius:20px;padding:40px 28px;width:100%;max-width:380px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.08)}.login-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.login-icon{font-size:32px}.login-header h1{font-size:24px;font-weight:800;margin:0}.login-subtitle{color:#777;font-size:15px;margin:0 0 24px}.login-button{width:100%;padding:14px;border-radius:12px;border:1px solid #ddd;background:#fff;color:#333;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.login-button:hover{background:#f8f8f8}