:root{--color-primary: #174C46;--color-ink: #172B29;--color-background: #F7F3EA;--color-accent: #C7A66B;--color-surface: #FFFFFF;--color-muted: #526260;--color-success: #176A42;--color-warning: #8A5700;--color-danger: #B42332;--color-focus: #2457D6;--font-ui: "Source Sans 3", sans-serif;--radius-control: 10px;--radius-card: 16px;--control-min-height: 44px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-background);color:var(--color-ink);font-family:var(--font-ui);font-size:16px;line-height:1.5}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.start-page{max-width:640px;margin:0 auto;padding:64px 24px}.start-page__top{display:flex;justify-content:flex-end;margin-bottom:48px}.start-page h1{font-size:34px;line-height:1.25;margin:0 0 12px}.start-page__sub{color:var(--color-muted);margin:0 0 32px}.btn-primary{min-height:var(--control-min-height);padding:0 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-control);font-family:var(--font-ui);font-size:16px;cursor:pointer}.btn-primary:hover{opacity:.92}.lang-btn{min-height:36px;padding:0 12px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-muted);border-radius:var(--radius-control);font-family:var(--font-ui);cursor:pointer}.lang-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.auth-page,.spaces-page{max-width:480px;margin:0 auto;padding:48px 24px}.auth-form{display:flex;flex-direction:column;gap:6px;margin-top:16px}.auth-form label{font-size:14px;color:var(--color-muted);margin-top:12px}.auth-form input,.auth-form select{min-height:var(--control-min-height);padding:0 12px;border:1px solid var(--color-muted);border-radius:var(--radius-control);font-family:var(--font-ui);font-size:16px}.btn-secondary{min-height:var(--control-min-height);padding:0 20px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-muted);border-radius:var(--radius-control);font-family:var(--font-ui);font-size:16px;cursor:pointer}.form-error{color:var(--color-danger);font-size:14px}.form-success{color:var(--color-success);font-size:15px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#172b298c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.dialog{background:var(--color-surface);border-radius:var(--radius-card);padding:24px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.recovery-code{font-family:monospace;font-size:18px;letter-spacing:1px;background:var(--color-background);border-radius:var(--radius-control);padding:12px 16px;word-break:break-all;-webkit-user-select:all;user-select:all}.spaces-page__header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.spaces-page__account{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--color-muted)}.space-list{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:12px}.space-list__item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;background:var(--color-surface);border-radius:var(--radius-card)}.space-list__title--locked{color:var(--color-muted);font-style:italic}.space-list__title{color:var(--color-ink);text-decoration:none;font-weight:600}.space-list__title:hover{text-decoration:underline}.person-list__button{background:none;border:none;padding:0;font:inherit;color:var(--color-ink);cursor:pointer;text-align:left}.person-list__button:hover{text-decoration:underline}.space-detail__search{width:100%;min-height:var(--control-min-height);padding:0 12px;border:1px solid var(--color-muted);border-radius:var(--radius-control);font-family:var(--font-ui);font-size:16px;margin-top:16px}.space-detail__search-hint{font-size:13px;color:var(--color-muted);margin:6px 0 20px}.person-form__names{border:none;padding:0;margin:12px 0}.person-form__names legend{font-size:14px;color:var(--color-muted);padding:0}.person-form__name-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:center;margin-bottom:8px}.person-form__name-row select,.person-form__name-row input{min-height:var(--control-min-height);padding:0 8px;border:1px solid var(--color-muted);border-radius:var(--radius-control);font-family:var(--font-ui);font-size:15px}.date-phrase-editor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.date-phrase-editor>label{min-width:90px;margin-top:0}.date-phrase-editor select,.date-phrase-editor input{min-height:var(--control-min-height);padding:0 8px;border:1px solid var(--color-muted);border-radius:var(--radius-control);font-family:var(--font-ui);font-size:15px}.date-phrase-editor__range{display:flex;align-items:center;gap:8px}.auth-form textarea{padding:8px 12px;border:1px solid var(--color-muted);border-radius:var(--radius-control);font-family:var(--font-ui);font-size:16px;resize:vertical}