@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-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:radial-gradient(#d3c4b4 .55px,transparent .55px) 0 0 / 22px 22px,var(--background);color:var(--on-background)}.screen{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:20px 20px 116px;position:relative}.top-bar,.detail-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:64px;margin:-20px -20px 24px;padding:20px 20px 8px;background:color-mix(in srgb,var(--background) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.top-identity{display:flex;align-items:center;gap:12px}.top-identity h1,.top-identity p,.detail-top span,.detail-top strong{display:block;margin:0}.top-identity h1{color:var(--on-surface);font-size:18px;font-weight:700;line-height:24px}.top-identity p,.detail-top span{color:var(--on-surface-variant);font-size:12px;font-weight:700;letter-spacing:.04em}.day-pill{display:flex;align-items:baseline;gap:5px;padding:7px 12px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container);color:var(--primary)}.day-pill span,.section-heading p,.center-note,.version-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.icon{display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.icon-button,.circle-button,.chat-composer button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--on-surface);cursor:pointer}.icon-button,.circle-button{width:40px;height:40px}.circle-button{background:var(--surface-container-high);color:var(--secondary)}.potato-avatar{position:relative;flex:0 0 auto;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 38% 35%,#f0be78 0 7%,transparent 8%),radial-gradient(circle at 65% 70%,#a76d2d 0 5%,transparent 6%),linear-gradient(145deg,#d89b53,#a9652b 72%);box-shadow:inset -8px -10px 22px #3f270029,0 8px 18px #5c432629}.potato-avatar-sm{width:40px;height:40px}.potato-avatar-md{width:72px;height:72px}.potato-avatar-lg{width:156px;height:156px}.potato-helmet{position:absolute;top:5%;left:16%;width:68%;height:31%;border-radius:999px 999px 35% 35%;background:linear-gradient(135deg,#6d7650,#424a2c);box-shadow:inset 0 -5px #181e0533}.potato-sprout{position:absolute;top:-8%;left:51%;width:16%;height:22%;border-radius:70% 20%;background:#8f9773;transform:rotate(28deg)}.potato-eye,.potato-smile{position:absolute;background:#2a1701}.potato-eye{top:51%;width:6%;height:6%;border-radius:999px}.eye-left{left:36%}.eye-right{right:35%}.potato-smile{left:42%;top:62%;width:18%;height:8%;border-radius:0 0 999px 999px}.hero-copy{margin:32px 0 28px}.hero-copy h2,.section-heading h2{margin:0 0 8px;color:var(--on-background);font-size:40px;font-weight:800;line-height:1.12;letter-spacing:0}.hero-copy p,.section-heading p{max-width:300px;margin:0;color:var(--on-surface-variant);font-size:16px;line-height:26px;text-transform:none;letter-spacing:0}.companion-stage{position:relative;display:grid;min-height:286px;place-items:center;margin:24px 0;overflow:hidden;border-radius:24px}.paper-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#d3c4b4 .5px,transparent .5px);background-size:18px 18px;opacity:.22;pointer-events:none}.companion-glow{position:relative;display:grid;width:242px;height:242px;place-items:center;border:1px solid rgba(211,196,180,.35);border-radius:999px;background:#fff1e6bf;box-shadow:0 22px 62px #5c43261f}.speech-note{position:absolute;top:4px;right:-18px;width:156px;padding:14px;border:1px solid var(--outline-variant);border-radius:24px 24px 24px 4px;background:var(--surface-container-lowest);color:var(--on-secondary-fixed-variant);font-size:12px;font-weight:700;line-height:1.45;box-shadow:var(--potato-shadow)}.progress-grid,.profile-grid,.nudge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-card,.mascot-card,.profile-summary,.settings-card,.memory-card,.writing-card,.voice-card,.diary-detail,.preference-list{border:1px solid rgba(211,196,180,.45);border-radius:24px;box-shadow:var(--potato-shadow)}.stat-card{display:flex;min-height:150px;flex-direction:column;justify-content:space-between;padding:24px;background:var(--surface-container)}.stat-card-primary,.primary-action{background:var(--primary-container);color:var(--on-primary-container)}.stat-card span,.memory-meta em,.profile-summary p,.mascot-card span,.info-row span,.preference-row span,.signature span{color:var(--on-surface-variant);font-size:12px;font-weight:700}.stat-card strong{display:block;margin-top:4px;font-size:28px;line-height:1}.primary-action,.danger-action{display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;gap:8px;margin-top:16px;border:0;border-radius:24px;font:inherit;font-size:18px;font-weight:800;cursor:pointer;box-shadow:var(--potato-shadow)}.center-note,.version-label{margin:14px 0 0;color:var(--outline);text-align:center}.section-heading{margin:26px 0 22px}.memory-list{display:grid;gap:24px}.memory-card{position:relative;overflow:hidden;padding:18px 18px 18px 22px;background:var(--surface-container-lowest);cursor:pointer}.memory-card:before{position:absolute;top:0;bottom:0;left:0;width:5px;border-radius:5px 0 0 5px;background:#e8d2a8;content:""}.memory-meta,.date-row,.upload-row,.voice-card,.info-row,.preference-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.memory-meta span,.date-row span{display:block;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.memory-card p,.diary-detail p{margin:14px 0;color:var(--on-surface);font-size:16px;line-height:26px}.memory-image,.detail-image{min-height:184px;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,transparent,rgba(42,23,1,.18)),linear-gradient(135deg,#f0be78,#d9c49b 45%,#5a6241)}.memory-image-field,.detail-image{background:linear-gradient(180deg,transparent,rgba(42,23,1,.22)),linear-gradient(145deg,#b88b4a,#f7e0b5 46%,#434a2c)}.memory-image-kitchen{background:linear-gradient(135deg,#fff1e6,#f0be78 58%,#6c5c3b)}.write-screen,.chat-screen{display:flex;flex-direction:column}.date-row{margin:8px 0 16px}.date-row strong{display:block;margin-top:4px;color:var(--on-surface);font-size:18px}.writing-card{position:relative;display:flex;min-height:340px;flex:1;flex-direction:column;overflow:hidden;background:var(--surface-container-lowest)}.writing-card textarea{position:relative;z-index:1;flex:1;width:100%;min-height:240px;padding:24px;border:0;outline:0;resize:none;background:transparent;color:var(--on-surface);font:inherit;font-size:16px;line-height:26px}.upload-row{position:relative;z-index:1;padding:16px;background:#fff1e6b3}.upload-row button{display:flex;align-items:center;gap:8px;padding:10px 18px;border:2px dashed var(--outline-variant);border-radius:999px;background:transparent;color:var(--on-surface-variant);font-weight:800}.upload-row span{height:1px;flex:1;background:#d3c4b4b3}.nudge-grid{margin-top:16px}.nudge-grid div{display:flex;min-height:128px;flex-direction:column;justify-content:space-between;padding:16px;border-radius:20px}.nudge-grid div:first-child{background:var(--secondary-container);color:var(--on-secondary-container)}.nudge-grid div:last-child{background:var(--tertiary-container);color:var(--on-tertiary-container)}.nudge-grid p{margin:0;font-size:12px;font-weight:800;line-height:17px}.rounded-action{border-radius:999px}.date-marker{align-self:center;margin:4px 0 22px;padding:6px 16px;border-radius:999px;background:var(--surface-container-low);color:var(--outline);font-size:12px;font-weight:800}.chat-stack{display:flex;flex-direction:column;gap:26px}.message-row{display:flex;max-width:86%;align-items:flex-end;gap:10px}.message-row p{position:relative;margin:0;padding:15px 16px;font-size:14px;line-height:22px;box-shadow:0 4px 16px #5c43260d}.message-left p{border-radius:24px 24px 24px 8px;background:var(--secondary-container);color:var(--on-secondary-container)}.message-right{align-self:flex-end}.message-right p{border-radius:24px 24px 8px;background:var(--primary-container);color:var(--on-primary-container)}.mini-badge,.preference-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:999px;background:var(--secondary-fixed);color:var(--on-secondary-fixed)}.typing-row{display:flex;align-items:center;gap:8px;padding-left:48px;color:var(--outline);font-size:12px;font-style:italic;font-weight:800}.typing-dots{display:inline-flex;gap:4px;padding:9px 12px;border-radius:999px;background:var(--surface-container-high)}.typing-dots i{width:4px;height:4px;border-radius:999px;background:var(--outline)}.chat-composer{position:fixed;right:20px;bottom:92px;left:20px;display:flex;max-width:480px;align-items:center;gap:10px;margin:0 auto;padding:8px;border-radius:24px;background:var(--surface-container-lowest);box-shadow:0 -8px 24px #5c432614}.chat-composer input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--on-surface);font:inherit}.chat-composer button{width:40px;height:40px;color:var(--outline)}.chat-composer button:last-child{border-radius:16px;background:var(--primary-container);color:var(--on-primary-container)}.profile-grid{grid-template-columns:1fr 1.5fr;margin-bottom:16px}.mascot-card,.profile-summary,.settings-card{background:var(--surface-container-lowest)}.mascot-card{position:relative;display:grid;min-height:210px;place-items:center;overflow:hidden;padding:20px;text-align:center}.mascot-card strong{margin-top:10px}.profile-summary,.settings-card,.preference-list{padding:20px}.profile-summary{display:flex;flex-direction:column;justify-content:space-between}.profile-summary h2,.settings-card h3,.preference-list h3,.diary-detail h2{margin:0 0 8px;color:var(--primary);font-size:24px;line-height:32px}.profile-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.profile-summary>div span{display:grid;place-items:center;padding:12px;border-radius:18px;background:var(--surface-container);color:var(--secondary);font-size:13px;font-weight:800}.profile-summary>div strong{display:block;color:var(--secondary);font-size:18px}.settings-card{margin-top:16px}.settings-card h3{display:flex;align-items:center;gap:8px;color:var(--on-surface);font-size:18px}.info-row{padding:13px 0;border-bottom:1px solid rgba(211,196,180,.35)}.info-row:last-child{border-bottom:0}.info-row strong{color:var(--on-surface);text-align:right}.tone-ok{color:#2f6f55!important}.tone-bad{color:var(--error)!important}.preference-list{margin-top:16px;background:var(--surface)}.preference-list h3{color:var(--outline);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.preference-row{padding:16px 0;border-top:1px solid rgba(211,196,180,.35)}.preference-row>div:nth-child(2){min-width:0;flex:1}.preference-row strong,.preference-row span{display:block}.switch{position:relative;width:48px;height:26px;flex:0 0 auto;border:0;border-radius:999px;background:var(--outline-variant)}.switch span{position:absolute;top:5px;left:5px;width:16px;height:16px;border-radius:999px;background:#fff}.switch-on{background:var(--primary)}.switch-on span{right:5px;left:auto}.danger-action{border:1px solid var(--error-container);background:var(--surface);color:var(--error)}.detail-screen{max-width:460px}.detail-top{text-align:center}.detail-top strong{color:var(--on-surface);font-size:18px}.detail-image{position:relative;min-height:324px;border-radius:24px;box-shadow:var(--potato-shadow)}.detail-image div{position:absolute;bottom:16px;left:16px;display:flex;flex-wrap:wrap;gap:8px}.detail-image span{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:#fff1e6e0;color:var(--on-surface);font-size:12px;font-weight:800}.voice-card{margin-top:18px;padding:16px;background:var(--surface-container-low)}.voice-card>button{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:var(--primary);color:var(--on-primary)}.voice-card>div{flex:1}.waveform{display:flex;height:32px;align-items:end;gap:3px}.waveform i{flex:1;border-radius:999px;background:var(--primary)}.waveform i:nth-child(3n){height:24px;opacity:.45}.waveform i:nth-child(3n+1){height:10px;opacity:.25}.waveform i:nth-child(3n+2){height:18px}.voice-card p{display:flex;justify-content:space-between;margin:6px 0 0;color:var(--on-surface-variant);font-size:12px;font-weight:800}.voice-card p span:first-child{color:var(--primary)}.diary-detail{position:relative;margin-top:18px;overflow:hidden;padding:24px;background:var(--surface)}.diary-detail:before{position:absolute;inset:0 auto 0 0;width:6px;background:color-mix(in srgb,var(--primary) 12%,transparent);content:""}.signature{display:flex;align-items:center;gap:10px;margin-top:30px}.signature strong,.signature span{display:block}.fixed-action{position:sticky;bottom:20px;z-index:30;margin-top:22px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:center;gap:4px;padding:12px 12px 22px;border-radius:28px 28px 0 0;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 -8px 24px #5c432614;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;min-width:62px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;border:0;border-radius:18px;background:transparent;color:var(--on-surface-variant);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.bottom-nav button.active{background:var(--secondary-container);color:var(--on-secondary-container);transform:scale(.92)}@media(min-width:760px){.app-frame{padding:24px 0}.screen{min-height:calc(100dvh - 48px);border:1px solid rgba(211,196,180,.55);border-radius:34px;background:var(--background);box-shadow:0 18px 60px #5c432614}.bottom-nav,.chat-composer{right:50%;left:auto;width:min(100%,520px);transform:translate(50%)}}@media(max-width:410px){.screen{padding-right:16px;padding-left:16px}.profile-grid,.progress-grid{grid-template-columns:1fr}.bottom-nav button{min-width:54px;padding-right:5px;padding-left:5px}}