:root{--color-bg: #14120F;--color-surface: #1E1B18;--color-surface-raised: #262220;--color-border: #38332E;--color-border-strong: #4A443D;--color-text: #F4F0E8;--color-text-muted: #A79E92;--color-text-faint: #726A5F;--color-accent: #C9A05C;--color-accent-strong: #E0B876;--color-accent-text: #14120F;--color-success: #4E8A63;--color-warning: #C9A05C;--color-danger: #B4483C;--color-danger-strong: #8F3830;--color-page: #F7F3EC;--color-card: #FFFDF8;--color-card-sunk: #F1ECE3;--color-page-border: #E2DACD;--color-page-border-strong: #CFC4B2;--color-page-text: #241F1A;--color-page-text-muted: #6B6157;--color-page-text-faint: #9A9086;--font-heading: "Instrument Serif", Georgia, serif;--font-body: "Public Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 2px 4px rgba(36, 31, 26, .04), 0 8px 24px rgba(36, 31, 26, .07);--shadow-card-raised: 0 4px 8px rgba(36, 31, 26, .06), 0 16px 40px rgba(36, 31, 26, .1);--shadow-modal: 0 30px 60px rgba(36, 31, 26, .28);--topbar-height: 56px;--content-max: 1100px;--ease: cubic-bezier(.2, 0, .2, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .26s}@media (min-width: 768px){:root{--topbar-height: 72px}}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-page);color:var(--color-page-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{font-family:var(--font-heading);font-weight:400;margin:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-4);background:var(--color-bg);color:var(--color-text);border-bottom:1px solid var(--color-border)}.topbar__mark{width:32px;height:32px;flex:none;border-radius:50%;background:var(--color-accent);color:var(--color-accent-text);display:grid;place-items:center;font-family:var(--font-heading);font-size:var(--text-md)}.topbar__title{font-family:var(--font-heading);font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__spacer{flex:1 1 auto}.topbar__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-text-muted)}.topbar__count{min-width:1.25rem;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--color-danger);color:var(--color-text);font-weight:700;text-align:center}.topbar__count--clear{background:var(--color-success)}.topbar__count--unknown{background:var(--color-text-faint)}.topbar__avatar{width:32px;height:32px;flex:none;border-radius:50%;background:var(--color-accent);color:var(--color-accent-text);display:grid;place-items:center;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em}.nav{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-bg);overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--color-border)}.nav::-webkit-scrollbar{display:none}.nav__item{flex:none;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.nav__item:hover{color:var(--color-text)}.nav__item[aria-current=page]{background:var(--color-surface-raised);color:var(--color-accent)}.search{position:sticky;top:var(--topbar-height);z-index:15;padding:var(--space-3) var(--space-4);background:var(--color-page);border-bottom:1px solid var(--color-page-border)}.search__field{display:flex;align-items:center;gap:var(--space-2);max-width:var(--content-max);margin:0 auto;padding:var(--space-2) var(--space-3);background:var(--color-card);border:1px solid var(--color-page-border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);transition:border-color var(--dur) var(--ease)}.search__field:focus-within{border-color:var(--color-accent)}.search__input{flex:1 1 auto;min-width:0;border:0;background:transparent;font:inherit;color:var(--color-page-text);outline:none}.search__input::placeholder{color:var(--color-page-text-faint)}.page{max-width:var(--content-max);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-12)}.folder{position:relative;margin-top:var(--space-6)}.folder__tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:-1px;padding:var(--space-3) var(--space-5);border:1px solid var(--color-page-border);border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-card);box-shadow:0 -2px 8px #241f1a0a;font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-page-text);max-width:100%}button.folder__tab{cursor:pointer;font:inherit;font-family:var(--font-heading);font-size:var(--text-lg);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}button.folder__tab:hover{background:var(--color-card-sunk);color:var(--color-accent)}button.folder__tab:before{content:"";width:.5em;height:.5em;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex:none}.folder__body{position:relative;padding:var(--space-5) var(--space-4);background:var(--color-card);border:1px solid var(--color-page-border);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);box-shadow:var(--shadow-card)}@media (min-width: 768px){.folder__body{padding:var(--space-6)}.page{padding:var(--space-8) var(--space-6) var(--space-12)}}.card{background:var(--color-card);border:1px solid var(--color-page-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.section{border-top:1px solid var(--color-page-border)}.section:first-child{border-top:0}.section__toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4) 0;border:0;background:transparent;font:inherit;font-family:var(--font-heading);font-size:var(--text-md);color:var(--color-page-text);cursor:pointer;text-align:left}.section__toggle:before{content:"";width:.45em;height:.45em;border-right:2px solid var(--color-page-text-muted);border-bottom:2px solid var(--color-page-text-muted);transform:rotate(45deg);transition:transform var(--dur) var(--ease);flex:none}.section__toggle[aria-expanded=false]:before{transform:rotate(-45deg)}.section__body{padding-bottom:var(--space-4)}.rows{display:grid;gap:var(--space-2)}.row{display:grid;gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-page-border);border-radius:var(--radius-sm);background:var(--color-card);text-align:left;font:inherit;color:var(--color-page-text);cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.row:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card)}.row__lead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.row__title{font-weight:600}.row__id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-page-text-muted)}.row__meta{font-size:var(--text-sm);color:var(--color-page-text-muted)}.fields{display:grid;gap:var(--space-4)}@media (min-width: 640px){.fields{grid-template-columns:repeat(2,1fr)}}.field__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-page-text-muted)}.field__value{font-size:var(--text-sm);overflow-wrap:anywhere}.input,.select,.textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-page-border-strong);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-page-text);font:inherit;transition:border-color var(--dur) var(--ease)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent)}.input--area{resize:vertical;min-height:5.5rem;line-height:1.5}.form{display:grid;gap:var(--space-4);margin-top:var(--space-3)}.form__row{display:grid;gap:var(--space-2)}.form__row--inline{grid-template-columns:auto 1fr;align-items:center;gap:var(--space-3)}.form__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-page-text-muted)}.form__row--inline .form__label{text-transform:none;letter-spacing:0;font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--color-page-border-strong);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-page-text);font:inherit;cursor:pointer;min-height:44px;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover{border-color:var(--color-accent)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);font-weight:600}.btn--primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.btn--block{width:100%}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-4)}.notice--error{border:1px solid var(--color-danger);background:var(--color-card-sunk)}.notice--info{border:1px solid var(--color-page-border-strong);color:var(--color-page-text-muted)}.loader{display:grid;gap:var(--space-4);padding:var(--space-6) 0}.skeleton{height:14px;border-radius:var(--radius-sm);background:var(--color-card-sunk);animation:breathe 2.6s var(--ease) infinite}.skeleton--title{height:24px;width:40%}.skeleton--short{width:60%}@keyframes breathe{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.auth{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-5);background:var(--color-bg);color:var(--color-text)}.auth__card{width:100%;max-width:380px;padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.auth__mark{width:56px;height:56px;margin:0 auto var(--space-5);border-radius:50%;background:var(--color-accent);color:var(--color-accent-text);display:grid;place-items:center;font-family:var(--font-heading);font-size:var(--text-xl)}.auth__title{font-size:var(--text-xl);text-align:center}.auth__sub{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-6)}.auth .input{background:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text)}.auth .field__label{color:var(--color-text-muted)}.auth .notice--error{border-color:var(--color-danger);background:var(--color-surface-raised);color:var(--color-text)}.auth .notice--info{border-color:var(--color-border-strong);color:var(--color-text-muted)}.auth__fields{display:grid;gap:var(--space-4);margin-bottom:var(--space-5)}.auth__mark--busy .auth__slash{animation:slash 1.4s var(--ease) infinite}@keyframes slash{0%,to{transform:translate(0);opacity:1}50%{transform:translate(1px,-2px);opacity:.55}}@media (prefers-reduced-motion: reduce){.auth__mark--busy .auth__slash{animation:none}}.note-compose{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.note{padding:var(--space-3) 0;border-top:1px solid var(--color-page-border)}.note:first-of-type{border-top:0}.note__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;font-size:var(--text-xs);color:var(--color-page-text-muted);margin-bottom:var(--space-2)}.note__type{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-card-sunk);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.note__rel--covering{color:var(--color-accent);font-weight:600}.note__rel--owner{color:var(--color-page-text-faint)}.note__body{font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere}.search{position:sticky}.search__clear{border:0;background:transparent;cursor:pointer;font-size:var(--text-lg);line-height:1;color:var(--color-page-text-faint);padding:0 var(--space-1)}.search__clear:hover{color:var(--color-page-text)}.search__results{position:absolute;left:var(--space-4);right:var(--space-4);max-width:var(--content-max);margin:var(--space-2) auto 0;max-height:60vh;overflow-y:auto;background:var(--color-card);border:1px solid var(--color-page-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card-raised);z-index:30}.search__group{padding:var(--space-2) 0;border-top:1px solid var(--color-page-border)}.search__group:first-child{border-top:0}.search__group-label{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-page-text-muted)}.search__hit{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-4);border:0;background:transparent;font:inherit;cursor:pointer;color:var(--color-page-text)}.search__hit:hover{background:var(--color-card-sunk)}.search__hit-title{display:block;font-weight:600;font-size:var(--text-sm)}.search__hit-sub{display:block;font-size:var(--text-xs);color:var(--color-page-text-muted)}.search__empty{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-page-text-muted)}.confirm{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-card-sunk);margin-top:var(--space-4)}.confirm__title{font-size:var(--text-md)}.confirm__note{font-size:var(--text-xs);color:var(--color-page-text-muted);margin:0}.confirm__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.change{font-size:var(--text-sm)}.change__row+.change__row{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-page-border)}.change__field{font-weight:600}.change__from{color:var(--color-page-text-muted)}.change__to{color:var(--color-page-text)}.change__warning{margin-top:var(--space-3);padding:var(--space-3);border-left:3px solid var(--color-danger);background:var(--color-surface-raised);font-size:var(--text-xs)}.actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;margin-top:var(--space-3)}.actions .select{max-width:260px}.actions--record{margin:0 0 var(--space-4);flex-direction:column;align-items:stretch}.flag{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700}.flag--danger{background:var(--color-danger);color:var(--color-text)}.row--static{cursor:default}.row--static:hover{border-color:var(--color-page-border);box-shadow:none}.hint{color:var(--color-page-text-muted);font-size:var(--text-xs)}