:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .18), 0 1px 1px rgba(0, 0, 0, .1);--shadow-md: 0 8px 24px rgba(0, 0, 0, .32), 0 2px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .24);--color-bg: #161826;--color-surface: #1e2033;--color-text: #e9e9ed;--color-divider: color-mix(in srgb, #e9e9ed 12%, transparent);--color-neutral-100: #e9e9ed;--color-neutral-200: #c7c8d1;--color-neutral-300: #a6a7b5;--color-neutral-400: #85869a;--color-neutral-500: #6b6c80;--color-neutral-600: #53546a;--color-neutral-700: #3d3e52;--color-neutral-800: #262838;--color-neutral-900: #1c1d2b;--color-accent: #9184d9;--color-accent-100: color-mix(in srgb, var(--color-accent) 14%, white);--color-accent-200: color-mix(in srgb, var(--color-accent) 24%, white);--color-accent-300: color-mix(in srgb, var(--color-accent) 40%, white);--color-accent-400: color-mix(in srgb, var(--color-accent) 62%, white);--color-accent-500: var(--color-accent);--color-accent-600: color-mix(in srgb, var(--color-accent) 82%, black);--color-accent-700: color-mix(in srgb, var(--color-accent) 62%, black);--color-accent-800: color-mix(in srgb, var(--color-accent) 42%, black);--color-accent-900: color-mix(in srgb, var(--color-accent) 25%, black)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overscroll-behavior:none}body{margin:0;font-family:var(--font-body);background:#0d0e17;color:var(--color-text);-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;align-items:stretch;justify-content:center;overscroll-behavior:none}button,input,textarea{font-family:inherit;color:inherit}a{color:var(--color-accent)}a:hover{color:var(--color-accent-400)}ul,p,h1,h2,h3{margin:0}.app-frame{width:100%;max-width:460px;height:100dvh;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:var(--font-body)}@media (min-width: 461px){.app-frame{height:min(100dvh,900px);margin:max(16px,2vh) 0;border-radius:32px;box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--color-text) 8%,transparent)}}.app-scroll::-webkit-scrollbar{width:0;height:0}.app-scroll{scrollbar-width:none;overscroll-behavior:contain}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:10px 12px}.elev-sm{box-shadow:var(--shadow-sm)}.card-title{font-size:14px;font-weight:500}.card-meta{font-size:11.5px;color:var(--color-neutral-500);margin-top:3px}.btn{font-family:inherit;font-size:13px;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;transition:opacity .12s ease,background-color .12s ease}.btn:active{opacity:.75}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-secondary{background:color-mix(in srgb,var(--color-text) 8%,transparent);color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-accent);padding:9px 6px}.btn-icon{padding:8px;width:32px;height:32px;border-radius:var(--radius-full)}.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:1;padding:6px 10px;border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;white-space:nowrap}.tag-accent{background:var(--color-accent);color:var(--color-bg)}.tag-outline{background:transparent;color:var(--color-neutral-300);border:1px solid var(--color-divider)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-500)}.input{width:100%;background:color-mix(in srgb,var(--color-text) 6%,transparent);border:1px solid var(--color-divider);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;padding:10px 12px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--color-accent)}.input::placeholder{color:var(--color-neutral-500)}textarea.input{resize:vertical;min-height:96px;line-height:1.4;font-family:inherit}input[type=date].input,input[type=time].input{color-scheme:dark}.app-frame[data-theme=light] input[type=date].input,.app-frame[data-theme=light] input[type=time].input{color-scheme:light}.note-editor{min-height:96px;line-height:1.5;overflow-y:auto;cursor:text}.note-editor:empty:before{content:attr(data-placeholder);color:var(--color-neutral-500)}.note-render,.note-editor{font-size:13px}.note-render h4,.note-editor h4{font-size:13.5px;font-weight:600;margin:4px 0 1px}.note-render b,.note-render strong,.note-editor b,.note-editor strong{font-weight:600}.note-render i,.note-render em,.note-editor i,.note-editor em{font-style:italic}.note-render ul,.note-render ol,.note-editor ul,.note-editor ol{margin:2px 0;padding-left:18px}.note-render li,.note-editor li{margin:1px 0}.note-render>div,.note-render li{opacity:.85}.dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:40}.dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px;max-height:calc(100% - 20px);overflow-y:auto;overscroll-behavior:contain}.dialog-title{font-size:17px;font-weight:600;margin-bottom:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}