.kt-notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.kt-note{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 14px;display:grid}.kt-note-time{background:var(--color-accent);min-width:58px;min-height:30px;color:var(--color-deep-ink);font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;place-items:center;padding:2px 10px;font-size:13px;font-weight:850;display:inline-grid}.kt-note-time:hover{filter:brightness(1.08)}.kt-note-time.is-lesson{background:var(--surface-2);color:var(--fg-2);font-size:12px;font-weight:750}.kt-note-body{gap:2px;min-width:0;display:grid}.kt-note-body p{color:var(--fg);white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.8}.kt-note-body small{color:var(--fg-3);font-size:12px}.kt-note-actions{gap:4px;display:flex}.kt-note-actions button,.kt-note.is-removed button{min-height:30px;color:var(--fg-3);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:750}.kt-note-actions button:hover{border-color:var(--line);color:var(--fg)}.kt-note-actions .kt-note-icon{border-radius:50%;place-items:center;width:34px;height:34px;min-height:0;padding:0;display:grid}.kt-note-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.kt-note-actions .kt-note-icon:hover{background:var(--surface-2);border-color:#0000}.kt-note-actions .kt-note-icon.is-delete:hover{color:#d6223d}[data-tone=dark] .kt-note-actions .kt-note-icon.is-delete:hover{color:#ffb4a8}.kt-note.is-editing{grid-template-columns:90px minmax(0,1fr)}.kt-note.is-editing textarea,.kt-note-at{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--fg);font:inherit;border-radius:10px;padding:8px 12px;font-size:15px}.kt-note.is-editing textarea{resize:vertical}.kt-note-error{color:#d6223d;grid-column:1/-1;font-size:12px;font-weight:700}[data-tone=dark] .kt-note-error{color:#ffb4a8}.kt-note.is-editing .kt-note-actions{grid-column:1/-1}.kt-note.is-editing .kt-note-actions button:first-child{border-color:var(--fg);background:var(--fg);color:var(--bg)}.kt-note.is-removed{color:var(--fg-3);background:0 0;border-style:dashed;justify-content:space-between;align-items:center;font-size:14px;display:flex}.kt-note.is-removed button{color:var(--accent-txt);text-underline-offset:4px;text-decoration:underline}.ac-note-compose{z-index:4;backdrop-filter:blur(14px);color:#fff;background:#04191cc7;border:1px solid #ffffff29;border-radius:26px;gap:6px;max-width:680px;margin-inline:auto;padding:8px;animation:.2s ease-out ac-note-in;display:grid;position:absolute;inset-block-end:78px;inset-inline:14px;box-shadow:0 18px 50px #00000059}.ac-note-compose[hidden]{display:none}@keyframes ac-note-in{0%{opacity:0;translate:0 8px}}.ac-note-box{align-items:flex-end;gap:8px;display:flex}.ac-note-box[hidden]{display:none}.ac-note-at{color:#ffffffb8;cursor:text;background:#ffffff1a;border-radius:999px;flex:none;align-items:center;gap:5px;height:42px;padding-inline:10px 6px;display:inline-flex}.ac-note-at svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;flex:none;width:16px;height:16px}.ac-note-at input{color:#fff;width:62px;font:inherit;text-align:center;background:0 0;border:0;padding:0;font-size:14px;font-weight:800}.ac-note-at input::placeholder{color:#ffffff80;font-size:12px;font-weight:700}.ac-note-at input:focus{outline:none}.ac-note-at:focus-within{box-shadow:inset 0 0 0 1.5px var(--color-accent)}.ac-note-box textarea{color:#fff;min-width:0;min-height:42px;max-height:168px;font:inherit;resize:none;background:0 0;border:0;flex:1;padding:10px 4px;font-size:15px;line-height:1.5}.ac-note-box textarea::placeholder{color:#ffffff80}.ac-note-box textarea:focus{outline:none}.ac-note-send{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;padding:0;transition:background .15s,color .15s,transform .15s;display:grid}.ac-note-send svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.ac-note-box:has(textarea:not(:placeholder-shown)) .ac-note-send{background:var(--color-accent);color:var(--color-deep-ink)}.ac-note-send:hover{transform:translateY(-1px)}.ac-note-send:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ac-note-help{color:#ffffff8c;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;padding-inline:12px;font-size:12px;display:flex}.ac-note-help[hidden]{display:none}.ac-note-help [data-note-error]{color:#ffb4a8;font-weight:750}.ac-note-signin{margin:0;padding:8px 12px;font-size:14px;font-weight:700}.ac-note-signin[hidden]{display:none}.ac-note-signin a{color:var(--color-accent);text-underline-offset:4px;text-decoration:underline}.ac-notes-in{justify-items:start;gap:12px;margin-block-end:14px;display:grid}.ac-notes-in .ac-arrow-link{font:inherit;cursor:pointer;border:0;font-size:14px;font-weight:750}.ac-note-new svg{width:18px;height:18px}.ac-tab-count{background:var(--color-accent);min-width:20px;height:20px;color:var(--color-deep-ink);border-radius:999px;place-items:center;margin-inline-start:4px;padding-inline:5px;font-size:11px;font-weight:850;display:inline-grid}.ac-lesson-noted{color:var(--accent-txt);margin-inline-start:6px;font-size:12px;font-style:normal;display:inline-block}.ac-lesson-noted:before{content:"✎"}@media (width<=680px){.kt-note{grid-template-columns:auto minmax(0,1fr)}.kt-note-actions{grid-column:2}.ac-note-compose{border-radius:22px;padding:6px;inset-block-end:56px;inset-inline:8px}.ac-note-help span:last-child{display:none}}
