:root{color:#17212a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f3ea;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,textarea{font:inherit}.shell{color:#17212a;background:radial-gradient(circle at 12% 18%,#f6d3652e,#0000 26%),linear-gradient(145deg,#f7f3ea 0%,#e7f0ef 46%,#d2dee8 100%);min-height:100svh;padding:24px}.surface{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf7c2;border:1px solid #27394829;border-radius:8px;width:min(1120px,100%);min-height:calc(100svh - 48px);margin:0 auto;overflow:hidden;box-shadow:0 24px 80px #1f394b29}h1,h2,h3,p{margin:0}h1{color:#13202a;letter-spacing:0;max-width:680px;font-size:44px;line-height:1.08}h2{color:#17212a;letter-spacing:0;font-size:20px;line-height:1.2}h3{color:#45545e;letter-spacing:0;font-size:13px;line-height:1.2}.ocean{background:linear-gradient(#eaf7f600 0%,#7aadba42 100%),linear-gradient(90deg,#1055701f,#3d7f8d0a);height:224px;position:relative;overflow:hidden}.wave{background:#ffffff75;border-radius:50%;height:74px;position:absolute;left:-8%;right:-8%}.wave-a{bottom:-36px}.wave-b{opacity:.54;bottom:18px;transform:rotate(-2deg)}.bottle{width:210px;height:76px;position:absolute;top:74px;left:50%;transform:translate(-50%)rotate(-10deg)}.glass{background:#dcf7f475;border:2px solid #2c5c696b;border-radius:28px 10px 10px 28px;position:absolute;inset:12px 20px 12px 58px}.glass:after{content:"";background:#dcf7f47a;border:2px solid #2c5c696b;border-left:0;border-radius:0 12px 12px 0;width:44px;height:18px;position:absolute;top:14px;right:-40px}.cork{z-index:1;background:#9a744a;border-radius:5px;width:23px;height:19px;position:absolute;top:27px;right:3px}.note{background:#f7e6ba;border-radius:4px;width:58px;height:22px;position:absolute;top:28px;left:92px;box-shadow:inset 0 -4px #704c1f14}.workspace{background:#27394829;border-top:1px solid #27394829;border-bottom:1px solid #27394829;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1px;display:grid}.composer,.inbox{background:#fffdf7c7;min-width:0;padding:28px}.panel-header{justify-content:space-between;align-items:center;gap:16px;min-height:40px;margin-bottom:18px;display:flex}.panel-header span{color:#677782;font-size:13px}label{color:#536470;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:grid}input,textarea{box-sizing:border-box;color:#14222c;width:100%;font:inherit;letter-spacing:0;background:#ffffffad;border:1px solid #2739482e;border-radius:8px}input{height:46px;padding:0 14px}textarea{resize:vertical;min-height:190px;padding:14px;line-height:1.55}input:focus,textarea:focus{border-color:#217d91;outline:3px solid #217d9129}button{color:#fff;min-height:44px;font:inherit;letter-spacing:0;cursor:pointer;background:#1d6f7e;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}button:hover:not(:disabled){background:#155967}button:focus-visible{outline-offset:2px;outline:3px solid #217d913d}button:disabled{cursor:not-allowed;opacity:.45}.composer button{width:100%}.secondary{background:#263844;min-width:106px}.secondary:hover:not(:disabled){background:#152630}.letter{background:#fff8e6;border:1px solid #553e1b29;border-radius:8px;gap:18px;min-height:174px;padding:22px;display:grid;box-shadow:0 14px 38px #59401914}.letter-meta{color:#7d6847;justify-content:space-between;gap:16px;font-size:13px;font-weight:700;display:flex}.letter p{color:#2f2920;white-space:pre-wrap;line-height:1.65}.letter small{color:#8b7655}.empty{color:#647582;background:#ffffff61;border:1px dashed #27394838;border-radius:8px;place-items:center;min-height:174px;display:grid}footer{color:#4e6370;background:#fffdf7c7;padding:18px 28px;font-size:14px}@media (width<=760px){.shell{padding:0}.surface{border:0;border-radius:0;min-height:100svh}h1{font-size:33px}.ocean{height:170px}.workspace{grid-template-columns:1fr}.composer,.inbox{padding:22px 20px}}