:root{--bg: #0a0a0b;--surface: #141417;--surface-hover: #1b1b1f;--border: #232327;--border-soft: #1b1b1e;--text-primary: #ececee;--text-secondary: #8a8a90;--text-tertiary: #504f57;--signal: #ffb000;--signal-dim: rgba(255, 176, 0, .12);--danger: #c9524b;--focus: #4a9eff;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;justify-content:center}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}#app{width:100%;max-width:560px;padding:28px 20px 80px;display:flex;flex-direction:column;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}.wordmark{font-size:20px;font-weight:600;letter-spacing:.18em;color:var(--text-secondary)}.clock{font-size:12px;color:var(--text-secondary);letter-spacing:.02em}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px}.icon-btn:hover{color:var(--text-secondary);background:var(--surface)}.icon-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}main{flex:1;display:flex;flex-direction:column}.section-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 18px 2px}.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.item{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:12px}.item-dot{width:7px;height:7px;border-radius:50%;background:var(--signal);flex-shrink:0}.item-body{flex:1;min-width:0}.item-name{font-size:15px;font-weight:500;color:var(--text-primary);text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.item-name:hover{color:var(--signal);cursor:pointer}span.item-name{cursor:default}.item-meta{font-size:11.5px;color:var(--text-secondary);margin-top:3px}.attend-btn{flex-shrink:0;background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:12.5px;font-weight:500;padding:7px 12px;border-radius:7px;cursor:pointer;font-family:inherit}.attend-btn:hover{border-color:var(--signal);color:var(--signal);background:var(--signal-dim)}.attend-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;min-height:50vh}.empty-state .headline{font-size:16px;color:var(--text-primary);font-weight:500;margin:0 0 64px}.empty-state .reflect{font-size:13px;color:var(--text-tertiary);font-style:italic;margin:0;max-width:280px;line-height:1.5}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.settings-title{font-size:18px;font-weight:600}.add-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);font-size:13px;font-weight:500;padding:8px 14px;border-radius:7px;cursor:pointer;font-family:inherit}.add-btn:hover{background:var(--surface-hover)}.add-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.manage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.manage-item{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.manage-item:hover{background:var(--surface-hover)}.manage-item-name{font-size:14.5px;font-weight:500}.manage-item-meta{font-size:11.5px;color:var(--text-tertiary);margin-top:3px}.chevron{color:var(--text-tertiary);flex-shrink:0;display:flex}.empty-manage{color:var(--text-tertiary);font-size:13.5px;text-align:center;padding:60px 20px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px}.field input[type=text],.field input[type=url],.field input[type=number],.field select{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);font-size:15px;padding:11px 12px;border-radius:8px;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238A8A90' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.field input:focus,.field select:focus{outline:none;border-color:var(--focus)}.field input::placeholder{color:var(--text-tertiary)}.form-error{background:#c9524b1a;border:1px solid var(--danger);color:var(--danger);font-size:13px;padding:10px 12px;border-radius:8px;margin-bottom:18px}.form-actions{display:flex;gap:10px;margin-top:28px}.btn{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-family:inherit}.btn:hover{background:var(--surface-hover)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--text-primary);color:#0a0a0b;border-color:var(--text-primary)}.btn-primary:hover{background:#d6d6d9}.btn-danger{background:transparent;color:var(--danger);border-color:var(--border);flex:none;padding:12px 16px}.btn-danger:hover{background:#c9524b1a;border-color:var(--danger)}.back-row{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:var(--text-secondary);font-size:13.5px;cursor:pointer;width:fit-content}.back-row:hover{color:var(--text-primary)}.login-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:36px}.login-wordmark{font-size:20px;letter-spacing:.24em}.login-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.login-input{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);font-size:15px;padding:11px 12px;border-radius:8px;font-family:inherit;text-align:center;letter-spacing:.1em}.login-input:focus{outline:none;border-color:var(--focus)}.login-input::placeholder{color:var(--text-tertiary);letter-spacing:normal}.logout-link{display:block;margin:40px auto 0;background:none;border:none;color:var(--text-tertiary);font-size:12.5px;cursor:pointer;font-family:inherit}.logout-link:hover{color:var(--text-secondary)}::selection{background:var(--signal-dim);color:var(--text-primary)}@media (max-width: 380px){#app{padding:22px 16px 70px}}