.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:280px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.dropzone-empty{text-align:center;color:var(--color-muted)}.dropzone-icon{font-size:40px}.dropzone-hint{font-size:var(--font-size-caption)}.dropzone-preview{width:100%;height:100%;object-fit:cover}.diary-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-lg)}.diary-card-photo{display:block;width:100%;max-height:60vh;object-fit:contain;border-radius:var(--radius-card);margin-bottom:var(--space-md);background:var(--color-bg)}.diary-card-date{margin:0 0 var(--space-sm);color:var(--color-accent);font-family:var(--font-display);font-size:var(--font-size-body)}.diary-card-text{font-family:var(--font-display);font-size:var(--font-size-title);line-height:1.5;margin:0 0 var(--space-md);white-space:pre-wrap}.diary-card-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap}.diary-card-tag{font-size:var(--font-size-caption);color:var(--color-muted);background:var(--color-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill)}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.app-header{padding:var(--space-lg) var(--space-md) var(--space-md);text-align:center}.app-title{font-family:var(--font-display);font-size:var(--font-size-title);margin:0}.app-subtitle{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--font-size-caption)}.app-content{flex:1;padding:0 var(--space-md) var(--space-xl)}.app-nav{display:flex;justify-content:space-around;padding:var(--space-md);border-top:1px solid var(--color-border);background:var(--color-surface)}.nav-item{text-decoration:none;color:var(--color-muted);font-size:var(--font-size-body);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill)}.nav-item.active{color:var(--color-ink);background:var(--color-bg);font-weight:700}:root{--color-bg: #f6f1e7;--color-surface: #fffdf8;--color-ink: #3b3630;--color-muted: #8a8177;--color-accent: #e08a5b;--color-border: #ddd3c1;--font-display: "Gaegu", "Nanum Gothic", sans-serif;--font-body: "Nanum Gothic", sans-serif;--font-size-title: 28px;--font-size-body: 16px;--font-size-caption: 13px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-card: 18px;--radius-pill: 999px;--shadow-card: 0 6px 20px rgba(59, 54, 48, .08)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body)}button{font-family:var(--font-body);cursor:pointer}