:root{color-scheme:light;--ink: #081d2a;--ink-muted: rgba(8, 29, 42, .62);--ink-soft: rgba(8, 29, 42, .42);--cream: #f5eee6;--glass: rgba(248, 241, 233, .62);--glass-strong: rgba(248, 241, 233, .82);--line: rgba(255, 255, 255, .52);--line-dark: rgba(12, 28, 36, .12);--orange: #f28b4a;--blue-gray: #9eb1ba;--nav-height: 65px;--nav-gap: 22px;--safe-bottom: max(14px, env(safe-area-inset-bottom));background:#eee8df;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit;color:inherit}.serif{font-family:Iowan Old Style,New York,SF Pro Display,Georgia,serif}.app-shell{display:grid;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;background:radial-gradient(circle at 47% 7%,rgba(255,252,247,.96),transparent 32%),linear-gradient(135deg,#efe7dc,#f4efe9 42%,#e8ded2)}.phone-frame{position:relative;width:min(100vw,430px,calc(100dvh * 853 / 1844));max-width:100vw;aspect-ratio:853 / 1844;overflow:hidden;background:var(--cream);border-radius:clamp(0px,6vw,30px);box-shadow:0 24px 70px #1f1b172e;isolation:isolate}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--ink)}.screen:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";background-position:center;background-size:cover}.screen:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:""}.screen-home:before{background-image:url(/backgrounds/sunrise.png)}.screen-home:after{background:linear-gradient(180deg,#f7f4f15c,#f7f4f100 34%),linear-gradient(180deg,transparent 58%,rgba(40,76,94,.2) 100%)}.screen-map{color:#f8fbf9}.screen-map:before{background:#091922}.screen-map:after{background:linear-gradient(180deg,#05131d38,#05131d0a 42%),linear-gradient(180deg,transparent 62%,rgba(3,19,27,.55) 100%)}.map-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover}.screen-sky:before{background-image:url(/backgrounds/sky.png)}.screen-sky:after{background:linear-gradient(180deg,#f4f8f81a,#fff2e557)}.screen-mine{color:#fffaf5f0;background:radial-gradient(circle at 76% 86%,rgba(255,170,88,.9) 0,rgba(255,170,88,.2) 14%,transparent 34%),linear-gradient(180deg,#08111d,#1c2634 42%,#48515c 76%,#696460)}.screen-mine:before{background:radial-gradient(circle at 78% 85%,rgba(255,197,128,.95) 0,rgba(255,171,96,.26) 10%,transparent 20%),linear-gradient(180deg,#121b271f,#161f2a47 48%,#f4ab6c2e)}.screen-mine:after{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 24%,rgba(255,222,194,.08) 100%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.06),transparent 72%)}.mine-panel{position:absolute;inset:calc(6.2% - 35px) 21px 14.3% 20px;z-index:2;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:44px;background:url(/backgrounds/mine-panel-bg.png);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 1px #ffffff29,0 24px 60px #050a1247;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mine-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#07101c1a}.mine-panel:after{content:none}.mine-top-nav{position:absolute;top:7.3%;left:50%;z-index:3;display:flex;align-items:flex-start;transform:translate(-50%)}.mine-top-icon{position:relative;display:inline-grid;width:34px;height:34px;padding:0;border:0;background:transparent;color:#ffffffe6;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.mine-top-icon .icon{width:23px;height:23px}.mine-top-nav:after{position:absolute;left:50%;bottom:-13px;width:64px;height:2px;border-radius:999px;background:#d8bd8feb;content:"";transform:translate(-50%)}.mine-message{position:absolute;top:40.6%;left:50%;z-index:3;width:min(78%,300px);text-align:center;transform:translate(-50%,-50%)}.mine-message p{margin:0;color:#fcf7f2f2;font-family:Iowan Old Style,New York,SF Pro Display,Georgia,serif;font-size:21px;font-weight:300;line-height:1.52;letter-spacing:0;text-shadow:0 2px 10px rgba(8,12,20,.18)}.mine-home-button{position:absolute;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:6;display:inline-grid;width:88px;height:88px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:radial-gradient(circle at 50% 42%,#fffffffa,#f8eee3eb);box-shadow:inset 0 1px #ffffffeb,0 0 22px #ffd9ab38,0 18px 36px #0d121a3d;transform:translate(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.mine-home-button .icon{width:30px;height:30px;color:#9f7c52f0;place-self:center}.screen-letter-feed{background:linear-gradient(180deg,#fffaf633,#fff3e947),url(/backgrounds/letter-compose-bg.png);background-position:center top;background-repeat:no-repeat;background-size:cover}.screen-letter-feed:before{background-image:linear-gradient(180deg,#fffdf966,#fff9f224 34%,#f5e2cd2e),url(/backgrounds/letter-feed-bg.png);background-position:center top;background-repeat:no-repeat;background-size:cover}.screen-letter-feed:after{background:linear-gradient(180deg,#fffdf994,#fffaf42e 25%,#fff8ef0f 52%,#f4e6d633)}.screen-letter{background:radial-gradient(circle at 50% 6%,rgba(255,255,255,.86),transparent 31%),linear-gradient(180deg,#f7efe7,#f2e6d9)}.screen-letter:before{background:radial-gradient(circle at 47% 38%,rgba(255,255,255,.46),transparent 42%),linear-gradient(180deg,#fffbf6b8,#ebd9ca8f);opacity:.86}.feed-header{position:absolute;top:8.7%;left:7.8%;right:7.8%;z-index:3;display:flex;align-items:flex-start;justify-content:space-between}.feed-header h1{margin:0;color:#3d3531eb;font-size:30px;font-weight:400;line-height:1.05;letter-spacing:0}.feed-header p{margin:11px 0 0;color:#625852c7;font-size:12.5px;line-height:1.35}.feed-edit-button{display:inline-grid;width:46px;height:46px;margin-top:2px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:#fffaf4c7;box-shadow:inset 0 1px #ffffff7a,0 12px 24px #6e563f1f;color:#5b534fcc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.feed-edit-button .icon{width:21px;height:21px}.feed-segmented{position:absolute;top:18.9%;left:7.8%;right:7.8%;z-index:3;display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid rgba(242,229,217,.92);border-radius:18px;background:#fcf6f080;box-shadow:inset 0 1px #ffffff61}.feed-segment{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border:0;border-radius:15px;background:transparent;color:#5d544dd1;font-size:14px;font-weight:400;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.feed-segment[data-active=true]{background:#fffcf8e6;box-shadow:0 8px 18px #795e4917}.feed-segment em{display:inline-grid;width:22px;height:22px;border-radius:50%;place-items:center;background:#d6cec757;color:#7a6f68db;font-size:12px;font-style:normal;font-weight:400}.feed-segment[data-active=true] em{background:#ffe4d2eb;color:#eb8759}.feed-birds{position:absolute;top:29.3%;right:11.8%;z-index:2;width:58px;height:24px}.feed-birds span{position:absolute;width:13px;height:7px;border-top:1.5px solid rgba(145,123,109,.62);border-radius:50% 50% 0 0}.feed-birds span:nth-child(1){top:2px;left:0}.feed-birds span:nth-child(2){top:9px;right:7px}.feed-birds span:nth-child(3){top:0;right:0}.feed-cards{position:absolute;top:calc(37.9% - 30px);bottom:calc(18.2% + env(safe-area-inset-bottom));left:7.6%;right:7.6%;z-index:3;display:flex;flex-direction:column;gap:13px;overflow-y:auto;padding-right:4px;padding-bottom:18px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.feed-cards::-webkit-scrollbar{display:none}.letter-preview-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:17px;min-height:111px;padding:15px 17px;border:1px solid rgba(255,255,255,.82);border-radius:20px;background:#fffcf8c7;box-shadow:inset 0 1px #ffffff6b,0 14px 26px #7a5f4817;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.letter-preview-cover{position:relative;width:58px;height:58px;overflow:hidden;border-radius:50%;box-shadow:0 8px 16px #785b441a}.letter-preview-cover:before,.letter-preview-cover:after{position:absolute;content:""}.letter-cover-ice{background:radial-gradient(circle at 50% 48%,rgba(255,245,188,.98) 0 8%,transparent 9%),linear-gradient(180deg,#dddff0,#ffd6b3 52%,#c7d7e1)}.letter-cover-ice:before{left:0;right:0;bottom:15px;height:10px;background:linear-gradient(90deg,#70798b6b,#fffaeead);clip-path:polygon(0 70%,18% 42%,33% 58%,46% 30%,62% 55%,78% 38%,100% 66%,100% 100%,0 100%)}.letter-cover-ice:after{left:0;right:0;bottom:0;height:23px;background:linear-gradient(180deg,#ffffff85,#7d98af6b)}.letter-cover-balloon{background:radial-gradient(circle at 31% 34%,rgba(108,83,86,.8) 0 5%,transparent 6%),radial-gradient(circle at 68% 29%,rgba(134,94,82,.82) 0 6%,transparent 7%),linear-gradient(180deg,#ffd8c7,#e9c6c4 52%,#c9b0ad)}.letter-cover-balloon:before{left:0;right:0;bottom:16px;height:17px;background:#7259548f;clip-path:polygon(0 72%,18% 50%,34% 64%,47% 30%,62% 60%,77% 42%,100% 70%,100% 100%,0 100%)}.letter-cover-balloon:after{left:19px;top:20px;width:3px;height:8px;border-radius:0 0 4px 4px;background:#4e3e429e;box-shadow:21px -4px #523e3a94}.letter-cover-palm{background:linear-gradient(180deg,#f4dfd1,#ffd7b5 48%,#9fb5af)}.letter-cover-palm:before{left:12px;bottom:12px;width:3px;height:25px;border-radius:2px;background:#34453bb8;box-shadow:24px 1px #2d4137a8}.letter-cover-palm:after{left:5px;bottom:31px;width:19px;height:15px;background:#304e3bbd;clip-path:polygon(50% 100%,0 46%,35% 58%,19% 0,53% 48%,79% 2%,72% 62%,100% 45%);filter:drop-shadow(24px 3px 0 rgba(45,75,55,.68))}.letter-preview-body{min-width:0}.letter-preview-place{display:flex;align-items:center;gap:5px;margin:0 0 7px;color:#4c4542eb;font-size:12.5px;line-height:1.2}.letter-preview-location-icon{width:12px;height:12px;color:#58504cbd}.letter-preview-excerpt{margin:0;display:-webkit-box;color:#4a403bf0;font-size:13px;line-height:1.45;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.letter-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:#8f847dd1;font-size:11.5px}.letter-preview-meta strong{font-weight:400}.letter-preview-status{display:inline-flex;align-items:center;gap:5px;min-width:31px;color:#ef8760}.letter-preview-status i{width:8px;height:8px;border-radius:50%;background:currentColor}.letter-preview-status[data-unread=false]{color:#b8b1abeb}.feed-travel-note{position:absolute;left:22%;right:22%;bottom:calc(11.9% + env(safe-area-inset-bottom));z-index:3;display:flex;align-items:center;justify-content:center;gap:9px;margin:0;color:#b3a8a0db;font-size:11.5px;line-height:1;white-space:nowrap}.feed-travel-note span{flex:1 1 auto;height:1px;background:#d1c7bfc7}.feed-note-bird{position:relative;display:inline-block;width:15px;height:8px}.feed-note-bird:before,.feed-note-bird:after{position:absolute;top:1px;width:10px;height:6px;border-top:1.5px solid rgba(173,163,154,.82);border-radius:50% 50% 0 0;content:""}.feed-note-bird:before{left:-1px;transform:rotate(12deg)}.feed-note-bird:after{right:-1px;transform:rotate(-12deg)}.icon{display:inline-block;width:24px;height:24px;flex:0 0 auto;background:currentColor;mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat}.icon-button{display:inline-grid;width:44px;height:44px;padding:0;cursor:pointer;border:0;place-items:center;background:transparent;color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.icon-button .icon{width:24px;height:24px}.icon-button-outline,.icon-button-ghost-light{border-radius:18px}.icon-button-outline{border:1px solid rgba(12,31,42,.16)}.icon-button-ghost-light{color:#fff;background:#ffffff1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.glass-card{border:1px solid var(--line);background:var(--glass);box-shadow:inset 0 1px 1px #ffffff52,0 18px 48px #1f171224;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.home-header,.map-header,.sky-header,.letter-header{position:absolute;z-index:2;display:flex;align-items:center;justify-content:space-between}.home-header{top:9.8%;left:6.7%;right:6.2%}.location-button{display:inline-flex;align-items:center;width:min(250px,72vw);overflow:hidden;gap:8px;margin-left:-7px;padding:0;border:0;background:transparent;color:var(--ink);font-size:16px;line-height:1.1;cursor:pointer}.location-button{white-space:nowrap;text-overflow:ellipsis}.caret{width:0;height:0;border-top:5px solid currentColor;border-right:5px solid transparent;border-left:5px solid transparent;opacity:.9}.home-hero{position:absolute;top:18.1%;left:0;z-index:2;width:100%;text-align:center}.hero-time{display:block;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(70px,19vw,94px);font-weight:100;line-height:.92;letter-spacing:0}.hero-date{margin:12px 0 0;color:#081d2ab8;font-size:15px;line-height:1.2}.sun-note{position:absolute;left:0;right:0;bottom:38.4%;z-index:2;margin:0;color:#081d2ac2;font-size:14px;line-height:1;text-align:center;transform:translateY(19px)}.weather-status-note{position:absolute;right:8%;bottom:13.4%;left:8%;z-index:3;margin:0;color:#081d2a8f;font-size:12px;line-height:1.35;text-align:center;transform:translateY(54px)}.location-search-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12}.location-search-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0c192347;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.location-search-sheet{position:absolute;right:0;bottom:0;left:0;min-height:52%;padding:24px 22px calc(28px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:linear-gradient(180deg,#fbf7f2fa,#f4ece4f5);box-shadow:0 -18px 48px #1815122e}.location-search-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.location-search-header h2{margin:0;font-size:22px;font-weight:800}.location-search-header p{margin:7px 0 0;color:#081d2a94;font-size:13px;line-height:1.35}.location-search-close{display:inline-grid;width:38px;height:38px;padding:0;border:0;border-radius:14px;background:#081d2a0f;color:#081d2abd;place-items:center}.location-search-close .icon,.location-search-input .icon{width:18px;height:18px}.location-search-input{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px 16px;border:1px solid rgba(8,29,42,.08);border-radius:18px;background:#ffffffb8;color:#081d2a70}.location-search-input input{flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;outline:none}.location-search-input input::placeholder{color:#081d2a61}.location-search-current{margin:14px 0 0;color:#081d2a8f;font-size:12px}.location-search-results{display:grid;gap:10px;margin-top:18px}.location-search-empty{margin:10px 0 0;color:#081d2a85;font-size:14px;line-height:1.45}.location-result{display:grid;gap:5px;width:100%;padding:16px 18px;border:1px solid rgba(8,29,42,.08);border-radius:18px;background:#ffffffad;text-align:left}.location-result strong{font-size:16px}.location-result span{color:#081d2a8a;font-size:13px;line-height:1.35}.home-panel-shell{position:absolute;left:5.8%;right:5.8%;bottom:17.9%;z-index:3;height:158px;transform:translateY(40px)}.home-panel-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:18px;background:#f8f1e91a;box-shadow:inset 0 1px 1px #ffffff52,0 18px 48px #1f171224;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.home-data-card{position:absolute;inset:0 auto auto 0;width:100%;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);min-height:90px;height:90px;overflow:hidden;border:0;border-radius:18px 18px 7px 7px;transform:translateY(0);background:transparent;box-shadow:none}.data-metric{display:grid;align-content:center;gap:10px;min-height:90px;min-width:0;text-align:center}.data-metric+.data-metric{border-left:1px solid rgba(11,31,42,.12)}.data-metric span{color:#081d2a9e;font-size:13px}.data-metric strong{font-size:20px;font-weight:300;letter-spacing:0}.primary-button{border:0;color:#fff;background:#071b25;box-shadow:0 12px 26px #04192538;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.send-button,.follow-pill{border:0;color:#fff;background:#071b25;box-shadow:0 12px 28px #0419253d;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.primary-button{display:flex;align-items:center;justify-content:flex-start;gap:0;height:56px;padding:0 28px 0 0;border-radius:20px;font-size:19px;font-weight:700}.primary-button-label{width:83px;margin-bottom:-4px;margin-left:109px;margin-right:-21px;transform:translateY(-3px)}.primary-button .icon{margin-left:auto;width:28px;height:28px}.home-primary{position:absolute;right:0;bottom:0;left:0;z-index:2;margin-bottom:38px;transform:translateY(66px)}.bottom-nav{position:absolute;right:3.4%;bottom:calc(1.7% + env(safe-area-inset-bottom));left:3.4%;z-index:7;display:grid;grid-template-columns:repeat(4,1fr);height:65px;padding:9px 12px 8px;border:1px solid rgba(255,255,255,.58);border-radius:28px;background:#faf5eee0;box-shadow:inset 0 1px #ffffff61,0 18px 38px #221c161f;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.nav-item{display:grid;height:43px;min-width:0;padding:0;cursor:pointer;border:0;place-items:center;align-content:center;gap:4px;background:transparent;color:#081d2a8a;font-size:12px;line-height:1.1;letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav-item .icon{width:24px;height:24px}.nav-item[data-active=true]{color:var(--ink);font-weight:700}.nav-item:disabled{cursor:default}.map-header{top:8.1%;left:5.5%;right:5.2%}.map-header h1{margin:0 0 0 -3px;font-size:16px;font-weight:700;letter-spacing:0}.route-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.map-bird{position:absolute;top:43.2%;left:46.5%;color:#fff;font-size:47px;line-height:1;transform:rotate(-18deg);text-shadow:0 6px 18px rgba(6,18,25,.28)}.next-sunrise-card{position:absolute;left:50%;bottom:16.6%;width:297px;height:98px;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:21px 20px 18px;border-radius:18px;cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transform:translate(-50%,29px)}.dark-card{border-color:transparent;background:#fff3;color:#ffffffe0;box-shadow:inset 0 1px #ffffff38,0 18px 48px #020e1638;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.card-kicker{display:block;margin:0 0 10px;font-size:14px}.next-title{display:block;margin:0 0 7px;font-size:19px;font-weight:700;line-height:1.1}.next-sunrise-content{display:block;font-size:16px}.next-sunrise-content>span:last-child{font-size:14px}.follow-pill{display:inline-grid;min-width:74px;height:37px;border-radius:15px;place-items:center;font-size:14px;font-weight:500;transform:translateY(20px)}.screen-map .bottom-nav{border:0;background:#fff3;box-shadow:inset 0 1px #ffffff38,0 18px 38px #0c121a2e;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.screen-map .nav-item{color:#ffffffb8}.screen-map .nav-item[data-active=true]{color:#fff}.screen-map .nav-item .icon{opacity:.96}.sky-header{top:8.8%;left:7%;right:5.7%}.sky-header h1,.letter-header h1{margin:0;font-size:24px;font-weight:800;line-height:1.15;letter-spacing:0}.sky-header p,.letter-header p{margin:8px 0 0;color:#081d2ab8;font-size:15px;line-height:1.15}.sky-header h1{font-size:19px}.sky-header p{font-size:14px}.sky-time-section{position:absolute;top:19.8%;right:calc(7% + 13px);left:7%;z-index:2;display:flex;align-items:center;justify-content:space-between;transform:translateY(4px)}.detail-time{display:block;font-family:Iowan Old Style,New York,SF Pro Display,Georgia,serif;font-size:36px;font-weight:400;line-height:1;margin-bottom:-4px}.sky-time-section p{margin:7px 0 0;color:#081d2ab8;font-size:15px}.sun-icon{position:relative;width:27px;height:27px;border:1.5px solid var(--ink);border-radius:50%}.sun-icon:before,.sun-icon:after{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;content:"";background:linear-gradient(currentColor,currentColor) 50% 0 / 1.5px 6px no-repeat,linear-gradient(currentColor,currentColor) 50% 100% / 1.5px 6px no-repeat,linear-gradient(90deg,currentColor,currentColor) 0 50% / 6px 1.5px no-repeat,linear-gradient(90deg,currentColor,currentColor) 100% 50% / 6px 1.5px no-repeat}.sun-icon:after{transform:rotate(45deg)}.sun-chart-card{position:absolute;top:calc(31% + 11px);right:5.8%;left:5.8%;z-index:2;padding:17px 19px 12px;height:142px;border-radius:21px;transform:translateY(-1px)}.sun-chart-card h2{display:flex;align-items:center;gap:10px;margin:0 0 2px;font-size:17px;font-weight:800}.sun-chart-card h2 span{width:2px;height:20px;border-radius:2px;background:#f49a5d}.sun-chart-card h2 em{margin-left:4px;color:#081d2a94;font-size:14px;font-style:normal;font-weight:500}.sun-chart{display:block;width:100%;height:56px;margin-bottom:1px;overflow:visible}.sun-chart .baseline{stroke:#f2a25b29;stroke-width:1}.sun-chart .curve,.sun-chart .marker-line{fill:none;stroke:#f59a5b;stroke-width:1.4}.sun-chart .marker-line{opacity:.75}.sun-chart circle{fill:#f59a5b;stroke:#fff5e8f2;stroke-width:2}.chart-times{display:grid;grid-template-columns:repeat(5,1fr);color:#081d2ab8;font-size:12px;text-align:center}.chart-times strong{color:var(--ink);font-size:13px}.sky-data-card{position:absolute;right:5.8%;bottom:14.8%;left:5.8%;z-index:2;height:273px;padding:33px 22px 17px;border-radius:20px;background:#f6f2ebb8;transform:translateY(45px)}.sky-data-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;transform:translateY(-17px)}.sky-data-card h2{margin:0;font-size:15px;font-weight:800}.sky-data-card header button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#081d2a7a;font-size:13px}.sky-data-card header .icon{width:14px;height:14px}.info-row{display:flex;align-items:center;justify-content:space-between;min-height:40px;border-top:1px solid var(--line-dark);color:#081d2aad;font-size:15px}.sky-data-card .info-row:first-of-type{margin-top:-22px}.info-row strong{color:var(--ink);font-weight:500;font-size:15px}.letter-header{top:8.9%;left:7%;right:6%}.letter-header p{font-size:16px}.paper-card{position:absolute;top:19.4%;right:6%;left:6%;z-index:2;min-height:468px;padding:27px 26px 32px;border:1px solid rgba(255,255,255,.76);border-radius:20px;background:radial-gradient(circle at 50% 3%,rgba(255,255,255,.7),transparent 24%),linear-gradient(180deg,#fcf6f0f0,#f6ebe1e6);box-shadow:inset 0 1px #ffffff6b,0 18px 34px #3b2a1c1f;color:#191918e0;font-size:17px;line-height:1.72;transform:translate(5px,21px)}.letter-greeting{margin:0 0 18px -6px;font-weight:400}.paper-card p{margin:0}.letter-editor{width:100%;min-height:252px;margin-top:24px;margin-left:-5px;padding:0;border:0;resize:none;background:transparent;color:#191918d1;font:inherit;font-size:16px;font-weight:300;line-height:1.78;outline:none}.letter-editor::placeholder{color:#56504b5c}.letter-image-preview{position:relative;width:124px;height:124px;margin:14px 0 0 -5px;overflow:hidden;border-radius:18px;box-shadow:0 12px 24px #3b2a1c24}.letter-image-preview img{width:100%;height:100%;object-fit:cover}.image-remove-button{position:absolute;top:8px;right:8px;display:inline-grid;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#12192294;color:#fffffff0;place-items:center}.image-remove-button .icon{width:14px;height:14px}.letter-meta{position:absolute;right:24px;bottom:44px;left:24px;display:grid;gap:5px}.letter-location-note,.letter-feedback{margin:0;font-size:12.5px;line-height:1.35}.letter-location-note{color:#433d398a}.letter-feedback{color:#5f5751b3}.letter-feedback[data-tone=error]{color:#cf7451}.letter-count{position:absolute;right:24px;bottom:18px;color:#19191857;font-size:14px;line-height:1}.letter-actions{position:absolute;right:6.3%;bottom:15.5%;left:6.3%;z-index:3;display:grid;grid-template-columns:48px 48px 1fr;align-items:center;gap:22px;transform:translateY(86px)}.letter-file-input{display:none}.letter-actions>.icon-button:nth-of-type(2){margin-left:-5px}.send-button{width:176px;height:49px;border-radius:18px;background:#2e3338;font-size:15px;font-weight:500;margin-top:-2px;margin-left:-11px}.send-button[data-sending=true]{opacity:.82;cursor:progress}button:focus-visible{outline:2px solid rgba(255,255,255,.94);outline-offset:3px}button:not(:disabled){transition:filter .14s ease,box-shadow .14s ease,opacity .14s ease}button:not(:disabled):active{filter:brightness(.94)}.letter-preview-cover-image img{width:100%;height:100%;object-fit:cover}@media(max-width:520px){.app-shell{background:#eee8df}.phone-frame{width:min(100vw,calc(100dvh * 853 / 1844));border-radius:0;box-shadow:none}}@media(max-height:760px){.hero-time{font-size:74px}.home-data-card{bottom:25%}.home-primary{bottom:17.4%}.bottom-nav{height:var(--nav-height)}.paper-card{font-size:18px;line-height:1.75}}