*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);min-height:100vh;overflow-x:hidden}#app{padding:16px;max-width:480px;margin:0 auto}.header{margin-bottom:20px}.header h1{font-size:22px;font-weight:700}.habit-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.empty-message{text-align:center;color:var(--tg-theme-hint-color, #999999);padding:40px 0;font-size:15px}.habit-card{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;cursor:pointer;transition:opacity .15s}.habit-card:active{opacity:.7}.habit-info{display:flex;align-items:center;gap:10px;flex-shrink:1;min-width:0}.habit-icon{font-size:24px;flex-shrink:0}.habit-text{display:flex;flex-direction:column;min-width:0}.habit-title{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-subtitle{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.habit-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.habit-delete-btn{background:none;border:none;color:var(--tg-theme-hint-color, #999999);font-size:16px;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:color .15s}.habit-delete-btn:active{color:#ff3b30}.week-grid{display:flex;gap:4px;flex-shrink:0}.day-square{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--tg-theme-hint-color, #999999);border:1.5px solid var(--tg-theme-hint-color, #cccccc);background:transparent}.day-square--marked{background:#34c759;border-color:#34c759;color:#fff}.actions{display:flex;gap:10px;padding-bottom:20px}.btn{border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;flex:1;transition:opacity .15s}.btn:active{opacity:.7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--tg-theme-button-color, #007aff);color:var(--tg-theme-button-text-color, #ffffff)}.btn-secondary{background:var(--tg-theme-secondary-bg-color, #f0f0f0);color:var(--tg-theme-text-color, #000000)}.btn-danger{background:#ff3b30;color:#fff}.btn-small{padding:8px 14px;font-size:13px;flex:none}.input{width:100%;padding:12px 14px;border:1.5px solid var(--tg-theme-hint-color, #cccccc);border-radius:10px;font-size:15px;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);outline:none}.input:focus{border-color:var(--tg-theme-button-color, #007aff)}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.popup{background:var(--tg-theme-bg-color, #ffffff);border-radius:16px;padding:24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.popup h3{font-size:18px;font-weight:700;text-align:center}.popup-habit-name{text-align:center;font-size:18px}.popup-buttons{display:flex;gap:10px}.icon-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.icon-option{width:100%;aspect-ratio:1;border:1.5px solid var(--tg-theme-hint-color, #cccccc);border-radius:10px;background:transparent;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.icon-option--selected{border-color:var(--tg-theme-button-color, #007aff);background:var(--tg-theme-secondary-bg-color, #f0f0f0)}.periodicity-selector{display:flex;flex-direction:column;gap:8px}.periodicity-label{font-size:14px;color:var(--tg-theme-hint-color, #999999)}.periodicity-buttons{display:flex;gap:6px}.periodicity-btn{flex:1;aspect-ratio:1;border:1.5px solid var(--tg-theme-hint-color, #cccccc);border-radius:8px;background:transparent;font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000000);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.periodicity-btn--selected{border-color:var(--tg-theme-button-color, #007aff);background:var(--tg-theme-button-color, #007aff);color:var(--tg-theme-button-text-color, #ffffff)}.invite-code{text-align:center;font-size:28px;font-weight:700;letter-spacing:3px;padding:8px;color:var(--tg-theme-button-color, #007aff)}.invite-label{font-size:14px;color:var(--tg-theme-hint-color, #999999)}.partner-name{text-align:center;font-size:20px;font-weight:600;padding:12px 0}hr{border:none;border-top:1px solid var(--tg-theme-hint-color, #eeeeee)}.error{text-align:center;color:#ff3b30;padding:40px 0}