:root{color-scheme:light;--paper: #FAFAF8;--paper-deep: #F0EFEB;--paper-soft: #FFFFFF;--surface: #FFFFFF;--surface-muted: #F2F1ED;--ink: #1A1815;--ink-soft: #3D3628;--ink-muted: #6B5840;--ink-faint: #9A855E;--accent: #4A6C5E;--accent-deep: #3A5549;--accent-soft: color-mix(in srgb, #4A6C5E 12%, transparent);--line: #E2DFD9;--line-strong: #D0CCC4;--danger: #A05540;--danger-deep: #854430;--nav-h: 76px;--radius-s: 10px;--radius: 18px;--radius-l: 28px;--shadow-soft: 0 14px 32px rgba(26, 24, 21, .06);--shadow-strong: 0 28px 60px rgba(26, 24, 21, .1);--font-display: "Playfair Display", Georgia, serif;--font-body: "Plus Jakarta Sans", "Segoe UI", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--max-width: 1120px}[data-theme=dark]{color-scheme:dark;--paper: #0D0C0A;--paper-deep: #080706;--paper-soft: #0D0C0A;--surface: #1A1815;--surface-muted: #231F1B;--ink: #EDE4D1;--ink-soft: #D4BF94;--ink-muted: #B89B6A;--ink-faint: #8B7553;--accent: #B89B6A;--accent-deep: #D4BF94;--accent-soft: color-mix(in srgb, #B89B6A 18%, transparent);--line: #2E2920;--line-strong: #3D3628;--danger: #C97A60;--danger-deep: #B06248;--shadow-soft: 0 14px 32px rgba(0, 0, 0, .4);--shadow-strong: 0 28px 60px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--ink);line-height:1.6;min-height:100vh;background:var(--paper);transition:background-color .2s ease,color .2s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(180deg,transparent 0,transparent 35px,color-mix(in srgb,var(--line) 74%,transparent) 35px,color-mix(in srgb,var(--line) 74%,transparent) 36px)}#root{position:relative;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none}input,textarea{color:inherit}::selection{background:var(--accent-soft)}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:var(--nav-h);padding:.75rem clamp(1rem,3vw,2.5rem);background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.navbar--auth{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;min-height:auto;padding-top:1rem;padding-bottom:1rem}.navbar__brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;flex-shrink:0}.navbar__logo{width:1.75rem;height:1.75rem;flex-shrink:0}.navbar__title-text{font-family:var(--font-display);font-size:1.15rem;line-height:1;letter-spacing:-.02em;color:var(--accent)}.navbar__center{display:flex;align-items:center;gap:.25rem;margin:0 auto}.navbar__nav-link{padding:.45rem .9rem;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--ink-muted);transition:color .14s ease,background-color .14s ease}.navbar__nav-link:hover,.navbar__nav-link:focus-visible{color:var(--ink);background:var(--accent-soft)}.navbar__actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.navbar__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:2.15rem;height:2.15rem;border:0;border-radius:50%;background:transparent;color:var(--ink-muted);cursor:pointer;transition:background-color .14s ease,color .14s ease}.navbar__action-btn:hover,.navbar__action-btn:focus-visible{background:var(--accent-soft);color:var(--ink)}.navbar__locale-btn{width:auto;border-radius:999px;padding-inline:.55rem;gap:.35rem}.navbar__locale-code{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.navbar__user-menu{display:flex;align-items:center;gap:.5rem;padding-left:.75rem;margin-left:.35rem;border-left:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.navbar__user-name{font-size:.82rem;font-weight:600;color:var(--ink-soft);white-space:nowrap;max-width:8rem;overflow:hidden;text-overflow:ellipsis}.navbar__logout-btn{color:var(--danger)}.navbar__logout-btn:hover,.navbar__logout-btn:focus-visible{background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger-deep)}.main-content{max-width:var(--max-width);margin:0 auto;padding:clamp(2rem,5vw,4.5rem) clamp(1rem,4vw,2.25rem) 4.5rem}.page{width:100%}.page__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:end;margin-bottom:2rem}.page__intro{max-width:44rem}.page__eyebrow{margin-bottom:.65rem;color:var(--accent-deep);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.page__title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95;letter-spacing:-.05em;text-wrap:balance}.page__lede{margin-top:.95rem;max-width:38rem;color:var(--ink-muted);font-size:clamp(.98rem,1vw + .8rem,1.14rem)}.page__aside{display:flex;flex-direction:column;align-items:flex-end;gap:.9rem}.page__stat{display:grid;gap:.15rem;min-width:10rem;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,var(--paper) 8%)}.page__stat-number{font-family:var(--font-display);font-size:1.8rem;line-height:.95}.page__stat-label{color:var(--ink-faint);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.85rem;padding:.72rem 1.25rem;border:1px solid transparent;border-radius:999px;font-size:.88rem;font-weight:700;letter-spacing:.01em;transition:transform .16s var(--ease-out),background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.btn:hover,.btn:focus-visible{transform:translateY(-1px)}.btn__symbol{font-size:1rem;line-height:1}.btn--primary{color:var(--paper-soft);background:var(--accent);border-color:var(--accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent)}.btn--primary:hover,.btn--primary:focus-visible{background:var(--accent-deep);border-color:var(--accent-deep)}.btn--secondary{color:var(--ink-muted);background:color-mix(in srgb,var(--surface) 88%,var(--paper) 12%);border-color:var(--line)}.btn--secondary:hover,.btn--secondary:focus-visible{color:var(--ink);background:color-mix(in srgb,var(--surface-muted) 90%,var(--paper) 10%)}.btn--warning{color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,var(--surface) 90%);border-color:color-mix(in srgb,var(--accent) 28%,var(--line) 72%)}.btn--warning:hover,.btn--warning:focus-visible{background:color-mix(in srgb,var(--accent) 16%,var(--surface) 84%)}.btn--danger{color:var(--paper-soft);background:var(--danger);border-color:var(--danger)}.btn--danger:hover,.btn--danger:focus-visible{background:var(--danger-deep);border-color:var(--danger-deep)}.btn--full{width:100%}.search-bar{margin-bottom:1.65rem}.search-bar__input{width:100%;min-height:3.15rem;padding:.95rem 1.15rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,var(--paper) 6%);color:var(--ink);outline:none;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.search-bar__input::placeholder{color:var(--ink-faint)}.search-bar__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.note-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.note-item{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:var(--radius-l);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,var(--paper) 6%),color-mix(in srgb,var(--surface-muted) 58%,var(--surface) 42%));box-shadow:var(--shadow-soft);transition:transform .18s var(--ease-out),box-shadow .18s ease,border-color .18s ease}.note-item:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.note-item:hover,.note-item:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-strong);border-color:color-mix(in srgb,var(--accent) 34%,var(--line) 66%)}.note-item--archived{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-muted) 72%,var(--surface) 28%),color-mix(in srgb,var(--paper-deep) 30%,var(--surface) 70%))}.note-item__link{display:flex;flex-direction:column;gap:.7rem;min-height:100%;padding:1.4rem 1.4rem 1.3rem}.note-item__kicker{color:var(--accent-deep);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.note-item__title{font-family:var(--font-display);font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.03;letter-spacing:-.04em;text-wrap:balance}.note-item__date{color:var(--ink-faint);font-size:.78rem}.note-item__body{color:var(--ink-muted);font-size:.93rem;line-height:1.72}.empty-state{max-width:38rem;padding:2.5rem 0 1rem;border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.empty-state__eyebrow{color:var(--accent-deep);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.empty-state__message{margin-top:.75rem;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.02;letter-spacing:-.04em}.empty-state__hint{margin-top:.75rem;max-width:32rem;color:var(--ink-muted)}.loading-container{display:grid;justify-items:start;gap:.95rem;padding:2.25rem 0 1rem}.loading-spinner{width:2.8rem;height:2.8rem;border:3px solid color-mix(in srgb,var(--line) 72%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}.loading-text{color:var(--ink-faint);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.auth-page,.not-found-page{min-height:calc(100vh - var(--nav-h) - 2rem);display:grid;place-items:center;padding:2rem 0}.auth-stage{width:min(100%,68rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);gap:clamp(1rem,3vw,2rem);align-items:stretch}.auth-card,.form-page,.detail-page,.not-found-page__content{position:relative;overflow:hidden;background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);box-shadow:var(--shadow-soft)}.auth-card:before,.form-page:before,.detail-page:before,.not-found-page__content:before{content:"";position:absolute;inset:1rem 1rem auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent);opacity:.6}.auth-card{width:min(100%,42rem);padding:clamp(1.75rem,4vw,2.5rem);border-radius:1.5rem}.auth-card__header{position:relative;margin-bottom:1.35rem;padding-bottom:1.15rem}.auth-card__header:after{content:"";position:absolute;left:0;bottom:0;width:min(9rem,28%);height:1px;background:color-mix(in srgb,var(--accent) 50%,var(--line) 50%)}.auth-card__eyebrow{color:var(--accent-deep);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.auth-card__title{margin-top:1rem;font-family:var(--font-display);font-size:clamp(2.25rem,5vw,4rem);line-height:.96;letter-spacing:-.05em}.auth-card__lead{margin-top:.8rem;margin-bottom:1.6rem;max-width:32rem;color:var(--ink-muted)}.auth-card__status{margin-bottom:1.15rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line) 72%);border-radius:1.1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--surface) 93%),color-mix(in srgb,var(--surface-muted) 34%,var(--surface) 66%));color:var(--ink-soft);line-height:1.7}.auth-form,.note-form{display:grid;gap:1rem}.auth-form .form-input{min-height:3.25rem}.auth-form .btn[disabled]{opacity:.72;cursor:wait;transform:none}.form-group{display:grid;gap:.45rem}.form-label{color:var(--ink-soft);font-size:.83rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.form-input,.form-textarea{width:100%;padding:.95rem 1rem;border:1px solid var(--line);border-radius:1.15rem;background:color-mix(in srgb,var(--surface) 95%,var(--paper) 5%);outline:none;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.form-input::placeholder,.form-textarea::placeholder{color:var(--ink-faint)}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.form-textarea{min-height:14rem;resize:vertical}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:2.8rem}.password-toggle{position:absolute;right:.6rem;display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);transition:color .14s ease,background-color .14s ease}.password-toggle:hover,.password-toggle:focus-visible{color:var(--ink);background:var(--accent-soft)}.password-input__icon{width:1.15rem;height:1.15rem;flex-shrink:0}.auth-card__footer{margin-top:1.35rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);color:var(--ink-muted);font-size:.92rem}.auth-card__link{color:var(--accent);font-weight:700}.auth-aside{display:flex;flex-direction:column;justify-content:flex-end;align-self:stretch;padding:1.5rem 0 1rem 1rem;border-left:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.auth-aside__eyebrow{color:var(--ink-faint);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.auth-aside__title{margin-top:.65rem;font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.1;letter-spacing:-.03em;color:var(--ink)}.auth-aside__text{margin-top:.65rem;max-width:16rem;color:var(--ink-muted);font-size:.88rem;line-height:1.55}.form-page,.detail-page,.not-found-page__content{border-radius:2rem}.form-page,.detail-page{max-width:52rem;margin:0 auto;padding:clamp(2rem,5vw,3rem)}.form-page__intro{max-width:37rem}.note-form{margin-top:1.6rem}.form-actions,.detail-page__actions{display:flex;flex-wrap:wrap;gap:.75rem}.form-actions{justify-content:flex-end}.detail-page__header{display:grid;gap:.9rem;padding-bottom:1.4rem;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.detail-page__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.detail-page__title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.8rem);line-height:.96;letter-spacing:-.05em;text-wrap:balance}.detail-page__date{color:var(--ink-faint);font-size:.84rem}.detail-page__body{padding:1.7rem 0 2rem;color:var(--ink-soft);line-height:1.9;white-space:pre-wrap}.not-found-page__content{width:min(100%,38rem);padding:clamp(2rem,5vw,3rem)}.not-found-page__code{margin-top:.55rem;font-family:var(--font-display);font-size:clamp(5rem,18vw,9rem);line-height:.82;letter-spacing:-.06em;color:color-mix(in srgb,var(--accent) 70%,var(--line) 30%)}.not-found-page__message{margin-top:.9rem;font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.6rem);line-height:1;letter-spacing:-.04em}.not-found-page__lead{margin:.8rem 0 1.6rem;max-width:28rem;color:var(--ink-muted)}@media(max-width:919px){.note-list{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}@media(max-width:760px){.navbar{padding:.65rem 1rem}.navbar--auth{padding-top:.75rem;padding-bottom:.75rem}.navbar__center{display:none}.page__hero{grid-template-columns:1fr;align-items:start;gap:1rem;margin-bottom:1.5rem}.page__aside{align-items:flex-start;flex-direction:row;gap:.75rem}.page__title{max-width:none}.auth-stage{grid-template-columns:1fr}.auth-aside{padding:.25rem 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--line) 50%,transparent);flex-direction:row;flex-wrap:wrap;gap:.5rem 1.25rem}.auth-aside__text{max-width:24rem}.detail-page__actions,.form-actions{flex-direction:column}.detail-page__actions .btn,.form-actions .btn{width:100%}.form-page,.detail-page{padding:1.5rem}}@media(max-width:560px){.main-content{padding-left:.95rem;padding-right:.95rem}.navbar__title-text,.navbar__user-name{display:none}.navbar__user-menu{padding-left:0;border-left:0}.auth-card,.form-page,.detail-page,.not-found-page__content{padding:1.4rem;border-radius:1.5rem}.page__stat{min-width:0}.note-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.6rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.7rem;padding:.85rem 1.15rem .85rem .95rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-strong);opacity:0;transform:translateY(1rem) scale(.96);transition:opacity .3s ease,transform .3s var(--ease-out);pointer-events:auto;max-width:min(22rem,calc(100vw - 3rem))}.toast--visible{opacity:1;transform:translateY(0) scale(1)}.toast--exiting{opacity:0;transform:translateY(.5rem) scale(.96)}.toast__icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.6rem;height:1.6rem}.toast__icon{width:1.25rem;height:1.25rem}.toast__icon--success{color:var(--accent)}.toast__icon--error{color:var(--danger)}.toast__message{flex:1 1 auto;color:var(--ink-soft);font-size:.88rem;line-height:1.45;min-width:0}.toast__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink-faint);cursor:pointer;transition:color .14s ease,background-color .14s ease}.toast__dismiss:hover,.toast__dismiss:focus-visible{color:var(--ink);background:var(--accent-soft)}.toast__close-icon{width:.85rem;height:.85rem}.waf-notice{display:flex;gap:1rem;padding:1.15rem 1.35rem;border-radius:var(--radius);background:var(--surface);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--line) 75%);box-shadow:var(--shadow-soft);margin-bottom:1.5rem;max-width:var(--max-width);margin-left:auto;margin-right:auto}.waf-notice__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--danger)}.waf-notice__content{flex:1 1 auto}.waf-notice__title{font-weight:700;font-size:.92rem;color:var(--ink);margin-bottom:.2rem}.waf-notice__text{color:var(--ink-muted);font-size:.84rem;line-height:1.5;margin-bottom:.75rem}.waf-notice__actions{display:flex;flex-wrap:wrap;gap:.5rem}.waf-notice__btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease,opacity .14s ease}.waf-notice__btn--primary{background:var(--accent);color:var(--paper-soft);border-color:var(--accent)}.waf-notice__btn--primary:hover,.waf-notice__btn--primary:focus-visible{background:var(--accent-deep);border-color:var(--accent-deep)}.waf-notice__btn--primary:disabled{opacity:.5;cursor:wait}.waf-notice__btn--secondary{background:transparent;color:var(--accent);border-color:var(--accent-soft)}.waf-notice__btn--secondary:hover,.waf-notice__btn--secondary:focus-visible{background:var(--accent-soft)}.waf-notice__link{display:inline-block;color:var(--accent);font-weight:700;font-size:.84rem;transition:color .14s ease}.waf-notice__link:hover,.waf-notice__link:focus-visible{color:var(--accent-deep)}@media(max-width:560px){.toast-container{bottom:1rem;left:1rem;right:1rem}.toast{max-width:none}}