/* Family Portal. Generated from the Claude Design source by the portal build; every design inline style is a class here so the page runs under the strict CSP. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('./fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/figtree-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/figtree-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/figtree-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Parisienne';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/parisienne-latin-400-normal.woff2') format('woff2')}
body{margin:0;font-family:'Figtree',system-ui,sans-serif;color:#16291F}
button{cursor:pointer;font-family:inherit}
a{color:#1F3A2E}
.root{position:relative;overflow:hidden;background:#FFFFFF;box-sizing:border-box;font-family:'Figtree',system-ui,sans-serif;color:#16291F}
.root.desk{width:100%;height:100vh;height:100dvh}
.root.phone{width:100%;height:100vh;height:100dvh}
.app{position:absolute;inset:0}
.phone .app{display:flex;flex-direction:column}
.band{background:#1F3A2E;color:#FFFFFF}
.desk .app .band{position:absolute;left:0;right:0;top:0;height:212px}
.phone .band{position:relative;flex-shrink:0;padding-bottom:4px}
.bandrow{height:76px;box-sizing:border-box;padding:0 56px;display:flex;align-items:center;gap:10px}
.phone .bandrow{height:58px;padding:0 14px;gap:8px}
.greet{margin:0;padding:0 56px;font-family:'Parisienne','Brush Script MT',cursive;font-size:46px;font-weight:400;line-height:1.15}
.phone .greet{padding:2px 16px 0;font-size:31px}
.journey{display:flex;align-items:flex-end;gap:30px;border-bottom:1px solid #3E5F50}
.desk .journey{position:absolute;left:56px;top:148px;width:866px;max-width:calc(100% - 540px);overflow-x:auto;overflow-y:hidden}
.phone .journey{margin:12px 0 0;padding:0 16px;overflow-x:auto;gap:22px}
.jst{position:relative;display:flex;align-items:baseline;gap:7px;border:0;background:transparent;padding:0 0 11px;color:#8FAE9B;font-size:14px;font-weight:500;white-space:nowrap}
.jst .num{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:17px;color:#6F8F7F}
.jst.done{color:#CFE0D4}.jst.done .num{color:#CFE0D4}
.jst.cur{color:#FFFFFF;font-weight:600}.jst.cur .num{color:#FFFFFF}
.jst.cur::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#FFFFFF}
.jst.sel:not(.cur)::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#8FAE9B}
.side{background:#FFFFFF;overflow:hidden}
.desk .side{position:absolute;right:56px;top:96px;bottom:28px;width:404px;border:1px solid #DCE4DE;border-radius:16px;box-shadow:0 16px 44px rgba(15,32,24,.16)}
.phone .side{position:absolute;inset:0;z-index:20}
.work{box-sizing:border-box;overflow-y:auto}
.desk .work{position:absolute;left:56px;top:212px;right:500px;bottom:0;padding:30px 4px 56px 0}
.phone .work{flex-grow:1;min-height:0;padding:18px 16px 40px}
.phone .deskonly{display:none!important}
.desk .phoneonly{display:none!important}
.phone .work .gc{grid-template-columns:minmax(0,1fr)!important}
.phone .work .fx{flex-wrap:wrap}
.phone .work .mw{max-width:none!important}
.phone .work h2.serif{font-size:28px!important}
.phone .work .card{padding:18px!important}
.phone [role="dialog"]{width:auto!important;margin:0 12px;padding:22px!important;max-height:88%;overflow-y:auto}
.big{zoom:1.12}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
.script{font-family:'Parisienne','Brush Script MT',cursive}
.btn{height:46px;padding:0 20px;border:0;border-radius:10px;background:#1F3A2E;color:#fff;font-size:15px;font-weight:600;white-space:nowrap}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn2{height:46px;padding:0 20px;border:1px solid #1F3A2E;border-radius:10px;background:#fff;color:#1F3A2E;font-size:15px;font-weight:600;white-space:nowrap}
.btn3{height:36px;padding:0 12px;border:0;border-radius:8px;background:#F1F5F2;color:#1F3A2E;font-size:14px;font-weight:600;white-space:nowrap}
.hbtn{height:36px;padding:0 13px;border:1px solid #4E6E5F;border-radius:10px;background:transparent;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.lnk{border:0;background:none;padding:0;color:#1F3A2E;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.inp{width:100%;height:44px;box-sizing:border-box;border:1px solid #B9C7BE;border-radius:10px;padding:0 12px;font-family:inherit;font-size:15px;color:#16291F;background:#fff}
.ta{width:100%;box-sizing:border-box;border:1px solid #B9C7BE;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px;color:#16291F;background:#fff;resize:vertical}
.inp:focus,.ta:focus,select:focus,button:focus-visible{outline:3px solid #9DBFA8;outline-offset:1px}
.lbl{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.help{font-size:13px;color:#4A5C52;margin-top:6px}
.muted{color:#4A5C52}
.sec{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4A5C52}
.card{background:#fff;border:1px solid #DCE4DE;border-radius:14px}
.root .auth-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#F4F8F5}
.root .auth-card{width:100%;max-width:440px;box-sizing:border-box;padding:42px 40px 40px;display:flex;flex-direction:column;gap:22px;background:#FFFFFF;border:1px solid #DCE4DE;border-radius:20px;box-shadow:0 22px 60px rgba(15,32,24,.12)}
.root .auth-title{margin:0;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:40px;line-height:1.08;font-weight:600;color:#1F3A2E}
.root .auth-field{display:flex;flex-direction:column;gap:8px}
.root .auth-field .lbl{margin:0;color:#2F463A}
.root .auth-input{height:54px;border-color:#B7C8BD;border-radius:12px;padding:0 15px;font-size:16px;box-shadow:0 1px 0 rgba(31,58,46,.02)}
.root .auth-input:hover{border-color:#89A394}
.root .auth-code{text-align:center;font-size:22px;letter-spacing:.34em;font-variant-numeric:tabular-nums;padding-left:calc(15px + .34em)}
.root .auth-action{width:100%;height:52px;border-radius:12px;font-size:16px}
.root .auth-status{margin:0;text-align:center;font-size:14px;color:#4A5C52}
.root.phone .auth-shell{padding:18px}
.root.phone .auth-card{max-width:390px;padding:34px 22px 26px;border-radius:18px;gap:20px}
.root.phone .auth-title{font-size:34px}
.root .auth-code-card{max-width:420px;padding:34px 40px 36px;gap:18px}
.root .auth-code-context{margin:0;text-align:center;font-size:15px;line-height:1.5;color:#4A5C52}
.root.phone .auth-code-card{padding:30px 22px 24px;gap:18px}
.root.phone .auth-code-context{font-size:14px}
.h3{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;font-weight:600}
.opt{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px 16px;border:1px solid #C9D6CD;border-radius:12px;background:#fff;color:#16291F;font-size:15px}
.opt.on{border:2px solid #1F3A2E;padding:13px 15px;background:#F4F8F5}
.chip{height:40px;padding:0 16px;border:1px solid #C9D6CD;border-radius:999px;background:#fff;color:#16291F;font-size:14px;font-weight:500}
.chip.on{background:#1F3A2E;border-color:#1F3A2E;color:#fff}
.stp{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:#4A5C52;font-size:14px;font-weight:600}
.stp .n{width:26px;height:26px;border-radius:50%;border:1px solid #9FB3A6;display:flex;align-items:center;justify-content:center;font-size:13px}
.stp.cur{color:#16291F}.stp.cur .n{background:#1F3A2E;border-color:#1F3A2E;color:#fff}
.stp.done{color:#1F3A2E}.stp.done .n{background:#DCE8DF;border-color:#DCE8DF}
.trow{display:flex;align-items:flex-end;gap:8px;width:100%;box-sizing:border-box;padding:6px 24px;border:0;background:transparent;text-align:left;color:#16291F;font-size:15px}
.trow:hover{background:#F4F7F4}.trow.on{background:#EAF1EC}
.lead{flex-grow:1;border-bottom:2px dotted #AFC0B5;margin-bottom:5px;min-width:12px}
.st{font-size:14px;white-space:nowrap;display:flex;align-items:center;gap:5px}
.st.todo{font-weight:600;color:#1F3A2E}
.st.prog{font-weight:600;color:#2F5A45}
.st.done{color:#2F5A45}
.st.wait{color:#4A5C52;font-style:italic}
.st.lock{color:#5E6E65}
.st.soft{color:#4A5C52}
.mcard{display:flex;flex-direction:column;gap:6px;text-align:left;padding:10px;border:1px solid #C9D6CD;border-radius:12px;background:#fff;color:#16291F}
.mcard.on{border:2px solid #1F3A2E;padding:9px}
.ok{display:flex;gap:10px;align-items:center;padding:14px 16px;background:#EEF4F0;border-radius:12px;font-size:15px}
.kv{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #EEF2EF;font-size:15px}
.chk{width:20px;height:20px;accent-color:#1F3A2E;margin:0;flex-shrink:0}
.tl{display:grid;grid-template-columns:92px 18px minmax(0,1fr);gap:0 14px}
html,body{height:100%}
#app{height:100%}
/* design inline styles */
.s1{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; background: #FFFFFF}
.s2{width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: 20px}
.s3{margin: 0; font-size: 32px; font-weight: 600}
.s4{display: flex; flex-direction: column; gap: 8px}
.s5{height: 52px}
.s6{margin: 0; font-size: 15px}
.s7{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0)}
.s8{height: 52px; letter-spacing: .2em; font-size: 20px}
.s9{display: flex; align-items: center; gap: 10px; border: 0; background: transparent; color: #FFFFFF; padding: 0; flex-grow: 1; text-align: left; min-width: 0}
.s10{width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%; border: 1px solid #CFE0D4; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 600}
.s11{font-size: 21px; font-weight: 600}
.s12{height: 36px; border: 1px solid #4E6E5F; border-radius: 10px; background: #1F3A2E; color: #FFFFFF; font-family: inherit; font-size: 14px; padding: 0 6px}
.s13{height: 36px; padding: 0 8px; border: 0; background: transparent; color: #CFE0D4; font-size: 14px}
.s14{display: flex; flex-direction: column; height: 100%}
.s15{padding: 20px 24px 14px; border-bottom: 1px solid #E6ECE8; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px}
.s16{margin: 0; font-size: 26px; font-weight: 600; line-height: 1.1}
.s17{font-size: 13px; padding-top: 2px}
.s18{flex-grow: 1; overflow-y: auto; padding: 4px 0 10px}
.s19{padding: 12px 24px 4px}
.s20{white-space: nowrap}
.s21{padding: 14px 24px 18px; display: flex; flex-direction: column; gap: 8px; border-top: 1px solid #E6ECE8}
.s22{display: flex; justify-content: space-between; align-items: baseline}
.s23{font-size: 15px; font-weight: 600}
.s24{font-size: 13px}
.s25{display: flex; gap: 3px}
.s26{flex-grow: 1; height: 5px; border-radius: 3px; background: #1F3A2E}
.s27{flex-grow: 1; height: 5px; border-radius: 3px; background: #DCE4DE}
.s28{display: flex; gap: 10px; padding-top: 8px}
.s29{margin-bottom: 18px; background: #FFFFFF; border: 1px solid #C9D6CD}
.s30{margin-bottom: 18px; padding: 16px 20px; display: flex; gap: 16px; align-items: center; background: #F4F8F5}
.s31{flex-grow: 1; display: flex; flex-direction: column; gap: 2px}
.s32{font-size: 16px; font-weight: 600}
.s33{font-size: 14px}
.s34{height: 42px}
.s35{display: flex; flex-direction: column; gap: 20px}
.s36{padding: 28px 32px; display: flex; flex-direction: column; gap: 14px}
.s37{display: flex; justify-content: space-between; align-items: baseline; gap: 12px}
.s38{margin: 4px 0 0; font-size: 34px; font-weight: 600}
.s39{display: flex; flex-direction: column}
.s40{padding: 10px 0; border-top: 1px solid #EEF2EF}
.s41{width: 10px; height: 10px; border-radius: 50%; background: #1F3A2E; margin-top: 6px}
.s42{display: flex; flex-direction: column; gap: 2px}
.s43{padding: 34px 36px; display: flex; flex-direction: column; gap: 10px}
.s44{margin: 0; font-size: 38px; font-weight: 600; line-height: 1.1}
.s45{margin: 0; font-size: 16px; line-height: 1.55}
.s46{display: flex; align-items: center; gap: 18px; padding-top: 12px}
.s47{padding: 34px 36px; display: flex; flex-direction: column; gap: 8px}
.s48{font-size: 34px; line-height: 1; color: #2F5A45}
.s49{margin: 0; font-size: 16px}
.s50{display: flex; align-items: center; gap: 16px; padding: 18px 22px; text-align: left; font-size: 15px; color: #16291F}
.s51{flex-shrink: 0}
.s52{flex-grow: 1}
.s53{text-decoration: underline}
.s54{padding: 22px 26px; display: flex; gap: 18px; align-items: center}
.s55{width: 60px; height: 60px; flex-shrink: 0; border-radius: 50%; background: #E3ECE5; display: flex; align-items: center; justify-content: center; font-size: 12px; overflow: hidden}
.s56{width: 60px; height: 60px; object-fit: cover}
.s57{font-size: 17px; font-weight: 600}
.s58{display: flex; gap: 8px}
.s59{display: flex; justify-content: space-between; align-items: center; padding: 18px; text-align: left; color: #16291F}
.s60{font-size: 17px; font-weight: 600; display: block}
.s61{display: flex; flex-direction: column; gap: 8px; padding-bottom: 22px}
.s62{display: flex; align-items: center; justify-content: space-between; gap: 12px}
.s63{display: flex; align-items: center; gap: 8px; font-size: 14px}
.s64{display: flex; align-items: center; gap: 12px}
.s65{display: flex; justify-content: space-between; align-items: baseline; gap: 16px}
.s66{font-size: 15px}
.s67{margin: 0; font-size: 16px; line-height: 1.6}
.s68{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px}
.s69{padding-bottom: 6px}
.s70{background: none; border: 0; border-bottom: 1px solid #EEF2EF; width: 100%; text-align: left; color: #16291F}
.s71{display: grid; grid-template-columns: 170px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid #EEF2EF}
.s72{padding: 16px 18px; display: flex; gap: 12px; align-items: flex-start; font-size: 15px}
.s73{display: flex; flex-direction: column; gap: 20px; max-width: 700px}
.s74{display: flex; gap: 8px; flex-wrap: wrap}
.s75{display: flex; gap: 14px; align-items: center}
.s76{display: flex; flex-direction: column; gap: 24px}
.s77{display: flex; gap: 28px}
.s78{display: flex; flex-direction: column; gap: 18px}
.s79{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px}
.s80{font-size: 14px; line-height: 1.5}
.s81{display: flex; flex-direction: column; gap: 20px; max-width: 640px}
.s82{display: flex; gap: 10px}
.s83{display: flex; flex-direction: column; gap: 18px; max-width: 640px}
.s84{font-weight: 600}
.s85{display: flex; flex-direction: column; gap: 14px}
.s86{padding: 28px; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; border-style: dashed}
.s87{font-size: 18px; font-weight: 600}
.s88{margin: 0; font-size: 15px; line-height: 1.6}
.s89{display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start}
.s90{height: 116px; border-radius: 8px; background: #EEF3EF; display: flex; align-items: center; justify-content: center; font-size: 13px; overflow: hidden}
.s91{width: 100%; height: 116px; object-fit: cover}
.s92{display: flex; justify-content: space-between; gap: 8px; align-items: baseline}
.s93{padding: 18px; display: flex; flex-direction: column; gap: 12px}
.s94{font-size: 15px; line-height: 1.5}
.s95{display: flex; flex-direction: column; gap: 12px}
.s96{font-size: 26px; font-weight: 600; line-height: 1.1}
.s97{display: flex; flex-direction: column; gap: 22px}
.s98{padding: 16px 20px; display: flex; gap: 16px; align-items: center; background: #F4F8F5}
.s99{flex-grow: 1; font-size: 15px; line-height: 1.5}
.s100{display: flex; gap: 22px; flex-wrap: wrap}
.s101{margin: 0}
.s102{display: flex; justify-content: space-between; gap: 10px}
.s103{display: flex; gap: 10px; align-items: center; font-size: 15px}
.s104{display: flex; flex-direction: column; gap: 20px; max-width: 620px}
.s105{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px}
.s106{max-width: 620px}
.s107{display: flex; flex-direction: column; gap: 20px; max-width: 680px}
.s108{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px}
.s109{display: flex; flex-direction: column; gap: 18px; max-width: 680px}
.s110{align-items: center}
.s111{width: 130px; flex-shrink: 0}
.s112{flex-grow: 1; font-weight: 600}
.s113{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px}
.s114{padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px}
.s115{display: flex; align-items: center; gap: 10px}
.s116{width: 44px; padding: 0}
.s117{font-size: 28px; font-weight: 600; min-width: 30px; text-align: center}
.s118{display: flex; align-items: center; gap: 16px}
.s119{display: flex; gap: 14px; align-items: flex-start; padding: 13px 2px; border-bottom: 1px solid #EEF2EF; cursor: pointer}
.s120{margin-top: 2px}
.s121{display: flex; flex-direction: column; gap: 14px; max-width: 640px}
.s122{display: flex; gap: 12px; align-items: flex-end}
.s123{width: 220px}
.s124{display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 24px; align-items: start}
.s125{padding: 28px 30px; display: flex; flex-direction: column; gap: 12px; background: #FCFDFC}
.s126{margin: 0; font-size: 30px; font-weight: 600}
.s127{margin: 0; font-size: 16px; line-height: 1.7}
.s128{display: flex; flex-direction: column; gap: 16px}
.s129{display: flex; flex-direction: column; gap: 10px}
.s130{padding: 12px 14px; display: flex; flex-direction: column}
.s131{padding: 6px 0}
.s132{padding: 6px 0; border: 0}
.s133{margin-top: 10px}
.s134{padding: 20px 22px; display: flex; flex-direction: column; gap: 10px}
.s135{display: flex; gap: 12px; align-items: center}
.s136{height: 38px}
.s137{display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 22px; align-items: start}
.s138{padding: 26px 28px; display: flex; flex-direction: column; gap: 12px}
.s139{font-size: 26px}
.s140{font-weight: 600; text-align: right}
.s141{margin: 0; font-size: 13px}
.s142{padding: 16px 18px; display: flex; flex-direction: column; gap: 10px}
.s143{padding: 20px 22px}
.s144{display: flex; flex-direction: column; gap: 20px; max-width: 720px}
.s145{display: flex; flex-direction: column; gap: 26px}
.s146{padding: 18px 20px; display: flex; flex-direction: column; gap: 10px}
.s147{display: flex; justify-content: space-between; gap: 16px}
.s148{font-size: 15px; line-height: 1.55}
.s149{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px}
.s150{min-height: 84px}
.s151{font-size: 13px; line-height: 1.45}
.s152{padding: 18px 20px; display: flex; flex-direction: column; gap: 14px; max-width: 640px}
.s153{padding: 20px; display: grid; grid-template-columns: 230px minmax(0, 1fr) auto; gap: 16px; align-items: end}
.s154{font-family: inherit; font-size: 14px; height: 44px}
.s155{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #DCE4DE; border-radius: 14px}
.s156{padding: 16px 22px; display: flex; flex-direction: column; gap: 2px}
.s157{font-size: 32px; font-weight: 600}
.s158{padding: 18px 20px}
.s159{display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start}
.s160{margin-bottom: 2px}
.s161{font-size: 14px; padding-bottom: 6px}
.s162{font-size: 13px; padding: 12px 0 4px}
.s163{border-bottom: 0; font-weight: 600}
.s164{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) 110px auto; gap: 8px; align-items: end}
.s165{height: 44px}
.s166{margin-bottom: 8px}
.s167{display: flex; gap: 20px; padding-bottom: 10px; flex-wrap: wrap}
.s168{margin-bottom: 4px}
.s169{width: 80px}
.s170{padding: 20px; display: flex; flex-direction: column; gap: 12px}
.s171{font-size: 14px; font-weight: 600}
.s172{margin: 0; font-size: 13px; line-height: 1.5}
.s173{font-size: 14px; line-height: 1.5; padding: 0 4px}
.s174{display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 6px 0 14px; border: 1px solid #C9D6CD; border-radius: 999px; font-size: 14px}
.s175{width: 26px; height: 26px; border: 0; border-radius: 50%; background: #F1F5F2; color: #1F3A2E; font-size: 14px}
.s176{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) auto; gap: 8px; align-items: end; max-width: 640px}
.s177{font-size: 14px; line-height: 1.45}
.s178{padding: 20px 22px; display: flex; flex-direction: column; gap: 14px}
.s179{display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px}
.s180{height: 160px; border-radius: 10px; background: #EEF3EF; display: flex; align-items: center; justify-content: center; font-size: 13px; overflow: hidden}
.s181{width: 100%; height: 160px; object-fit: cover}
.s182{display: flex; gap: 14px; flex-wrap: wrap}
.s183{display: flex; gap: 8px; align-items: center; font-size: 15px}
.s184{display: grid; grid-template-columns: minmax(0, 1fr) 210px 150px; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid #EEF2EF}
.s185{display: flex; justify-content: flex-end}
.s186{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start}
.s187{height: 40px}
.s188{margin-bottom: 6px}
.s189{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) 180px; gap: 10px}
.s190{font-size: 14px; line-height: 1.6}
.s191{display: flex; flex-direction: column; gap: 28px}
.s192{display: flex; gap: 12px; align-items: center; padding: 11px 0; border-bottom: 1px solid #EEF2EF; font-size: 15px; cursor: pointer}
.s193{flex-direction: column; gap: 2px}
.s194{display: flex; gap: 10px; align-items: end; max-width: 560px}
.s195{padding: 18px 20px; border: 1px solid #DCE4DE; border-radius: 10px; background: #FCFDFC; font-size: 15px; line-height: 1.6; display: flex; flex-direction: column; gap: 10px}
.s196{height: 46px}
.s197{display: flex; gap: 10px; align-items: center}
.s198{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px}
.s199{padding: 14px 16px; display: flex; flex-direction: column; gap: 2px}
.s200{display: flex; flex-direction: column; gap: 22px; max-width: 700px}
.s201{font-size: 36px; line-height: 1.1; color: #2F5A45}
.s202{padding: 22px 24px; display: flex; flex-direction: column; gap: 12px}
.s203{display: flex; flex-direction: column; height: 540px; overflow: hidden}
.s204{flex-grow: 1; overflow-y: auto; padding: 20px 22px; display: flex; flex-direction: column; gap: 12px}
.s205{align-self: flex-start; max-width: 80%; display: flex; flex-direction: column; gap: 4px}
.s206{font-size: 12px; font-weight: 600}
.s207{background: #F1F5F2; border-radius: 16px 16px 16px 4px; padding: 12px 16px; font-size: 16px; line-height: 1.5}
.s208{align-self: flex-end; max-width: 80%; display: flex; flex-direction: column; gap: 4px; align-items: flex-end}
.s209{background: #1F3A2E; color: #FFFFFF; border-radius: 16px 16px 4px 16px; padding: 12px 16px; font-size: 16px; line-height: 1.5}
.s210{border-top: 1px solid #EEF2EF; padding: 12px 14px; display: flex; gap: 10px; align-items: flex-end}
.s211{resize: none}
.s212{position: absolute; inset: 0; z-index: 30; background: rgba(15, 32, 24, 0.5); display: flex; align-items: center; justify-content: center}
.s213{width: 520px; background: #FFFFFF; border-radius: 16px; box-shadow: 0 24px 60px rgba(15, 32, 24, 0.3); padding: 30px 32px}
.s214{margin: 6px 0 0; font-size: 15px; line-height: 1.55}
.s215{display: flex; justify-content: flex-end; gap: 10px}
.s216{width: 500px; background: #FFFFFF; border-radius: 16px; padding: 30px 32px; display: flex; flex-direction: column; gap: 16px}