:root{--color-rose: #f28cb8;--color-hot-pink: #e84f98;--color-lilac: #c7b1f5;--color-powder-blue: #a9d7f5;--color-butter-yellow: #ffe28a;--color-mint: #bce8d2;--color-background: #fff4f8;--color-paper: #fffcf5;--color-paper-pink: #fff0f5;--color-paper-blue: #f0f7ff;--color-paper-lilac: #f7f1ff;--color-paper-yellow: #fff8db;--color-ink: #493443;--color-ink-muted: #7a6575;--color-border: #ebd5e1;--color-border-strong: #dab7cb;--color-white: #ffffff;--color-primary: var(--color-rose);--color-primary-strong: var(--color-hot-pink);--color-secondary: var(--color-lilac);--color-surface: var(--color-paper);--color-text: var(--color-ink);--color-text-muted: var(--color-ink-muted);--color-accent-strong: #c93278;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-handwriting: "Caveat", "Segoe Script", "Bradley Hand", cursive;--font-interface: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-small: 10px;--radius-medium: 18px;--radius-large: 26px;--radius-pill: 999px;--shadow-paper: 0 3px 8px rgba(103, 63, 86, .06), 0 12px 28px rgba(103, 63, 86, .08);--shadow-floating: 0 8px 24px rgba(103, 63, 86, .12);--shadow-button: 0 4px 10px rgba(232, 79, 152, .18);--motion-fast: .15s;--motion-normal: .22s}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-interface);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-accent-strong)}:focus-visible{outline:2px solid var(--color-hot-pink);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.display{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;line-height:1.15;margin:0}.hand{font-family:var(--font-handwriting)}.muted{color:var(--color-text-muted)}.small{font-size:.85rem}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff4f8e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);padding-top:max(var(--space-3),env(safe-area-inset-top))}.wordmark{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--color-ink);text-decoration:none;letter-spacing:.04em}.wordmark span{color:var(--color-hot-pink)}.app-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:var(--space-4) var(--space-4) 96px}@media(min-width:1024px){.app-shell{flex-direction:row}.app-header{display:none}.side-nav{display:flex;flex-direction:column;gap:var(--space-2);width:232px;flex-shrink:0;padding:var(--space-5) var(--space-4);border-right:1px solid var(--color-border);background:var(--color-paper);min-height:100vh;position:sticky;top:0}.app-main{max-width:900px;padding:var(--space-6) var(--space-6) var(--space-6)}}.side-nav{display:none}.side-nav .wordmark{margin-bottom:var(--space-4)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);color:var(--color-ink-muted);text-decoration:none;font-weight:600;transition:background var(--motion-fast),color var(--motion-fast)}.nav-link:hover{background:var(--color-paper-pink);color:var(--color-ink)}.nav-link[aria-current=page]{background:var(--color-primary);color:var(--color-ink)}.nav-link .nav-icon{font-size:1.1rem;width:1.4rem;text-align:center}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;background:#fffcf5f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav .nav-link{flex:1;flex-direction:column;gap:2px;border-radius:0;padding:var(--space-2) 0;font-size:.72rem;min-height:56px;justify-content:center}.bottom-nav .nav-link[aria-current=page]{background:transparent;color:var(--color-accent-strong)}@media(min-width:1024px){.bottom-nav{display:none}}.page-head{margin-bottom:var(--space-5)}.page-title{font-family:var(--font-display);font-size:2rem;font-weight:600;margin:0 0 var(--space-1)}.page-subtitle{margin:0;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-interface);font-size:.95rem;font-weight:700;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-ink);box-shadow:var(--shadow-button)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-floating);transform:translateY(-1px)}.btn--ghost{background:var(--color-white);border-color:var(--color-border-strong);color:var(--color-ink)}.btn--ghost:hover:not(:disabled){background:var(--color-paper-pink)}.btn--danger{background:var(--color-white);border-color:var(--color-border-strong);color:#a3325f}.btn--block{width:100%}.btn--small{min-height:36px;padding:0 var(--space-4);font-size:.85rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-white);color:var(--color-ink);cursor:pointer}.icon-btn:hover{background:var(--color-paper-pink)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-paper);padding:var(--space-5)}.paper{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-small);box-shadow:var(--shadow-paper)}.paper--pink{background:var(--color-paper-pink)}.paper--blue{background:var(--color-paper-blue)}.paper--lilac{background:var(--color-paper-lilac)}.paper--yellow{background:var(--color-paper-yellow)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.label{font-weight:700;font-size:.9rem}.input,.textarea,.select{width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-white);font-family:var(--font-interface);font-size:1rem;color:var(--color-ink)}.textarea{min-height:140px;resize:vertical}.textarea--hand{font-family:var(--font-handwriting);font-size:1.35rem;line-height:1.6;background-image:repeating-linear-gradient(transparent,transparent calc(1.6em - 1px),var(--color-border) calc(1.6em - 1px),var(--color-border) 1.6em)}.form-error{color:#a3325f;font-size:.9rem}.form-note{color:var(--color-text-muted);font-size:.85rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;background:var(--color-paper-lilac);color:var(--color-ink)}.badge--hot{background:var(--color-accent-strong);color:#fff}.badge--mint{background:var(--color-mint)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-lilac);color:var(--color-ink);font-weight:700;flex-shrink:0}.avatar--mosa{background:var(--color-primary);color:var(--color-ink)}.letter-stack{display:flex;flex-direction:column;gap:var(--space-5)}.letter{max-width:88%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-small) var(--radius-large) var(--radius-large) var(--radius-large);border:1px solid var(--color-border);box-shadow:var(--shadow-paper)}.letter--received{align-self:flex-start;background:var(--color-paper-blue);border-bottom-left-radius:var(--radius-small)}.letter--mine{align-self:flex-end;background:var(--color-paper-pink);border-bottom-right-radius:var(--radius-small)}.letter__subject{font-family:var(--font-display);font-size:1.25rem;margin-bottom:var(--space-1)}.letter__body{font-family:var(--font-handwriting);font-size:1.4rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.letter__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:.75rem;color:var(--color-text-muted)}.antojo-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.antojo-grid{grid-template-columns:1fr 1fr}}.antojo{padding:var(--space-4)}.antojo__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.antojo__desc{font-family:var(--font-handwriting);font-size:1.3rem;margin:var(--space-2) 0}.sealed{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);text-align:center}.responses{margin:var(--space-3) 0 0;padding:0;list-style:none;font-size:.85rem;color:var(--color-text-muted)}.responses li{padding:2px 0}.antojo-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.flower-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.flower-card{text-align:center;padding:var(--space-4);border-radius:var(--radius-medium);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-paper)}.flower-card--locked{filter:grayscale(.7);opacity:.6}.flower-card h3{font-family:var(--font-display);font-size:1.05rem;margin:var(--space-2) 0 0}.flower-art{width:96px;height:96px;display:block;margin:0 auto}.gallery-item{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-4)}.gallery-item .flower-art{width:64px;height:64px;margin:0;flex-shrink:0}.dedication{font-family:var(--font-handwriting);font-size:1.2rem;margin:var(--space-1) 0 0}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#49344359;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.dialog{width:100%;max-width:520px;max-height:90vh;overflow:auto;background:var(--color-paper);border-radius:var(--radius-large);box-shadow:var(--shadow-floating);padding:var(--space-5)}.dialog__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dialog__head h2{font-family:var(--font-display);font-size:1.4rem;margin:0}.toast-region{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:var(--space-2);width:min(92vw,420px)}@media(min-width:1024px){.toast-region{bottom:var(--space-6)}}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:var(--color-ink);color:#fff;box-shadow:var(--shadow-floating)}.toast--error{background:#8e2c52}.empty{text-align:center;padding:var(--space-7) var(--space-4)}.empty h2{font-family:var(--font-display);font-size:1.6rem;margin:0 0 var(--space-2)}.divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-border-strong);margin:var(--space-4) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-butter-yellow);color:var(--color-ink);font-size:.85rem;justify-content:center}.draft-tag{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--color-text-muted)}.actions-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:var(--space-4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}