:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253b34;background:#f8f9f5;font-synthesis:none;--forest:#214c3e;--ink:#233d33;--muted:#738077;--line:#e1e6de;--lime:#ddeaab;--paper:#fff;--radius:18px}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a{touch-action:manipulation}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #9eb766;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.16}h1{font-size:2.6rem}h2{font-size:2rem}.muted{color:var(--muted);margin-top:12px}.eyebrow{font-size:.7rem;font-weight:650;letter-spacing:.14em;display:block;line-height:1.7}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.85rem;font-weight:650;letter-spacing:-.065em;line-height:1}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--forest);color:#e6eebd;border-radius:14px;font-size:2.05rem;font-weight:600;letter-spacing:-.08em;padding-bottom:5px}.brand-dot{color:#789458}.icon-button{background:transparent;border:0;color:#6e7e73;border-radius:8px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:#eaf0e6}.primary{background:var(--forest);color:#fff;border:1px solid var(--forest);border-radius:10px;padding:13px 20px;display:inline-flex;gap:22px;align-items:center;justify-content:center;font-size:.9rem;font-weight:550;min-height:48px}.primary:not(:disabled):hover{background:#153b2e}.full{width:100%;justify-content:space-between}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px 18px;display:flex;gap:14px;align-items:center;font-size:.875rem}.boot{min-height:100dvh;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;padding:24px;text-align:center}.boot h1{font-size:1.6rem}.small-icon{display:flex;width:48px;height:48px;background:#edf1e5;border:1px solid #e0e6d3;border-radius:14px;align-items:center;justify-content:center;color:var(--forest)}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;padding:18px;gap:18px}.login-story{background:#e9eddc;border:1px solid #e0e6d4;border-radius:22px;padding:38px 44px;display:flex;flex-direction:column;overflow:hidden;position:relative}.story-body{margin:auto 0;padding:65px 10px 0}.story-body h1{font-size:clamp(2.7rem,4.4vw,4.6rem);margin:21px 0 24px;line-height:1.1;letter-spacing:-.055em}.story-body p{color:#6b7865;line-height:1.75}.paper-scene{height:235px;position:relative;max-width:370px;margin:15px auto 0}.paper{position:absolute;width:215px;height:142px;background:#fbfcf5;border:1px solid #d5ddc7;border-radius:12px;left:65px;top:46px;box-shadow:0 15px 25px -20px #3e553470}.paper-back{transform:rotate(-12deg);background:#dce5c6;left:39px;top:51px}.paper-front{transform:rotate(5deg);padding:25px}.paper-dot{display:block;height:11px;width:11px;border-radius:50%;background:#95a779;margin-bottom:18px}.paper-line{height:5px;border-radius:4px;background:#dce2d1;width:105px;margin-top:10px}.paper-line.long{width:153px}.paper-line.short{width:76px}.paper-check{position:absolute;right:22px;bottom:20px;color:#58704c}.floating-stamp{position:absolute;right:31px;top:26px;background:var(--forest);color:#edf5d6;width:53px;height:53px;border-radius:17px;transform:rotate(12deg);display:grid;place-items:center;border:5px solid #e9eddc}.floating-stamp svg{width:22px;height:22px}.story-footer{font-size:.75rem;color:#748066;margin-top:28px}.login-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:50px 30px 85px}.login-card{width:100%;max-width:364px}.login-card .small-icon{margin-bottom:29px}.login-card .eyebrow{color:#859173;margin-bottom:12px}.login-card h2{font-size:2.15rem}.login-card .muted{font-size:.95rem;margin-top:10px}.login-card form{margin-top:35px}label{display:block;font-size:.875rem;font-weight:550;margin-bottom:9px}input{height:50px;border-radius:9px;border:1px solid #dce3d7;background:#fff;width:100%;padding:0 15px;font-size:.9rem;color:var(--ink)}input::placeholder,textarea::placeholder{color:#97a194}input:focus,textarea:focus{outline:2px solid #89a377;outline-offset:2px}.password-label{margin-top:22px}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{position:absolute;right:5px;top:5px}.form-error{color:#a14436;font-size:.8rem;min-height:28px;margin:10px 0}.login-note{display:flex;gap:10px;align-items:flex-start;margin-top:24px;color:#85907f;font-size:.75rem;line-height:1.7;padding:0 5px}.login-note svg{width:16px;flex-shrink:0;margin-top:2px}.login-footer{position:absolute;bottom:20px;text-align:center;color:#8b9486;font-size:.75rem}.workspace{display:flex;min-height:100dvh}.sidebar{width:248px;background:#eff2e9;border-right:1px solid var(--line);padding:33px 22px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar .brand{margin-left:13px}.side-section{margin-top:62px}.side-section>.eyebrow{color:#8a947f;margin-left:15px;margin-bottom:16px}.nav-item{display:flex;align-items:center;gap:12px;border:1px solid #d9e3cb;background:#e2eacb;padding:13px 15px;border-radius:10px;color:#344c2f;font-size:.875rem;font-weight:550}.nav-indicator{width:6px;height:6px;background:#678348;border-radius:50%;margin-left:auto}.side-bottom{margin-top:auto}.privacy-mini{padding:20px 15px 28px;color:#8c9680}.privacy-mini p{font-size:.8rem;line-height:1.7;margin-top:12px}.privacy-mini svg{width:18px}.account{display:flex;align-items:center;gap:10px;border-top:1px solid #dce2d4;padding:22px 0 0}.account strong{display:block;font-size:.8rem;font-weight:600}.account span:not(.avatar){display:block;font-size:.7rem;color:#929a8b}.account .icon-button{margin-left:auto;width:28px}.avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-size:.7rem;font-weight:600}.avatar.admin{background:#dce4d2;color:#516641}.user1{background:#e4ebd4;color:#617746}.user2{background:#f2e5d8;color:#9d7558}.main{margin-left:248px;flex:1;min-width:0;display:flex;flex-direction:column;min-height:100dvh}.topbar{height:83px;padding:0 48px;border-bottom:1px solid #e8ebe4;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.8rem;color:#7b8779}.access-label{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#89917f}.access-label svg{width:14px;height:14px}.compose-content{width:min(100%,850px);padding:65px 48px 30px;margin:0 auto}.heading .eyebrow,.inbox-heading .eyebrow{color:#81916e;margin-bottom:14px}.heading h1{font-size:2.4rem}.compose-card{margin-top:38px;border:1px solid #dfe5d9;border-radius:var(--radius);background:white;overflow:hidden;box-shadow:0 8px 24px -15px #60714a26}.compose-header{padding:22px 24px;border-bottom:1px solid #ecede7;display:flex;align-items:center;gap:12px}.recipient-avatar{height:43px;width:43px;border-radius:13px;background:#eff3e7;color:#6b8554;display:grid;place-items:center}.compose-header strong{display:block;font-size:.875rem;font-weight:550}.compose-header div>span{display:block;font-size:.75rem;color:#8d9788;margin-top:2px}.private-pill{margin-left:auto;background:#f4f6ed;color:#879779;border:1px solid #e7ecdc;font-size:.7rem;border-radius:6px;padding:3px 7px;display:flex;gap:4px;align-items:center}.private-pill svg{width:12px;height:12px}textarea{display:block;width:100%;height:250px;min-height:180px;resize:vertical;max-height:600px;border:0;padding:26px;font-size:1rem;line-height:1.8;color:var(--ink);background:#fff;border-radius:0}textarea:focus{outline-offset:-4px}.compose-actions{padding:16px 22px;border-top:1px solid #f0f1ec;display:flex;justify-content:space-between;align-items:center;gap:10px}.compose-actions>span{font-size:.75rem;color:#98a18f}.compose-actions .primary{font-size:.8rem;gap:15px}.under-note{display:flex;justify-content:center;align-items:flex-start;gap:8px;color:#929c87;font-size:.75rem;text-align:center;margin-top:10px;line-height:1.8}.under-note svg{width:14px;flex-shrink:0;margin-top:3px}.send-status{min-height:26px;margin-top:16px;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:8px}.success{color:#44693e}.error{color:#a14436}.workspace-footer{display:flex;justify-content:space-between;align-items:center;color:#99a18f;font-size:.7rem;margin-top:auto;padding:28px 48px 22px}.footer-brand{font-size:1.2rem;font-weight:650;letter-spacing:-.06em;color:#87947c}.inbox-content{padding:52px 48px 16px;width:100%;max-width:1260px;margin:0 auto}.inbox-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.heading-dot{color:#8da367}.inbox-illustration{display:flex;flex-direction:column;align-items:center;gap:12px;color:#91a37c;margin:0 12px 0 24px}.inbox-illustration>svg{width:47px;height:47px;stroke-width:1}.inbox-illustration span{font-size:.7rem;white-space:nowrap}.inbox-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.filters{display:flex;align-items:center;gap:6px}.filter{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:9px;border-radius:8px;padding:10px 13px;color:#7e8977;font-size:.8rem;min-height:42px}.filter.active{background:#fff;border-color:#dce4d3;color:#344e32;box-shadow:0 2px 3px #33482c04}.filter>span{font-size:.7rem;background:#eaf0dc;color:#778763;padding:1px 6px;border-radius:4px;min-width:21px}.filter:not(.active)>span{background:#edefe8;color:#8d9784}.sender-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.sender-dot.user1{background:#98ad74}.sender-dot.user2{background:#c6a78a}.refresh-button{border:0;background:transparent;display:flex;gap:8px;align-items:center;color:#7b8971;font-size:.75rem;padding:10px;border-radius:8px}.refresh-button:hover{background:#edf0e5}.refresh-button svg{width:15px;height:15px}.list-meta{display:flex;align-items:center;justify-content:space-between;margin-top:26px;font-size:.7rem;color:#98a18e}.list-meta>span:first-child{letter-spacing:.1em;font-weight:550}.inbox-error{font-size:.875rem;color:#a14436;margin-top:12px}.inbox-error:empty{margin:0}.date-heading{font-size:.7rem;color:#8b967f;letter-spacing:0;font-weight:500;margin:25px 0 12px}.message-card{display:flex;gap:14px;padding:23px 24px;border:1px solid #e0e6d9;border-radius:12px;background:white;margin:10px 0;box-shadow:0 3px 8px #3c4f2b02}.message-avatar{width:35px;height:35px}.message-main{flex:1;min-width:0}.message-main header{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:2px 0 8px}.message-main strong{font-size:.8rem;font-weight:600}.message-main time{font-size:.7rem;color:#98a18f}.message-main p{font-size:.95rem;color:#596651;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.inbox-bottom{display:flex;align-items:center;gap:7px;font-size:.7rem;color:#929e85;margin-top:25px}.live-dot{height:5px;width:5px;background:#99ae77;border-radius:50%}.inbox-private{margin-left:auto}.load-more{margin:25px auto 0}.empty-state{border:1px dashed #dce3d2;border-radius:16px;min-height:290px;margin-top:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.empty-state h2{font-size:1.4rem;margin-top:22px}.empty-state p{font-size:.875rem;color:#8a967e;margin-top:10px}.empty-art{height:65px;width:65px;border:1px solid #dce5cc;border-radius:22px;background:#edf2e2;display:grid;place-items:center;color:#8ca471}.empty-art svg{height:28px;width:28px;stroke-width:1.25}.empty-caption{font-size:.65rem;letter-spacing:.14em;color:#a0aa95;margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1500px){.login-story{padding-left:65px}.story-body{padding-left:40px}}@media(max-width:1100px){.sidebar{width:214px;padding-left:16px;padding-right:16px}.main{margin-left:214px}.topbar{padding:0 30px}.inbox-content,.compose-content{padding-left:30px;padding-right:30px}.workspace-footer{padding-left:30px;padding-right:30px}.inbox-illustration{display:none}.filter{padding:9px 10px}.login-story{padding:32px}.story-body{padding-left:0}.story-body h1{font-size:3.4rem}.paper-scene{transform:scale(.85);transform-origin:left center}.login-panel{padding-left:22px;padding-right:22px}}@media(max-width:760px){h1{font-size:2.2rem}.login-layout{display:block;padding:0}.login-story{border:0;border-radius:0;padding:26px 26px 31px}.login-story .brand{font-size:1.5rem}.login-story .brand-mark{width:35px;height:35px;font-size:1.7rem;border-radius:11px}.story-body{padding:30px 0 0}.story-body h1{font-size:2.25rem;margin:12px 0 0}.story-body h1 br{display:none}.story-body p,.paper-scene,.story-footer,.story-body .eyebrow{display:none}.login-panel{padding:35px 26px 70px}.login-card{max-width:420px}.login-card .small-icon,.login-card .eyebrow{display:none}.login-card h2{font-size:1.8rem}.login-card form{margin-top:26px}.login-footer{bottom:20px}.sidebar{position:static;width:100%;height:auto;padding:17px 22px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0;font-size:1.6rem}.sidebar .brand-mark{height:34px;width:34px;font-size:1.7rem;border-radius:10px}.side-section,.privacy-mini{display:none}.side-bottom{margin:0 0 0 auto}.account{border:0;padding:0;gap:9px}.account .avatar{display:none}.account span:not(.avatar){font-size:.65rem}.account strong{font-size:.75rem}.account .icon-button{margin-left:5px;width:34px}.workspace{display:block}.main{margin:0;min-height:calc(100dvh - 77px)}.topbar{height:52px;padding:0 22px;font-size:.7rem}.access-label{font-size:.65rem}.access-label svg{width:12px}.compose-content{padding:36px 22px 18px}.heading h1{font-size:1.95rem}.eyebrow{font-size:.65rem}.heading .muted,.inbox-heading .muted{font-size:.875rem}.compose-card{margin-top:28px}.compose-header{padding:18px 16px;gap:10px}.compose-header strong{font-size:.8rem}.compose-header div>span{font-size:.65rem}.recipient-avatar{height:37px;width:37px}.private-pill{font-size:.6rem}.compose-actions{padding:14px 16px}.compose-actions .primary{padding:11px 15px;gap:12px}textarea{padding:20px;height:235px}.under-note{font-size:.7rem}.workspace-footer{padding:28px 22px 20px;font-size:.65rem}.inbox-content{padding:33px 22px 10px}.inbox-heading{margin-bottom:28px}.inbox-heading .eyebrow{font-size:.6rem;margin-bottom:10px}.inbox-tools{gap:0;padding-bottom:17px}.filters{gap:2px;flex-wrap:wrap}.filter{font-size:.7rem;padding:9px 8px;gap:6px}.refresh-button{padding:10px 6px}.refresh-button span{display:none}.list-meta{font-size:.65rem;margin-top:20px}.message-card{padding:18px 16px;gap:11px}.message-main p{font-size:.9rem}.message-main strong{font-size:.75rem}.message-main time{font-size:.65rem}.inbox-bottom{font-size:.65rem}.inbox-private{display:none}.message-avatar{width:30px;height:30px;font-size:.6rem}.empty-state{min-height:270px}.empty-caption{font-size:.6rem}.empty-state p{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:360px){.filter{gap:4px;padding:8px 5px}.filter>span{min-width:16px;padding:1px 4px}.private-pill{display:none}.access-label{max-width:150px;text-align:right}.compose-actions .primary{font-size:.7rem}.topbar>span:first-child{max-width:100px}}
/* Keep the full timestamp readable on every card, including narrow phones. */
.message-main time{font-size:.75rem;line-height:1.5;text-align:right;color:#7c8972}
@media(max-width:760px){.message-main header{align-items:flex-start;flex-direction:column;gap:3px}.message-main time{text-align:left;font-size:.75rem}}
.text-button{border:0;background:transparent;color:var(--forest);padding:12px 0;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
.security-content{width:min(100%,850px);padding:32px 48px;margin:0 auto}.security-content .heading{margin:16px 0 30px}.security-content h1{font-size:2.2rem}.security-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:24px}.security-card h2{font-size:1.35rem;letter-spacing:-.025em}.security-card>.muted{font-size:.9rem}.security-card form{margin-top:22px;max-width:460px}.security-card label,.login-card #recovery-form label{margin-top:18px}.security-card select{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff;font:inherit}.field-help{font-size:.8rem;line-height:1.6;color:#78856f;margin:9px 0 14px}.form-status{font-size:.875rem;margin:16px 0;min-height:24px}.topbar .secondary{font-size:.8rem;padding:9px 12px}.topbar:has(#security-settings) .access-label{display:none}@media(max-width:760px){.security-content{padding:22px}.security-content h1{font-size:1.9rem}.security-card{padding:20px}.topbar .secondary{font-size:.7rem;padding:7px 10px}.topbar:has(#security-settings){height:auto;min-height:60px}}
.delete-panel{margin-top:32px;border-top:1px solid var(--line);padding-top:18px;color:var(--ink)}.delete-panel summary{cursor:pointer;color:#687b65;font-size:.85rem;font-weight:550}.delete-panel-body{max-width:520px;padding:16px 0}.delete-panel-body>p{font-size:.8rem;color:var(--muted);line-height:1.6}.delete-panel label{margin-top:18px}.delete-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.delete-actions .secondary{justify-content:center}.danger-button{color:#9b493b;border-color:#e9cfc9}.danger-button:hover{background:#fff6f3}.delete-panel .form-status{color:#9b493b}@media(max-width:760px){.delete-actions .secondary{width:100%}}
.delete-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.delete-dates{grid-template-columns:1fr}}
.game-scene{height:235px;max-width:370px;margin:15px auto 0;display:grid;place-items:center}.game-track{position:relative;width:225px;height:185px;border:1px solid #cbd8b5;border-radius:24px;background:#e2eacb;box-shadow:0 18px 30px -22px #3e553470}.game-peg{position:absolute;width:10px;height:10px;border-radius:50%;background:#9eb481}.peg-one{top:33px;left:47px}.peg-two{top:33px;left:106px}.peg-three{top:33px;left:165px}.peg-four{top:80px;left:76px}.peg-five{top:80px;left:136px}.peg-six{top:126px;left:106px}.game-ball{position:absolute;top:47px;left:101px;width:31px;height:31px;border-radius:50%;background:#214c3e;box-shadow:inset -5px -5px 0 #183b30,0 8px 14px #48654338}.game-slot{position:absolute;bottom:17px;left:79px;width:68px;height:12px;border-radius:10px;background:#b0c493}.game-login-icon{font-size:1.6rem;line-height:1;color:#5d7c5f}
.message-card-user1{background:#f3f8e9;border-color:#d8e5c9}.message-card-user2{background:#fcf4ed;border-color:#ead8c9}
.message-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.edited-label{font-size:.7rem;color:#7d8975}.message-actions{display:flex;gap:12px}.message-actions button{border:0;background:transparent;color:#647b61;font-size:.75rem;padding:4px 2px}.message-actions button:last-child{color:#9b493b}.message-actions button:hover{text-decoration:underline}.message-edit-form{margin-top:12px}.message-edit-form textarea{height:130px;min-height:100px;max-height:400px;padding:12px;border:1px solid #cbd6c4;border-radius:10px;resize:vertical;background:#fff;font-size:.9rem}.message-edit-form>p:first-child{font-size:.85rem;color:#7d544a;margin-bottom:8px}.message-edit-form label:not(.sr-only){margin-top:12px}.message-edit-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.message-edit-actions .primary,.message-edit-actions .secondary{min-height:42px;padding:9px 14px;font-size:.8rem}.message-edit-form .form-status{min-height:0;margin:8px 0 0;color:#9b493b}@media(max-width:480px){.message-edit-actions button{flex:1;justify-content:center}}