:root{--blue: #2f4a63;--green: #6f8f4a;--red: #b44a4a;--bg: #f2f0e6;--card: #ffffff;--text: #2b2a27;--muted: #6f6a61;--border: #e7dfd3;--lightBlue: #eef3f6;--lightGreen: #eef6f1;--lightRed: #fbefef}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 50% 20%,#fffc,#fff0 60%),radial-gradient(900px 600px at 20% 80%,#2f4a630f,#fff0 55%),var(--bg)}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text);line-height:1.5}#root{display:flex;flex-direction:column;min-height:100vh}.page{width:100%;padding:0;flex:1;display:flex;flex-direction:column}.pageContent{padding:20px;max-width:920px;margin:0 auto;width:100%}.splitActionRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.header{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0 18px;gap:20px;flex-wrap:wrap}.headerRight{display:flex;gap:10px;flex-wrap:wrap}.brand{margin:0;color:var(--blue);font-size:34px;line-height:1.1;font-weight:700}.subtitle{margin:6px 0 0;color:var(--muted);font-size:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;flex-wrap:wrap}.rowWrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.grid2{grid-template-columns:1fr 1fr}}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tab{background:none;border:none;padding:12px 16px;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab:hover{color:var(--blue)}.tabActive{color:var(--blue);border-bottom-color:var(--blue)}.form{display:flex;flex-direction:column;gap:16px}.form.formCompact{gap:10px}.authScreen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.authScreen h2{font-size:clamp(1rem,calc(6.5vw - 7px),1.5rem);line-height:1.25}.row.authLinksRow{flex-direction:row}.row.authLinksRow .btn{width:auto}.demoCallout{background:var(--lightBlue);border-radius:12px;padding:10px 16px;margin:16px 0;display:flex;flex-direction:column;gap:6px;text-align:center}.demoCallout .btn{padding:10px 16px}.demoCallout strong{color:var(--blue);font-size:15px}.authDivider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:700;margin:4px 0 10px}.authDivider:before,.authDivider:after{content:"";flex:1;height:1px;background:var(--border)}.authAnimalRow{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:12px auto 0;opacity:.85;pointer-events:none}.authAnimalImg{display:block;height:auto}.authAnimalHorse{width:80px}.authAnimalDog{width:55px}.authAnimalCat{width:29px;margin-left:-11px}.authAnimalSheep{width:43px;margin-left:5px}.authAnimalBird{width:23px}.authAnimalTurtle{width:30px}.label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:var(--blue);font-size:14px}.input,.textarea{padding:12px;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:15px;color:var(--text);background:var(--card);transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus{outline:none;border-color:#1b4a7cbf;box-shadow:0 0 0 4px #1b4a7c1f}.textarea{resize:vertical;min-height:96px}.input,.textarea,button{scroll-margin-bottom:140px}.input,.textarea{background:#fffdf8;border:2px solid rgba(47,74,99,.35);border-radius:18px;padding:16px;box-shadow:0 10px 24px #0000000f,inset 0 1px #ffffffb3}.textarea{min-height:180px}.input::placeholder,.textarea::placeholder{color:#2f4a638c;font-style:italic}.input:focus,.textarea:focus{border-color:#2f4a63a6;box-shadow:0 0 0 5px #2f4a631a,0 10px 24px #0000000f}.pwFieldWrap{position:relative}.pwFieldWrap .input{padding-right:56px;width:100%}.pwToggleBtn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;font-size:12px;font-weight:700;color:var(--blue);cursor:pointer}.btn{padding:13px 16px;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;text-align:center;white-space:nowrap;transition:transform .06s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btnPrimary{background:linear-gradient(180deg,#7ea356 0%,var(--green) 100%);color:#ffffffeb;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 22px #6f8f4a38,inset 0 1px #ffffff40}.btnPrimary:hover:not(:disabled){filter:brightness(1.03);box-shadow:0 12px 26px #6f8f4a42,inset 0 1px #ffffff40}.btnPrimary:active:not(:disabled){filter:brightness(.99);box-shadow:0 7px 16px #6f8f4a38,inset 0 1px #ffffff2e}.btnSecondary{background:#fffdf8;border:2px solid rgba(47,74,99,.28);color:var(--blue);box-shadow:0 6px 14px #2f4a6314,inset 0 1px #ffffffb3}.btnSecondary:hover:not(:disabled){background:var(--lightBlue);border-color:#2f4a6357}.btnSecondary:active:not(:disabled){background:#e8f0f6}.btnDanger{background:var(--red);color:#fff}.btnDanger:hover:not(:disabled){background:#b71c1c}.btnLink{background:none;border:none;color:var(--blue);text-decoration:underline;padding:0;font-weight:400;cursor:pointer}.btnLink:hover{color:#0f3460}.btnSmall{padding:10px 12px;border-radius:12px;font-weight:800;font-size:14px}.btnDangerOutline{border-color:#d33!important;color:#d33!important}.alert{padding:12px 14px;border-radius:8px;font-size:14px;border-left:4px solid}.alertOk{background:var(--lightGreen);border-left-color:var(--green);color:#1b5e20}.alertError{background:var(--lightRed);border-left-color:var(--red);color:#b71c1c}.alertWarn{background:#fef3c7;border-left-color:#f59e0b;color:#92400e}.alertInfo{background:var(--lightBlue);border-left-color:var(--blue);color:#0c3a66}.itemCard{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.itemCardDraft{background:#faf3e2;border-color:#e6d7ae;border-left:4px solid #c9a227}.itemCardFinal{background:var(--lightGreen);border-color:#bfe0cc;border-left:4px solid var(--green)}.itemTitle{font-weight:700;color:var(--blue);font-size:18px}.muted{color:var(--muted);font-size:14px}.topRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.panel{margin-top:12px}.hr{border:none;border-top:1px solid var(--border);margin:16px 0}@media (max-width: 640px){.page{padding:12px}.header{flex-direction:column}.headerRight{width:100%}.brand{font-size:28px}.btn{width:100%;padding:14px 16px;font-size:16px;border-radius:12px}.row{flex-direction:column}.row .btn{width:100%}.input,.textarea{font-size:16px}}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.modalCard{width:min(720px,100%);background:var(--card);border-radius:14px;border:1px solid var(--border);box-shadow:0 20px 60px #00000040;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 36px)}.modalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.modalTitle{margin:0;color:var(--blue);font-size:22px;font-weight:800}.modalClose{border:none;background:transparent;font-size:18px;cursor:pointer;padding:8px 10px;border-radius:8px;color:var(--muted)}.modalClose:hover{background:var(--bg)}.modalBody{padding:16px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.modalBody{padding-bottom:160px}}.list{padding-left:18px}.list li{margin:8px 0}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:18px;z-index:9999;background:#14324a;color:#fff;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.35;max-width:min(92vw,520px);text-align:center;box-shadow:0 10px 24px #14283c2e;border:1px solid rgba(255,255,255,.18)}.calloutBox{background:var(--lightBlue);border:1px solid var(--border);border-left:6px solid var(--blue);border-radius:12px;padding:14px;margin-top:14px}.calloutBox p{margin:0;color:var(--text);line-height:1.55}.calloutBoxCompact{padding:10px 12px}.btnChip{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;flex:0 0 auto}.modalBody .row{margin-top:16px}.vo{display:grid;gap:12px}.vo-title{margin:0}.vo-card{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff}.vo-row{display:grid;gap:6px;padding:10px 0;border-bottom:1px solid var(--border)}.vo-row:last-child{border-bottom:none}.vo-label{font-size:12px;color:var(--muted)}.vo-value{white-space:pre-wrap;line-height:1.35}.topBar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.topLinks{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.topLink{border:none;background:none;padding:0;font:inherit;font-size:14px;color:var(--muted);text-decoration:underline;cursor:pointer}.topLink:hover{color:var(--blue)}.topLinkDanger,.topLinkDanger:hover{color:var(--red)}.langSwitchWrap{display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.langLabel{font-size:12px;color:var(--muted);font-weight:700}.langLabelActive{color:var(--blue)}.langSwitch{width:42px;height:24px;border-radius:999px;border:1px solid var(--border);background:#e5e7eb;position:relative;padding:0;cursor:pointer;transition:background-color .2s,border-color .2s}.langSwitchOn{background:var(--lightBlue);border-color:#1b4a7c59}.langKnob{position:absolute;top:50%;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;transform:translateY(-50%);box-shadow:0 1px 3px #0000002e;transition:left .2s}.langSwitchOn .langKnob{left:21px}.appShell{display:flex;flex-direction:column;height:var(--app-vh, 100vh);background:var(--bg)}.appHeader{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--border)}.appHeaderText{flex:1;min-width:0}.appTitle{font-weight:800;font-size:16px;line-height:1.2;color:var(--text)}.appSubtitle{font-size:12px;line-height:1.2;color:var(--muted);margin-top:2px}.appMain{flex:1;overflow-y:auto;width:100%;padding-bottom:96px}.appMainHome{padding-bottom:40px}.appIcon{font-size:22px;line-height:1}.iconBtn{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.iconBtn:hover{background:var(--bg)}.langBtn{border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--blue);font-weight:800;font-size:13px}.langBtn:hover{background:var(--lightBlue)}.demoBanner{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px 16px;background:var(--lightBlue);border-bottom:1px solid var(--border);font-size:13px;color:var(--text)}.demoBanner .btnSmall{align-self:flex-start;white-space:nowrap}.homeHero{max-width:520px;margin:0 auto;padding:28px 16px 18px;text-align:center}.homeIcon{width:72px;height:72px;margin:10px auto 14px;border-radius:18px;background:var(--lightBlue);color:var(--blue);display:flex;align-items:center;justify-content:center}.homeIcon .appIcon{font-size:34px}.homeTitle{margin:0 0 10px;font-size:26px;font-weight:900;letter-spacing:-.2px;color:var(--text)}.homeLead{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.6}.homeActions{display:flex;flex-direction:column;gap:10px}.homeHeroV2{position:relative;overflow:hidden;padding-top:34px;padding-bottom:22px}.homeIconV2{width:120px;height:120px;border-radius:999px;background:#ffffff59;border:1px solid rgba(47,74,99,.18);box-shadow:0 10px 24px #0000000f}.homeTitleV2{font-size:30px;margin-top:10px}.homeLeadV2{max-width:520px;margin-left:auto;margin-right:auto}.homeSilhouettes{position:absolute;top:0;left:0;right:0;height:160px;z-index:0;pointer-events:none;opacity:.85}.homeSilhouette{position:absolute;display:block;height:auto}.homeSilhouetteDog{top:22%;left:4%;width:92px}.homeSilhouetteBird{top:4%;right:14%;width:54px}.homeBottomSilhouettes{position:relative;height:130px;margin-top:34px;pointer-events:none;opacity:.85}.homeBottomSilhouetteCow{bottom:0%;left:0%;width:140px}.homeBottomSilhouetteCat{bottom:0%;right:8%;width:74px}.homeHeroV2>*{position:relative;z-index:1}.homeCtaHero{width:100%;border-radius:999px;padding:18px;display:flex;align-items:center;gap:12px;justify-content:space-between;text-align:left}.homeCtaHeroIcon{font-size:24px;opacity:.95}.homeCtaHeroText{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.homeCtaHeroMain{font-weight:900;font-size:16px;color:#fffffffa}.homeCtaHeroSub{font-size:12px;color:#ffffffe0}.homeCtaHeroGo{width:34px;height:34px;border-radius:999px;background:#ffffff2e;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1}.homeSecondaryRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.homeSecondaryPill{border-radius:999px;text-align:center}.homeActions .btnPrimary.btnLg:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 20px 40px #3f7f6352,inset 0 1px #ffffff38}.homeActions .btnPrimary.btnLg:active:not(:disabled){transform:translateY(0);filter:brightness(.99);box-shadow:0 12px 26px #3f7f6342,inset 0 1px #ffffff2e}.homeActions{gap:14px}.homeActions .btnPrimary.btnLg{display:inline-flex;align-items:center;justify-content:center;gap:10px}.btnIcon{font-size:20px;line-height:1;opacity:.95}.homeActions .btnPrimary.btnLg:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:999px;border:1px dashed rgba(255,255,255,.32);pointer-events:none}.homeActions .btnPrimary.btnLg{position:relative}.homeActions .btnSecondary{text-align:left;padding:14px;border-radius:16px;background:#fffdf8;border:2px solid rgba(47,74,99,.22);box-shadow:0 8px 18px #2f4a6314;display:flex;align-items:center;justify-content:space-between}.homeActions .btnSecondary:hover:not(:disabled){background:var(--lightBlue);border-color:#2f4a634d}.homeActions .btnSecondary:active:not(:disabled){transform:translateY(1px)}.homeActions .btnSecondary:after{content:"›";font-size:22px;line-height:1;color:#2f4a638c}.keyboardOpen .appMain{padding-bottom:16px}.menuOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182759;z-index:999}.menuDrawer{position:fixed;top:0;left:0;height:100vh;width:min(320px,82vw);background:var(--card);border-right:1px solid var(--border);box-shadow:8px 0 30px #0000001f;z-index:1000;transform:translate(-102%);transition:transform .22s ease;display:flex;flex-direction:column}.menuDrawerOpen{transform:translate(0)}.menuTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.menuBrandTitle{font-weight:800;color:var(--blue);font-size:16px;line-height:1.2}.menuBrandSub{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.3}.menuCloseBtn{border:1px solid var(--border);background:#fff;border-radius:10px;width:40px;height:40px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.menuCloseBtn:hover{background:var(--bg)}.menuList,.menuBottom{padding:10px;display:grid;gap:6px}.menuItem{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-align:left}.menuItem:hover{background:var(--lightBlue)}.menuItem:active{transform:translateY(1px)}.menuItemDanger{color:var(--red)}.menuItemDanger:hover{background:var(--lightRed)}.menuText{display:grid;gap:2px}.menuTitle{font-weight:700;font-size:14px;line-height:1.2}.menuHint{font-size:12px;color:var(--muted);line-height:1.2}.menuIcon{font-size:22px;line-height:1;color:#1f2937bf}.menuItemDanger .menuIcon{color:var(--red)}.menuDivider{margin:6px 10px;border-top:1px solid var(--border)}.stickyActionBar{position:sticky;bottom:0;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:10px 12px;margin:12px -16px -16px}@media (min-width: 768px){.stickyActionBar{position:static;margin:0;padding:0;border-top:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}}.attachmentManager{margin-top:8px}.attachmentGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}.attachmentItem{position:relative;border:1px solid var(--border);border-radius:12px;padding:6px;background:var(--card);display:flex;align-items:center;justify-content:center}.attachmentThumb{width:100%;max-height:140px;border-radius:8px;display:block;object-fit:cover}.attachmentAudio{width:100%}.attachmentRemoveBtn{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:999px;border:none;background:#141414a6;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}.attachmentRemoveBtn:hover{background:#141414d9}