@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500&display=swap";:root{--navy: #1B3A5C;--navy-deep: #102540;--navy-soft: #2D4F70;--blue: #4A7FA5;--blue-soft: #E8EFF6;--blue-tint: #F4F8FC;--terracotta: #C4622D;--terra-deep: #A24F22;--terra-soft: #F6E5DA;--terra-tint: #FCF5EF;--bg: #FAFAF7;--bg-card: #FFFFFF;--bg-elev: #FFFFFF;--line: #E8E5DD;--line-soft: #F1EEE8;--line-strong:#D4D0C4;--ink: #1A1A1A;--ink-mute: #5A5A5A;--ink-faint: #8A8A8A;--ink-ghost: #B5B0A6;--st-draft: #8A8A8A;--st-pending: #C4622D;--st-review: #B58A2A;--st-validated: #2F7A4D;--st-archived: #5A6B7A;--font-serif: "Fraunces", Georgia, "Georgia Pro", "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, SF Mono, Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--s-10: 64px;--r-xs: 2px;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-xl: 16px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(27, 58, 92, .04), 0 1px 3px rgba(27, 58, 92, .06);--shadow-2: 0 2px 6px rgba(27, 58, 92, .05), 0 4px 12px rgba(27, 58, 92, .08);--shadow-3: 0 6px 16px rgba(27, 58, 92, .08), 0 12px 28px rgba(27, 58, 92, .12);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .5);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--t-fast: .12s;--t-med: .2s;--t-slow: .32s;--touch: 44px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--max-w: 720px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.55;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}body{font-variant-numeric:tabular-nums}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;letter-spacing:-.018em;margin:0 0 var(--s-2);color:var(--navy);line-height:1.2}h1{font-size:1.75rem;font-weight:600;letter-spacing:-.02em}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}p{margin:0 0 var(--s-3)}a{color:var(--blue);text-decoration:none;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--navy)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--terra-soft);color:var(--terra-deep)}input,textarea,select{font-family:inherit;font-size:.95rem;background:var(--bg-card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}input:hover,textarea:hover,select:hover{border-color:var(--line-strong)}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4a7fa52e;background:#fff}input[type=color]{padding:4px;height:44px;cursor:pointer}input[type=checkbox]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;width:18px;height:18px;accent-color:var(--terracotta)}input[type=file]{font-size:.9rem;padding:8px}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path fill='%235A5A5A' d='M6 8.5L2 4.5h8z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:34px}label{display:block;font-size:.78rem;color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase;font-weight:500;margin:14px 0 6px}.app{max-width:var(--max-w);margin:0 auto;min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.app-header{background:var(--navy);color:#fff;padding:calc(var(--safe-top) + 14px) var(--s-5) 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #c4622d66}.app-header .back{color:#f5f0e8d9;font-size:1.4rem;background:none;padding:6px 10px;margin:-6px 6px -6px -10px;font-family:var(--font-serif);border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.app-header .back:hover{color:#fff;background:#ffffff0f}.app-header .me{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#f5f0e8;font-family:var(--font-serif);font-size:.85rem;font-weight:600;letter-spacing:.02em;border-radius:var(--r-pill);transition:background var(--t-fast) var(--ease)}.app-header .me:hover{background:#ffffff29}.app-header .brand-link{text-decoration:none;color:inherit;display:inline-flex;border-radius:var(--r-sm);padding:2px 4px;margin:-2px -4px;transition:opacity var(--t-fast) var(--ease)}.app-header .brand-link:active{opacity:.7}.app-header .brand{display:inline-flex;align-items:baseline;gap:7px;font-family:var(--font-serif);font-weight:400;color:#f5f0e8;margin:0;-webkit-user-select:none;user-select:none}.app-header .brand-e{font-style:italic;font-size:1.5rem;font-weight:500;line-height:1}.app-header .brand-sep{color:var(--terracotta);font-size:1.1rem;line-height:1}.app-header .brand-flux{font-size:.78rem;font-weight:500;letter-spacing:.34em;color:#b7cddd;font-family:var(--font-sans)}.app-main{flex:1;padding:var(--s-6) var(--s-5) calc(var(--safe-bottom) + 96px);animation:fade-in var(--t-med) var(--ease-out)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffeb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);display:flex;padding:var(--s-2) 0 calc(var(--safe-bottom) + var(--s-2));z-index:20}.bottom-nav>a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--touch);color:var(--ink-faint);font-size:.7rem;text-decoration:none;letter-spacing:.02em;font-weight:500;position:relative;transition:color var(--t-fast) var(--ease);padding:4px 0}.bottom-nav>a:hover{color:var(--ink-mute)}.bottom-nav>a>span>.nav-ico{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:transform var(--t-fast) var(--ease)}.bottom-nav>a>span>.nav-ico svg{width:22px;height:22px}.bottom-nav>a>span.active{color:var(--navy)}.bottom-nav>a>span.active .nav-ico{transform:translateY(-1px)}.bottom-nav>a>span.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--terracotta);border-radius:var(--r-pill)}.bottom-nav>a>span{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-3);box-shadow:var(--shadow-1);transition:box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.card.tap{display:block;color:var(--ink);text-decoration:none;cursor:pointer}.card.tap:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2);transform:translateY(-1px)}.card.tap:active{transform:translateY(0);box-shadow:var(--shadow-1)}.row{display:flex;align-items:center;gap:var(--s-3)}.row.spread{justify-content:space-between}.row.wrap{flex-wrap:wrap}.muted{color:var(--ink-mute);font-size:.85rem}.tiny{color:var(--ink-faint);font-size:.78rem;letter-spacing:.01em}.section-h{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-weight:600;margin:var(--s-6) 0 var(--s-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--touch);padding:0 18px;border-radius:var(--r-md);font-family:var(--font-sans);font-weight:500;font-size:.92rem;letter-spacing:.005em;border:1px solid transparent;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #c4622d4d}.btn-primary{background:var(--terracotta);color:#fff;box-shadow:var(--shadow-inner),0 1px 2px #a24f224d}.btn-primary:hover:not(:disabled){background:var(--terra-deep);box-shadow:var(--shadow-inner),0 2px 8px #a24f2259}.btn-secondary{background:var(--navy);color:#fff;box-shadow:var(--shadow-inner),0 1px 2px #1b3a5c4d}.btn-secondary:hover:not(:disabled){background:var(--navy-deep);box-shadow:var(--shadow-inner),0 2px 8px #1b3a5c59}.btn-ghost{background:var(--bg-card);color:var(--navy);border-color:var(--line)}.btn-ghost:hover:not(:disabled){background:var(--blue-tint);border-color:var(--blue);color:var(--navy)}.btn.full{width:100%}.btn.sm{min-height:36px;padding:0 14px;font-size:.83rem}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:500;letter-spacing:.04em;padding:3px 9px;border-radius:var(--r-pill);color:#fff;white-space:nowrap;text-transform:none}.badge:before{content:"";width:5px;height:5px;border-radius:var(--r-pill);background:#ffffffb3}.badge.draft{background:var(--st-draft)}.badge.pending{background:var(--st-pending)}.badge.review{background:var(--st-review)}.badge.validated{background:var(--st-validated)}.badge.archived{background:var(--st-archived)}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--terracotta);color:#fff;font-size:.66rem;font-weight:700;line-height:1;letter-spacing:0;font-family:var(--font-sans);box-shadow:0 0 0 2px var(--bg);animation:pill-pop var(--t-med) var(--ease-out)}.pill.lg{min-width:22px;height:22px;font-size:.74rem;padding:0 7px}@keyframes pill-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.bottom-nav .pill-wrap{position:relative;display:inline-flex}.bottom-nav .pill-wrap .pill{position:absolute;top:-3px;right:-10px;box-shadow:0 0 0 2px #ffffffeb}.entity-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-pill);background:var(--blue-tint);color:var(--navy);font-size:.72rem;font-weight:600;letter-spacing:.04em;border:1px solid rgba(74,127,165,.18)}.doc-list{display:flex;flex-direction:column;gap:var(--s-2)}.doc-row .title{font-family:var(--font-serif);font-size:1.05rem;color:var(--navy);font-weight:600;margin-bottom:6px;letter-spacing:-.01em}.doc-row .meta{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;row-gap:4px}.thread{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-3)}.bubble-wrap{display:flex;gap:var(--s-2);align-items:flex-end;max-width:100%}.bubble-wrap.me{flex-direction:row-reverse}.avatar{width:28px;height:28px;border-radius:var(--r-pill);background:var(--blue-soft);color:var(--navy);font-family:var(--font-serif);font-weight:600;font-size:.72rem;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(74,127,165,.2);-webkit-user-select:none;user-select:none}.avatar.me{background:var(--terra-soft);color:var(--terra-deep);border-color:#c4622d33}.bubble{max-width:78%;padding:10px 14px;border-radius:14px;background:var(--bg-card);border:1px solid var(--line);word-wrap:break-word;box-shadow:var(--shadow-1);animation:bubble-in var(--t-med) var(--ease-out);font-size:.93rem;line-height:1.5}.bubble-wrap:not(.me) .bubble{border-bottom-left-radius:4px}.bubble-wrap.me .bubble{background:linear-gradient(180deg,#fff 0%,var(--terra-tint) 100%);border-color:#c4622d40;border-bottom-right-radius:4px}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bubble .author{font-size:.7rem;color:var(--ink-mute);font-weight:600;margin-bottom:4px;letter-spacing:.02em;display:flex;align-items:center;gap:6px}.bubble .body{white-space:pre-wrap;color:var(--ink)}.bubble .ts{font-size:.68rem;color:var(--ink-faint);margin-top:6px;font-variant-numeric:tabular-nums}.kind-tag{font-size:.62rem;padding:1px 7px;background:var(--blue-soft);color:var(--navy);border-radius:var(--r-pill);letter-spacing:.07em;text-transform:uppercase;font-weight:600;border:1px solid rgba(74,127,165,.2)}.composer{position:sticky;bottom:calc(var(--safe-bottom) + 64px);background:var(--bg);padding:var(--s-2) 0;display:flex;gap:var(--s-2);z-index:5}.composer textarea{resize:none;min-height:var(--touch);max-height:120px;padding:12px 14px;border-radius:var(--r-lg);font-size:.95rem;background:var(--bg-card)}.composer button{flex-shrink:0;padding:0 18px;background:var(--terracotta);color:#fff;border-radius:var(--r-lg);min-height:var(--touch);font-weight:500;font-size:.9rem;transition:background var(--t-fast) var(--ease)}.composer button:hover:not(:disabled){background:var(--terra-deep)}.login-screen{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:0 var(--s-4);background:radial-gradient(ellipse at top,rgba(74,127,165,.06) 0%,transparent 60%),linear-gradient(180deg,#fafaf7,#f1eee6)}.login-card{max-width:380px;width:100%;margin:10vh auto 0;padding:var(--s-9) var(--s-7);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);animation:fade-in var(--t-slow) var(--ease-out)}.login-card .sub{text-align:center;color:var(--ink-mute);margin-bottom:var(--s-7);font-size:.85rem;letter-spacing:.04em;font-style:italic;font-family:var(--font-serif)}.login-card label{margin:var(--s-4) 0 6px}.login-logo{display:block;width:124px;height:124px;margin:0 auto var(--s-4);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.error{background:var(--terra-soft);color:var(--terra-deep);padding:10px 14px;border-radius:var(--r-md);font-size:.88rem;margin:var(--s-2) 0;border-left:3px solid var(--terracotta)}.timeline{border-left:2px solid var(--line);padding-left:var(--s-4);margin-left:var(--s-2);margin-top:var(--s-2)}.timeline .item{margin-bottom:var(--s-4);position:relative}.timeline .item:before{content:"";position:absolute;left:-21px;top:6px;width:8px;height:8px;background:var(--bg);border:2px solid var(--blue);border-radius:var(--r-pill)}.timeline .item:first-child:before{background:var(--terracotta);border-color:var(--terracotta)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:var(--s-4);overflow-x:auto;scrollbar-width:none;gap:2px}.tabs::-webkit-scrollbar{display:none}.tabs button{padding:10px 14px;font-size:.88rem;color:var(--ink-mute);border-bottom:2px solid transparent;white-space:nowrap;font-weight:500;font-family:var(--font-sans);transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);margin-bottom:-1px}.tabs button:hover{color:var(--navy)}.tabs button.active{color:var(--navy);border-bottom-color:var(--terracotta);font-weight:600}.tempPwd{font-family:var(--font-mono);font-size:1.35rem;font-weight:500;background:#fff;color:var(--navy);padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);text-align:center;letter-spacing:.05em;-webkit-user-select:all;user-select:all;box-shadow:var(--shadow-1)}@media (min-width: 720px){.app{box-shadow:var(--shadow-3);border-left:1px solid var(--line);border-right:1px solid var(--line)}body{background:linear-gradient(180deg,#F1EEE6 0%,var(--bg) 320px)}h1{font-size:2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}