:root{--bg:#0d0b09;--surface:#161310;--gold:#c8900c;--gold-hi:#f0b830;--gold-dim:#c8900c26;--white:#fff;--body:#c8bfb4;--dim:#6a5e52;--border:#c8900c38;--input-bg:#ffffff0a;--input-bd:#c8bfb42e;--input-focus:#c8900c59;--font-display:"Cormorant Garamond", serif;--font-body:"DM Sans", sans-serif;--text-display-xl:2.4rem;--text-display-lg:2rem;--text-display-md:1.8rem;--text-headline:1.65rem;--text-headline-sm:1.5rem;--text-wordmark:1rem;--text-body:.88rem;--text-body-sm:.82rem;--text-caption:.78rem;--text-label:.68rem;--text-meta:.65rem;--radius-card:16px;--radius-button:12px;--radius-input:14px;--radius-pill:100px;--radius-circle:50%;--radius-sheet:24px 24px 0 0;--radius-child:20px;--card-padding:1rem 1.25rem;--card-bg:var(--input-bg);--card-border:1px solid var(--input-bd);--btn-padding:.95rem 1.5rem;--btn-bg:linear-gradient(135deg, #c8900c38, #c8900c14);--btn-bg-gold:linear-gradient(135deg, #c8900c61, #c8900c2e);--btn-border:1px solid var(--border);--btn-border-gold:1px solid #c8900c73;--lh-body:1.65;--lh-headline:1.3;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.25s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.04)}}@keyframes sheen{0%{left:-80%}55%{left:140%}to{left:140%}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes spin{to{transform:rotate(360deg)}}.wordmark{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--text-wordmark);color:var(--gold-hi)}.headline{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--text-headline);color:var(--white);line-height:var(--lh-headline)}.headline-sm{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--text-headline-sm);color:var(--white);line-height:var(--lh-headline)}.label{font-family:var(--font-body);font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:500}.meta{font-family:var(--font-body);font-size:var(--text-meta);color:var(--dim)}.btn{width:100%;padding:var(--btn-padding);border:var(--btn-border);border-radius:var(--radius-button);background:var(--btn-bg);color:var(--gold-hi);font-family:var(--font-body);font-weight:500;font-size:var(--text-caption);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all var(--duration);justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative;overflow:hidden}.btn:hover{background:linear-gradient(135deg,#c8900c52,#c8900c24);transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn.gold{background:var(--btn-bg-gold);border:var(--btn-border-gold)}.btn.off,.btn:disabled{opacity:.3;pointer-events:none}.input{background:var(--input-bg);border:1px solid var(--input-bd);border-radius:var(--radius-input);width:100%;padding:var(--card-padding);font-family:var(--font-body);font-weight:500;font-size:var(--text-wordmark);color:var(--white);transition:border-color var(--duration), box-shadow var(--duration);caret-color:var(--gold-hi)}.input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #c8900c14}.input::placeholder{color:var(--dim);font-weight:400}.textarea{background:var(--input-bg);border:1px solid var(--input-bd);border-radius:var(--radius-card);width:100%;font-family:var(--font-body);font-size:var(--text-body);color:var(--white);line-height:var(--lh-body);resize:none;min-height:120px;transition:border-color var(--duration);caret-color:var(--gold-hi);padding:1rem 1.25rem}.textarea:focus{border-color:var(--input-focus)}.textarea::placeholder{color:var(--dim)}.card{padding:var(--card-padding);background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-card);transition:border-color var(--duration)}.card:hover{border-color:var(--border)}.card-gold{padding:var(--card-padding);border-radius:var(--radius-card);background:#c8900c0f;border:1px solid #c8900c2e}.pill{border-radius:var(--radius-pill);border:1px solid var(--input-bd);background:var(--input-bg);font-size:var(--text-caption);color:var(--body);cursor:pointer;white-space:nowrap;transition:all var(--duration);align-items:center;gap:.35rem;padding:.38rem .7rem;display:inline-flex}.pill.active{color:var(--gold-hi);background:#c8900c14;border-color:#c8900c66}.avatar{border-radius:var(--radius-circle);border:1px solid var(--border);width:36px;height:36px;font-family:var(--font-body);font-size:var(--text-caption);color:var(--gold-hi);background:linear-gradient(135deg,#c8900c59,#c8900c1a);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.avatar-sm{width:30px;height:30px;font-size:var(--text-meta)}.avatar-lg{width:44px;height:44px;font-size:var(--text-body)}.filter-pill{border-radius:var(--radius-pill);font-size:var(--text-caption);font-family:var(--font-body);color:var(--dim);background:var(--input-bg);border:1px solid var(--input-bd);white-space:nowrap;transition:all var(--duration);padding:.35rem .85rem}.filter-pill.active{color:var(--gold-hi);border-color:var(--gold);background:var(--gold-dim)}#k-child-toggle:active #k-child-initial{box-shadow:0 0 12px #ffb74d26}.cm-action-btn:active{transform:scale(.97);background:#ffffff14!important}.back{border-radius:var(--radius-button);background:var(--input-bg);border:1px solid var(--input-bd);cursor:pointer;width:36px;height:36px;color:var(--dim);font-size:var(--text-body);transition:all var(--duration);flex-shrink:0;justify-content:center;align-items:center;display:flex}.back:hover{border-color:var(--border)}.format-tabs{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:1.25rem;display:grid}.format-tab{background:var(--input-bg);border:1px solid var(--input-bd);border-radius:var(--radius-button);cursor:pointer;transition:all var(--duration);font-size:var(--text-label);color:var(--dim);flex-direction:column;align-items:center;gap:.3rem;padding:.65rem .5rem;display:flex}.format-tab:hover{border-color:var(--border)}.format-tab.active{color:var(--gold-hi);background:#c8900c14;border-color:#c8900c73}.bottom-nav{padding:.6rem 0 calc(.6rem + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 60%, transparent);z-index:100;justify-content:center;align-items:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;color:var(--dim);transition:color var(--duration);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.5rem;display:flex}.nav-item.active{color:var(--gold-hi)}.nav-label{font-size:var(--text-meta);font-family:var(--font-body);letter-spacing:.04em}.nav-item-center{border-radius:var(--radius-circle);cursor:pointer;width:52px;height:52px;transition:all var(--duration);background:linear-gradient(135deg,#c8900c59,#c8900c1f);border:1.5px solid #c8900c66;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #c8900c26}.nav-item-center:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c8900c40}.seal-badge{font-size:var(--text-meta);color:var(--gold);align-items:center;gap:.25rem;margin-top:.5rem;display:inline-flex}.sheet-overlay{z-index:200;opacity:0;pointer-events:none;transition:opacity var(--duration);background:#0009;position:fixed;inset:0}.sheet-overlay.open{opacity:1;pointer-events:auto}.sheet{background:var(--surface);border-radius:var(--radius-sheet);max-height:85vh;padding:1.25rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));transition:transform .35s var(--ease-out);z-index:201;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sheet-overlay.open .sheet{transform:translateY(0)}.sheet-handle{background:#c8bfb433;border-radius:2px;width:36px;height:4px;margin:0 auto 1.25rem}.spinner{border:2px solid #c8900c33;border-top-color:var(--gold-hi);border-radius:var(--radius-circle);width:20px;height:20px;animation:.6s linear infinite spin}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--body);background:var(--bg);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;position:relative;overflow:hidden}.view{opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;transition:opacity .3s;position:absolute;inset:0;overflow:hidden auto}.view.active{opacity:1;pointer-events:auto;z-index:1}#v-child-mode{transition:opacity .3s,transform .3s;transform:scale(.98)}#v-child-mode.active{transform:scale(1)}#v-keeper{transition:opacity .2s}.shell{max-width:420px;min-height:100%;margin:0 auto;padding:0 1.5rem}::-webkit-scrollbar{display:none}*{scrollbar-width:none}::selection{color:var(--white);background:#c8900c4d}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input,textarea,button{background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
