*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0}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);height:100vh;overflow:hidden;margin:0;padding:0;width:100%}.container{height:100vh;display:flex;flex-direction:column;width:100%;margin:0;padding:0}.header{padding:16px 16px 0;background-color:var(--tg-theme-secondary-bg-color, #f8f8f8);border-bottom:1px solid var(--tg-theme-hint-color, #e0e0e0);display:flex;align-items:center;justify-content:space-between}.header h1{font-size:18px;font-weight:600;color:var(--tg-theme-text-color, #000000);margin:0;line-height:1}.back-button{background:none;border:none;color:var(--tg-theme-button-color, #007aff);font-size:16px;cursor:pointer;padding:8px}.content{flex:1;overflow-y:auto;padding:0}.topic-item,.note-item{background-color:var(--tg-theme-secondary-bg-color, #f8f8f8);border-radius:0;padding:16px 0 16px 16px;margin-bottom:0;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--tg-theme-hint-color, #e0e0e0)}.topic-item:hover,.note-item:hover{background-color:var(--tg-theme-hint-color, #e0e0e0)}.topic-info,.note-info{flex:1}.topic-title,.note-content{font-size:16px;font-weight:500;color:var(--tg-theme-text-color, #000000);margin-bottom:4px}.topic-date,.note-date{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.delete-button{background:none;border:none;color:var(--tg-theme-destructive-text-color, #ff3b30);font-size:14px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.delete-button:hover{background-color:var(--tg-theme-hint-color, #e0e0e0)}.empty-state{text-align:center;padding:40px 20px;color:var(--tg-theme-hint-color, #999999)}.empty-state h3{font-size:18px;margin-bottom:8px}.empty-state p{font-size:14px}