@font-face{font-family:PotatoArmy;src:url(/assets/fonts-DMXu8-r5.ttf) format("truetype");font-display:swap}:root{--background: #fff8f4;--error: #ba1a1a;--error-container: #ffdad6;--on-background: #2a1701;--on-primary: #ffffff;--on-primary-container: #3f2700;--on-secondary-container: #736240;--on-secondary-fixed: #251a01;--on-secondary-fixed-variant: #534525;--on-surface: #2a1701;--on-surface-variant: #4f4539;--on-tertiary-container: #282f13;--outline: #817567;--outline-variant: #d3c4b4;--primary: #7d571b;--primary-container: #b88b4a;--secondary: #6c5c3b;--secondary-container: #f7e0b5;--secondary-fixed: #f7e0b5;--surface: #fff8f4;--surface-container: #ffead8;--surface-container-high: #ffe4c9;--surface-container-highest: #ffddba;--surface-container-low: #fff1e6;--surface-container-lowest: #ffffff;--tertiary-container: #8f9773;--potato-shadow: 0 8px 32px rgba(92, 67, 38, .08);background:var(--background);color:var(--on-background);font-family:PotatoArmy,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--background)}body{min-width:320px;min-height:100vh;margin:0;background:var(--background)}button,input,textarea{font:inherit}.app-frame{min-height:100dvh;background:var(--background);color:var(--on-background)}.screen,.chat-screen,.write-shell{position:relative;width:min(100%,430px);min-height:100dvh;margin:0 auto;background:var(--background)}.screen{padding:0 20px 128px}.icon{display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1}button{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;cursor:pointer}.top-app-bar{position:sticky;top:0;z-index:30;display:flex;height:64px;align-items:center;justify-content:space-between;margin:0 -20px;padding:16px 20px 0;background:var(--background)}.top-app-bar h1{margin:0;color:var(--on-surface);font-size:24px;font-weight:700;letter-spacing:0;line-height:32px}.home-top h1{color:var(--primary)}.title-row,.profile-title,.stats-left,.entry-meta,.chat-person,.settings-list button span,.logout-button,.primary-button{display:flex;align-items:center}.title-row{gap:8px;color:var(--primary-container)}.profile-title{gap:12px}.profile-title img{width:40px;height:40px;border-radius:999px;object-fit:cover;outline:2px solid var(--surface-container-lowest)}.dday-pill{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:24px;padding:0 12px;border-radius:999px;background:var(--surface-container-high);color:var(--on-surface-variant);font-size:12px;font-weight:600;letter-spacing:0}.dday-pill.strong{height:30px;background:#b88b4a24;color:var(--primary);font-size:18px}.home-screen{display:flex;flex-direction:column}.home-hero{position:relative;display:flex;min-height:495px;flex:1;flex-direction:column;align-items:center;justify-content:center;padding-top:18px;text-align:center}.potato-glow{position:absolute;top:132px;width:300px;height:300px;border-radius:999px;background:var(--primary-container);filter:blur(52px);opacity:.1}.home-potato{position:relative;z-index:1;width:256px;height:256px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(92,67,38,.16))}.home-message{position:relative;z-index:1;margin-top:34px}.home-message p{margin:0 0 4px;color:var(--on-surface-variant);font-size:16px;line-height:26px}.home-message h2{margin:0;color:var(--on-background);font-size:24px;font-weight:700;line-height:32px}.home-stats{display:grid;grid-template-columns:1fr 1px .72fr;gap:16px;align-items:center;width:100%;min-height:80px;margin:0 auto 16px;padding:16px;border:1px solid var(--outline-variant);border-radius:32px;background:var(--surface-container-low);box-shadow:0 8px 24px #5c43260d}.stats-left{min-width:0;gap:8px}.stats-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:999px;background:var(--secondary-container);color:var(--on-secondary-container)}.home-stats span{display:block;color:var(--on-surface-variant);font-size:12px;font-weight:600;line-height:16px}.home-stats strong{display:block;margin-top:1px;color:var(--on-surface);font-size:18px;font-weight:600;line-height:24px}.stats-divider{height:32px;background:var(--outline-variant)}.stats-right{text-align:right}.primary-button{width:100%;justify-content:center;gap:8px;min-height:56px;border-radius:999px;background:var(--primary-container);color:var(--on-primary-container);font-size:18px;font-weight:600;line-height:24px;box-shadow:0 8px 24px #5c43261f}.home-cta{margin-bottom:2px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;padding-top:22px}.calendar-heading h2{margin:0;font-size:24px;font-weight:700;line-height:32px}.calendar-heading div{display:flex;gap:8px}.calendar-heading button{display:grid;width:40px;height:40px;place-items:center;border-radius:999px;color:var(--on-surface-variant)}.calendar-card{margin-top:16px;padding:24px;border:1px solid rgba(211,196,180,.2);border-radius:32px;background:var(--surface-container-lowest);box-shadow:0 8px 24px #5c43260a}.weekday-row,.days-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.weekday-row{margin-bottom:16px}.weekday-row span{color:var(--on-surface-variant);font-size:12px;font-weight:600}.weekday-row .sunday{color:#ba1a1acc}.days-grid{row-gap:16px;column-gap:4px}.days-grid button{position:relative;display:grid;width:40px;height:40px;place-items:center;margin:0 auto;border-radius:999px;color:var(--on-surface);font-size:14px;line-height:22px}.days-grid button.selected{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 10px #5c432638;transform:scale(1.1)}.days-grid i{position:absolute;bottom:4px;width:6px;height:6px;border-radius:999px;background:var(--primary)}.days-grid .selected i{background:var(--on-primary)}.selected-entry{margin-top:24px}.selected-entry h3{margin:0 0 16px;color:var(--on-background);font-size:18px;font-weight:600;line-height:24px}.entry-card{position:relative;overflow:hidden;min-height:128px;padding:20px;border-left:4px solid var(--primary-container);border-radius:24px;background:var(--surface-container-lowest);box-shadow:0 8px 24px #5c43260a}.entry-spine{position:absolute;inset:0 auto 0 0;width:32px;border-right:1px solid rgba(211,196,180,.26)}.entry-content{padding-left:16px}.entry-meta{justify-content:space-between;margin-bottom:8px;color:var(--outline-variant)}.entry-meta span{display:inline-flex;align-items:center;gap:4px;color:var(--on-surface-variant);font-size:12px;font-weight:600}.entry-meta .icon{font-size:16px}.entry-content p{display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--on-surface);font-size:14px;line-height:22px}.fab{position:fixed;right:max(20px,calc((100vw - 430px)/2 + 20px));bottom:104px;z-index:35;display:grid;width:56px;height:56px;place-items:center;border-radius:20px;background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 12px 24px #5c432633}.write-shell{display:flex;flex-direction:column;overflow:hidden;padding:0 20px 128px;box-shadow:0 25px 50px #2a17012e}.write-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;min-height:72px;margin:0 -20px;padding:24px 20px 12px;background:var(--background)}.write-header button{display:grid;width:40px;height:40px;place-items:center;border-radius:999px;color:var(--on-surface-variant)}.write-header strong{color:var(--on-surface);text-align:center;font-size:18px;font-weight:600;line-height:24px}.write-intro{padding-top:8px}.write-intro h1{margin:0;color:var(--on-surface);font-size:24px;font-weight:700;line-height:32px}.write-intro p{margin:4px 0 0;color:var(--on-surface-variant);font-size:14px;line-height:22px}.journal-card{position:relative;flex:1;min-height:390px;margin-top:24px;overflow:hidden;border:1px solid var(--outline-variant);border-radius:40px 40px 32px 32px;background:linear-gradient(to right,transparent 0,transparent 40px,#e8d2a8 40px,#e8d2a8 42px,transparent 42px),var(--surface-container-lowest);box-shadow:0 4px 24px #5c43260a}.journal-card textarea{width:100%;min-height:390px;padding:24px 16px 24px 56px;border:0;outline:0;resize:none;background:transparent;color:var(--on-surface);font:inherit;font-size:16px;line-height:26px}.journal-card textarea::placeholder{color:var(--outline)}.attachments{display:flex;flex-direction:column;gap:8px;margin-top:24px}.attachments>span{padding-left:4px;color:var(--on-surface-variant);font-size:12px;font-weight:600;line-height:16px}.attachments button{display:flex;height:128px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--outline-variant);border-radius:32px;background:var(--surface-container-low);color:var(--on-surface-variant);font-size:14px;line-height:22px}.attachment-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:999px;background:var(--secondary-container);color:var(--on-secondary-container)}.save-dock{position:fixed;right:max(0px,calc((100vw - 430px)/2));bottom:0;left:max(0px,calc((100vw - 430px)/2));z-index:40;padding:16px 20px 32px;background:linear-gradient(to top,var(--background),var(--background) 70%,rgba(255,248,244,0))}.chat-screen{overflow:hidden;padding-bottom:160px}.chat-header{position:fixed;top:0;left:50%;z-index:40;display:flex;width:min(100%,430px);height:64px;align-items:center;justify-content:space-between;padding:0 20px;background:#fff8f4e6;box-shadow:0 4px 16px #5c432605;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-header button{display:grid;width:40px;height:40px;place-items:center;color:var(--on-surface-variant)}.chat-person{gap:8px}.chat-person img{width:32px;height:32px;border-radius:999px;object-fit:cover}.chat-person h1{margin:0;color:var(--on-surface);font-size:18px;font-weight:600}.chat-canvas{display:flex;height:100dvh;flex-direction:column;gap:24px;overflow-y:auto;padding:96px 20px 160px;scrollbar-width:none}.chat-canvas::-webkit-scrollbar{display:none}.date-chip{align-self:center;padding:4px 12px;border-radius:999px;background:var(--surface-container-low);color:var(--outline-variant);font-size:12px;font-weight:600;line-height:16px}.message{display:flex;max-width:85%;flex-direction:column;gap:4px}.message.sent{align-self:flex-end;align-items:flex-end}.bubble{overflow:hidden;padding:12px 16px;box-shadow:0 8px 24px #5c43260d}.received .bubble{border-radius:24px 24px 24px 0;background:var(--surface-container-high);color:var(--on-surface)}.sent .bubble{border-radius:24px 24px 0;background:var(--primary-container);color:var(--on-primary-container)}.bubble img{display:block;width:100%;height:192px;margin:-4px -8px 8px;border-radius:16px;object-fit:cover}.bubble p{margin:0;font-size:16px;line-height:26px}.message time{padding:0 4px;color:var(--outline);font-size:12px;font-weight:600;line-height:16px}.sent time{color:var(--outline-variant)}.composer-dock{position:fixed;right:max(0px,calc((100vw - 430px)/2));bottom:88px;left:max(0px,calc((100vw - 430px)/2));z-index:40;padding:8px 20px;background:#fff8f4d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.composer{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container-lowest);box-shadow:0 4px 16px #5c43260a}.composer button{display:grid;width:40px;height:40px;place-items:center;border-radius:999px}.composer button:first-child{color:var(--secondary)}.composer button:last-child{color:var(--primary)}.composer input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--on-surface);font:inherit;font-size:16px;line-height:26px}.profile-screen{padding-top:0}.profile-top{position:fixed;left:50%;width:min(100%,430px);margin:0;transform:translate(-50%)}.profile-top button{display:grid;width:40px;height:40px;place-items:center;color:var(--on-surface-variant)}.identity-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:112px 0 18px}.identity-card img{width:128px;height:128px;border:4px solid var(--surface-container-low);border-radius:999px;object-fit:cover;box-shadow:0 8px 24px #5c43261f}.identity-card h2{margin:8px 0 0;color:var(--on-background);font-size:24px;font-weight:700;line-height:32px}.identity-card p{margin:0;color:var(--on-surface-variant);font-size:14px;line-height:22px}.discharge-card{position:relative;display:flex;min-height:178px;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;padding:24px;border-radius:32px;background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 16px 32px #5c43261a}.discharge-card:after{position:absolute;top:-32px;right:-32px;width:128px;height:128px;border-radius:999px;background:#fff3;filter:blur(24px);content:""}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:radial-gradient(#ffffff .7px,transparent .7px);background-size:9px 9px;mix-blend-mode:overlay}.discharge-card .icon{position:relative;z-index:1;font-size:40px}.discharge-card span{position:relative;z-index:1;color:#3f2700c7;font-size:12px;font-weight:600;letter-spacing:.12em;line-height:16px}.discharge-card h3{position:relative;z-index:1;margin:0;font-size:24px;font-weight:700;line-height:32px}.discharge-card p{position:relative;z-index:1;margin:8px 0 0;padding:8px 16px;border-radius:999px;background:#fff3;color:var(--on-primary-container);font-size:14px;line-height:22px}.settings-list{display:flex;flex-direction:column;margin-top:24px;overflow:hidden;padding:4px;border-radius:24px;background:var(--surface-container-low);box-shadow:0 4px 16px #5c43260a}.settings-list button{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:16px;border-radius:16px;color:var(--on-surface);font-size:16px;line-height:26px}.settings-list button+button{border-top:1px solid rgba(211,196,180,.3)}.settings-list button span{gap:16px}.settings-list .icon{color:var(--outline)}.settings-list button>.icon{color:var(--outline-variant)}.logout-button{width:100%;justify-content:center;gap:8px;min-height:56px;margin-top:24px;border:1px solid rgba(211,196,180,.3);border-radius:999px;background:var(--surface-container-highest);color:var(--on-surface);font-size:18px;font-weight:600;line-height:24px}.bottom-nav{position:fixed;bottom:0;left:50%;z-index:50;display:flex;width:min(100%,430px);align-items:center;justify-content:space-around;padding:12px 16px 24px;border-radius:24px 24px 0 0;background:var(--surface);box-shadow:0 -8px 24px #5c432614;transform:translate(-50%)}.bottom-nav button{display:flex;min-width:64px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-radius:16px;color:var(--on-surface-variant)}.bottom-nav button.active{background:var(--secondary-container);color:var(--on-secondary-container);box-shadow:0 2px 6px #5c43260a;transform:scale(.9)}.bottom-nav span:last-child{font-size:12px;font-weight:600;line-height:16px}@media(min-width:700px){.screen,.chat-screen,.write-shell{box-shadow:0 28px 70px #2a170114}}@media(max-width:360px){.bottom-nav{padding-right:8px;padding-left:8px}.bottom-nav button{min-width:58px;padding-right:8px;padding-left:8px}}