:root{--bg: var(--tg-theme-bg-color, #ffffff);--section-bg: var(--tg-theme-secondary-bg-color, #f1f1f4);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #707579);--accent: var(--tg-theme-button-color, #2481cc);--accent-text: var(--tg-theme-button-text-color, #ffffff);--danger: #d64545}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.screen{padding:16px;max-width:640px;margin:0 auto}.screen h1{font-size:22px;margin:0 0 4px}.subtitle{color:var(--hint);margin:0 0 16px;font-size:14px}.error{color:var(--danger);font-size:14px;margin:8px 0 0}.sent{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--section-bg);font-size:14px}.head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.head-row h1{margin:0}.ghost{flex:0 0 auto;padding:7px 14px;border:1px solid var(--hint);border-radius:999px;background:transparent;color:var(--text);font-size:14px;cursor:pointer}.back{background:none;border:none;color:var(--accent);padding:0 0 12px;font-size:15px;cursor:pointer}.list{list-style:none;margin:0;padding:0}.row{width:100%;text-align:left;padding:14px 12px;margin-bottom:8px;border:none;border-radius:12px;background:var(--section-bg);color:var(--text);font-size:16px;cursor:pointer}.emoji-bar{display:flex;gap:8px;margin:12px 0 20px;flex-wrap:wrap}.emoji{font-size:24px;line-height:1;padding:8px 10px;border:none;border-radius:12px;background:var(--section-bg);cursor:pointer}.emoji:disabled{opacity:.5}.tabs{display:flex;gap:6px;margin-bottom:16px}.tab{flex:1;padding:9px 4px;border:none;border-radius:10px;background:var(--section-bg);color:var(--text);font-size:15px;cursor:pointer}.tab-active{background:var(--accent);color:var(--accent-text)}.form{display:flex;flex-direction:column;gap:14px}.form label,.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--hint)}.form select,.form textarea,.form input[type=file]{font:inherit;color:var(--text);background:var(--section-bg);border:none;border-radius:10px;padding:11px 12px;width:100%}.form textarea{resize:vertical}.choices{display:flex;gap:8px}.choices-column{flex-direction:column}.choices-column .choice{width:100%;text-align:left;padding:12px;font-size:15px}.form input[type=text],.form input[type=date],.form input[type=tel]{font:inherit;color:var(--text);background:var(--section-bg);border:none;border-radius:10px;padding:11px 12px;width:100%}.secondary{padding:13px;border:none;border-radius:12px;background:var(--section-bg);color:var(--text);font-size:15px;width:100%;cursor:pointer}.danger{padding:13px;border:none;border-radius:12px;background:var(--danger);color:#fff;font-size:15px;width:100%;margin-bottom:8px;cursor:pointer}.danger-zone{margin-top:16px;padding:12px;border-radius:12px;background:var(--section-bg)}.profile{display:flex;flex-direction:column;gap:12px}.props{margin:0;display:flex;flex-direction:column;gap:10px}.props>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.props dt{color:var(--hint);font-size:14px}.props dd{margin:0;text-align:right}.props a{color:var(--accent);text-decoration:none}.form-inline{margin-top:12px;padding:12px;border-radius:12px;background:var(--section-bg)}.form-inline input{background:var(--bg)!important}.choice{flex:1;padding:11px 0;border:none;border-radius:10px;background:var(--section-bg);color:var(--text);font-size:17px;cursor:pointer}.choice-active{background:var(--accent);color:var(--accent-text)}.primary{padding:14px;border:none;border-radius:12px;background:var(--accent);color:var(--accent-text);font-size:16px;cursor:pointer}.primary:disabled{opacity:.6}.feed-head{margin-bottom:18px}.feed-head h1{margin:0 0 2px;font-size:24px;letter-spacing:-.02em}.feed-head .subtitle{margin:0}.feed{display:flex;flex-direction:column;gap:22px}.day{position:sticky;top:0;z-index:1;font-size:13px;font-weight:600;color:var(--hint);margin:0 0 10px;padding:6px 0;background:var(--bg)}.card{--card-accent: var(--hint);background:var(--section-bg);border-radius:16px;padding:14px;margin-bottom:10px}.card-grade{--card-accent: var(--accent)}.card-homework{--card-accent: #e8940c}.card-remark{--card-accent: #e0603f}.card-emoji{--card-accent: #c964a8}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--card-accent)}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--card-accent) 18%,transparent);font-size:14px;line-height:1}.card-time{font-size:12px;color:var(--hint);flex:0 0 auto}.card-title{margin:0;font-size:14px;color:var(--hint)}.grade-value{margin:2px 0 0;font-size:18px;font-weight:650;line-height:1.3}.card-text{margin:0;font-size:15px;line-height:1.45;white-space:pre-wrap}.card-title+.card-text,.grade-value+.card-text{margin-top:8px}.big-emoji{margin:0;font-size:40px;line-height:1.1;text-align:center}.photo{margin-top:12px;width:100%;min-height:160px;max-height:320px;object-fit:cover;background:var(--bg);border-radius:12px;display:block}.reactions{display:flex;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--hint) 20%,transparent)}.reaction{flex:0 0 auto;padding:5px 9px;border:none;border-radius:10px;background:transparent;font-size:18px;line-height:1.2;cursor:pointer;opacity:.45;transition:opacity .15s,background-color .15s,transform .1s}.reaction:active{transform:scale(.9)}.reaction-active{opacity:1;background:color-mix(in srgb,var(--card-accent) 20%,transparent)}.reactions-log{margin-top:28px}.log-title{font-size:13px;font-weight:600;color:var(--hint);margin:0 0 8px}.log-row{display:flex;align-items:baseline;gap:10px;padding:10px 12px;margin-bottom:6px;border-radius:12px;background:var(--section-bg);font-size:14px}.log-emoji{font-size:18px;line-height:1;flex:0 0 auto}.log-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-kind{color:var(--hint);margin-right:6px}.log-date{flex:0 0 auto;font-size:12px;color:var(--hint)}.empty{text-align:center;padding:40px 16px;color:var(--hint)}.empty p{margin:0 0 6px}.empty-icon{font-size:40px;line-height:1}