*,*:before,*:after{box-sizing:border-box}:root{--bg-gradient-start: #fde0e6;--bg-gradient-mid: #fdf6f0;--bg-gradient-end: #f7e2ff;--text-primary: #402b3a;--text-secondary: #8b5e7f;--text-tertiary: #8f6081;--text-muted: #7a4d6c;--text-strong: #5a3246;--card-bg: rgba(255, 255, 255, .9);--card-bg-solid: rgba(255, 255, 255, .96);--card-shadow: rgba(162, 98, 138, .25);--pill-bg: rgba(252, 237, 244, .95);--pill-dot: #ff8bb2;--button-primary-start: #ff8bb2;--button-primary-end: #ffb3c6;--button-primary-shadow: rgba(255, 139, 178, .4);--button-secondary-bg: rgba(245, 231, 245, .95);--button-secondary-hover: rgba(240, 220, 244, .98);--button-ghost-hover: rgba(245, 231, 245, .7);--input-border: rgba(208, 169, 204, .7);--input-bg: rgba(255, 255, 255, .9);--input-focus-border: #ff8bb2;--input-focus-shadow: rgba(255, 139, 178, .4);--error-text: #c7395a;--login-side-bg-start: #ffe3ed;--login-side-bg-end: #f2d7ff;--login-side-text: #663454;--letter-card-bg: rgba(255, 255, 255, .96);--letter-card-border: rgba(222, 189, 215, .7);--letter-sidebar-border: rgba(215, 170, 203, .7);--chip-bg: rgba(247, 228, 249, .95);--modal-backdrop: rgba(30, 13, 28, .4);--modal-bg: rgba(255, 255, 255, .98);--modal-shadow: rgba(99, 53, 87, .25);--empty-state-bg: rgba(255, 255, 255, .85);--empty-state-border: rgba(200, 156, 191, .7)}[data-theme=dark]{--bg-gradient-start: #1a0f1a;--bg-gradient-mid: #1f121f;--bg-gradient-end: #1a0f1a;--text-primary: #f5e6f0;--text-secondary: #c9a8b8;--text-tertiary: #b89aa8;--text-muted: #a88a9a;--text-strong: #e8d4e0;--card-bg: rgba(30, 20, 28, .95);--card-bg-solid: rgba(35, 25, 33, .98);--card-shadow: rgba(0, 0, 0, .5);--pill-bg: rgba(50, 35, 48, .95);--pill-dot: #ff8bb2;--button-primary-start: #ff8bb2;--button-primary-end: #ffb3c6;--button-primary-shadow: rgba(255, 139, 178, .3);--button-secondary-bg: rgba(50, 35, 48, .95);--button-secondary-hover: rgba(60, 45, 58, .98);--button-ghost-hover: rgba(50, 35, 48, .7);--input-border: rgba(100, 70, 95, .7);--input-bg: rgba(40, 30, 38, .9);--input-focus-border: #ff8bb2;--input-focus-shadow: rgba(255, 139, 178, .3);--error-text: #ff6b8a;--login-side-bg-start: #2a1a25;--login-side-bg-end: #2d1f2a;--login-side-text: #d4b8c8;--letter-card-bg: rgba(35, 25, 33, .98);--letter-card-border: rgba(70, 50, 65, .7);--letter-sidebar-border: rgba(80, 60, 75, .7);--chip-bg: rgba(50, 35, 48, .95);--modal-backdrop: rgba(0, 0, 0, .7);--modal-bg: rgba(35, 25, 33, .98);--modal-shadow: rgba(0, 0, 0, .5);--empty-state-bg: rgba(40, 30, 38, .85);--empty-state-border: rgba(90, 70, 85, .7)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 45%,var(--bg-gradient-end) 100%);min-height:100vh;color:var(--text-primary);transition:background .3s ease,color .3s ease}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.app-card{width:100%;max-width:960px;background:var(--card-bg);border-radius:24px;padding:24px 28px 28px;box-shadow:0 18px 45px var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s ease,box-shadow .3s ease}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.app-title{font-size:1.6rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.app-subtitle{font-size:.9rem;color:var(--text-secondary)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--pill-bg);color:var(--text-secondary);font-size:.8rem}.pill-dot{width:8px;height:8px;border-radius:999px;background:var(--pill-dot)}.button{border-radius:999px;border:none;padding:8px 16px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .1s ease,box-shadow .1s ease,background .15s ease}.button-primary{background:linear-gradient(135deg,var(--button-primary-start),var(--button-primary-end));color:#fff;box-shadow:0 8px 20px var(--button-primary-shadow)}.button-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px var(--button-primary-shadow)}.button-secondary{background:var(--button-secondary-bg);color:var(--text-muted)}.button-secondary:hover{background:var(--button-secondary-hover)}.button-ghost{background:transparent;color:var(--text-muted)}.button-ghost:hover{background:var(--button-ghost-hover)}.button:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.input,.textarea,.select{width:100%;border-radius:14px;border:1px solid var(--input-border);padding:8px 11px;font-size:.95rem;font-family:inherit;background:var(--input-bg);color:var(--text-primary);transition:border-color .12s ease,box-shadow .12s ease,background .1s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 1px var(--input-focus-shadow);background:var(--card-bg-solid)}.textarea{resize:vertical;min-height:140px}.field-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin-bottom:4px}.error-text{color:var(--error-text);font-size:.8rem;margin-top:6px}.login-layout{display:flex;gap:32px}.login-main{flex:2}.login-side{flex:1.3;border-radius:20px;padding:16px 18px;background:linear-gradient(145deg,var(--login-side-bg-start),var(--login-side-bg-end));color:var(--login-side-text);font-size:.9rem;display:flex;flex-direction:column;gap:8px}.login-side-heading{font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.login-person-card{border-radius:18px;padding:10px 12px;background:var(--card-bg);display:flex;flex-direction:column;gap:2px;font-size:.8rem}.login-person-name{font-weight:600;color:var(--text-strong)}.login-person-note{color:var(--text-tertiary);font-size:.78rem}.login-form{display:flex;flex-direction:column;gap:14px;margin-top:10px}.login-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.login-footer-text{font-size:.8rem;color:var(--text-tertiary)}.dashboard{margin-bottom:16px;padding:12px;border-radius:16px;background:var(--card-bg);border:1px solid var(--letter-card-border)}.dashboard-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--button-secondary-bg);color:var(--text-primary);text-decoration:none;transition:background .15s ease,transform .1s ease;font-size:.9rem}.dashboard-item:hover{background:var(--button-secondary-hover);transform:translateY(-1px)}.dashboard-icon{font-size:1.2rem}.dashboard-text{font-weight:500}.letters-layout{display:flex;flex-direction:column;gap:16px}.letters-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.letters-toolbar-left{display:flex;flex-direction:column;gap:4px}.letters-meta{font-size:.82rem;color:var(--text-tertiary)}.letters-meta strong{color:var(--text-strong)}.letters-list{margin-top:4px;display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding-right:4px}.letters-empty{font-size:.9rem;color:var(--text-tertiary);padding:18px 16px;border-radius:16px;background:var(--empty-state-bg);border:1px dashed var(--empty-state-border)}.letter-card{border-radius:18px;padding:12px 13px;background:var(--letter-card-bg);border:1px solid var(--letter-card-border);display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:4px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.letter-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--card-shadow)}.letter-card.collapsed{padding:10px 12px}.letter-card.expanded{padding:14px 15px}.letter-sidebar{display:flex;flex-direction:column;align-items:center;gap:6px;padding-right:8px;border-right:1px dashed var(--letter-sidebar-border)}.avatar{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:600;color:#fff}.avatar-advaith{background:linear-gradient(145deg,#6f8bff,#93b1ff)}.avatar-heer{background:linear-gradient(145deg,#ff8bb2,#ffb3c6)}.letter-author{writing-mode:vertical-rl;text-orientation:mixed;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-tertiary)}.letter-main{display:flex;flex-direction:column;gap:6px}.letter-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.78rem;color:var(--text-tertiary)}.letter-meta span:nth-child(2){opacity:.9}.letter-body{white-space:pre-wrap;font-size:.9rem;line-height:1.5;color:var(--text-primary)}.letter-expand-hint{font-size:.75rem;color:var(--text-tertiary);font-style:italic;margin-top:2px;opacity:.7}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:var(--chip-bg);font-size:.75rem;color:var(--text-muted)}.chip-dot-advaith{width:7px;height:7px;border-radius:999px;background:#6f8bff}.chip-dot-heer{width:7px;height:7px;border-radius:999px;background:#ff8bb2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:20}.modal{width:100%;max-width:520px;border-radius:24px;background:var(--modal-bg);padding:18px 20px;box-shadow:0 10px 28px var(--modal-shadow);color:var(--text-primary)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-title{font-size:1.1rem;font-weight:600}.modal-body{display:flex;flex-direction:column;gap:12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.author-toggle{display:inline-flex;padding:4px;border-radius:999px;background:var(--button-secondary-bg);gap:4px}.author-toggle-button{border-radius:999px;border:none;padding:5px 10px;font-size:.8rem;cursor:pointer;background:transparent;color:var(--text-muted)}.author-toggle button.active-advaith{background:#e0e6ff;color:#304099}.author-toggle button.active-heer{background:#ffe1ec;color:#b33863}.fake-update-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999}.fake-update-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px}.fake-update-icon{width:120px;height:120px;border-radius:26px;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.fake-update-icon-fallback{width:120px;height:120px;border-radius:26px;background:linear-gradient(135deg,#ff8bb2,#6f8bff);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:none}.fake-update-icon-fallback span{color:#fff;font-size:48px;font-weight:700;font-family:system-ui,sans-serif}.fake-update-text{color:#fff;font-size:17px;font-weight:400;text-align:center;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none}.fade-in{animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-card{padding:18px 18px 22px}.app-header{flex-direction:column;align-items:flex-start;gap:8px}.login-layout{flex-direction:column-reverse}.letters-list{max-height:none}}