:root{font-family:Instrument Sans,sans-serif;color:#111;background:#f5f5f5;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #ffffff;--line: #e8e8e8;--line-strong: #d7d7d7;--text-soft: #5f5f5f;--text-faint: #919191;--shadow: 0 18px 48px rgba(0, 0, 0, .06);--highlight: #fff59d}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg,#fafafa,#f1f1f1);color:#111}button,input,[contenteditable=true]{font:inherit}button{cursor:pointer}mark{background:var(--highlight);color:inherit;padding:0 .08em}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.page-frame{width:min(840px,100%);height:min(860px,calc(100vh - 48px));display:grid;grid-template-rows:auto 1fr auto;background:var(--paper);box-shadow:var(--shadow);border-radius:28px;overflow:hidden}.topbar{position:sticky;top:0;z-index:10;padding:18px 20px 12px;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-wrap{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line-strong)}.search-wrap input{width:100%;border:0;outline:none;background:transparent;color:#111;font-size:.84rem}.search-wrap input::placeholder{color:var(--text-faint)}.search-icon,.toolbar-icon,.collapse-icon,.note-action__icon{width:18px;height:18px;color:#111;flex:0 0 auto}.status-banner{margin:10px 0 0;color:var(--text-faint);font-size:.76rem}.status-banner--error{color:#5f5f5f}.notes-area{overflow-y:auto;display:grid;align-content:start;gap:2px;padding:0 20px 16px}.notes-card{background:transparent}.notes-card__header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 0 10px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.notes-card__header-main{display:flex;align-items:center;gap:12px;min-width:0}.notes-card__header h1{margin:0;font-family:IBM Plex Mono,monospace;font-size:.92rem;font-weight:400;color:#111}.emoji-strip{display:flex;flex-wrap:wrap;gap:6px}.emoji-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;color:#111;font-size:.84rem}.collapse-icon{color:var(--text-faint)}.notes-list{display:grid}.note-row{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:start;padding:10px 0;border-bottom:1px solid #f0f0f0}.note-row--inactive .note-time,.note-row--inactive .note-content{color:#9a9a9a}.note-time{font-family:IBM Plex Mono,monospace;font-size:.74rem;color:var(--text-faint)}.note-main{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.note-content{margin:0;font-family:IBM Plex Mono,monospace;font-size:.78rem;line-height:1.6;color:#111;word-break:break-word}.note-row--inactive .note-content{text-decoration:line-through}.note-content strong,.note-content b{font-weight:500}.note-action{width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:#9a9a9a}.note-action:hover{background:#f3f3f3;color:#111}.empty-state{display:grid;place-items:center;min-height:180px;color:var(--text-faint);font-size:.84rem}.composer{position:sticky;bottom:0;z-index:12;display:grid;gap:10px;padding:14px 20px 20px;background:#fffffff5;border-top:1px solid var(--line)}.composer-toolbar{display:flex;gap:6px}.composer-toolbar button,.submit-note{border:0;background:transparent;color:#111}.composer-toolbar button{width:32px;height:32px;border-radius:999px}.composer-toolbar button:hover,.submit-note:hover,.note-action:hover{background:#f3f3f3}.composer-toolbar button:disabled,.submit-note:disabled,.note-action:disabled{cursor:not-allowed;opacity:.45}.composer-input{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.editor{min-height:54px;max-height:140px;overflow-y:auto;padding:12px 0;border:0;border-bottom:1px solid var(--line-strong);outline:none;background:transparent;color:#111;font-size:.82rem;white-space:pre-wrap}.editor:empty:before{content:attr(data-placeholder);color:var(--text-faint)}.submit-note{min-width:60px;height:32px;border-radius:999px;color:#111;font-size:.79rem}@media(max-width:720px){.app-shell{padding:10px}.page-frame{height:calc(100vh - 20px);border-radius:20px}.notes-card__header-main{align-items:flex-start;flex-direction:column;gap:6px}.note-row{grid-template-columns:1fr;gap:4px}.composer-input{grid-template-columns:1fr}.submit-note{justify-self:end}}