/* ===== BASE ===== */
*{margin:0;padding:0;box-sizing:border-box}
:root{
--bg:#FDFBF7;--ink:#1C1915;--warm:#B8956A;--warmLight:#F2E8DB;
--warmDark:#7A5C3A;--sage:#6B8068;--sageBg:#E8EFE7;
--blush:#C4908D;--blushBg:#F5E4E3;
--mist:rgba(28,25,21,0.05);--sub:rgba(28,25,21,0.55);--faint:rgba(28,25,21,0.35);
--radius:12px;--radius-sm:8px;
--safe-bottom:env(safe-area-inset-bottom,0px);
}
html{font-size:16px}
body{
font-family:'Outfit',sans-serif;background:var(--bg);color:var(--ink);
font-weight:300;-webkit-font-smoothing:antialiased;
padding-bottom:calc(72px + var(--safe-bottom));
min-height:100vh;min-height:100dvh;
}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:300}
a{color:var(--warm);text-decoration:none}

/* ===== TOP BAR ===== */
.top-bar{
padding:0.85rem 1.25rem;display:flex;align-items:center;justify-content:center;
border-bottom:1px solid var(--mist);position:sticky;top:0;
background:rgba(253,251,247,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
z-index:50;
}
.logo{font-size:0.72rem;font-weight:500;letter-spacing:0.3em;text-transform:uppercase;color:var(--warm);text-decoration:none}

/* ===== BOTTOM NAV ===== */
.bottom-nav{
position:fixed;bottom:0;left:0;right:0;
display:flex;justify-content:space-around;align-items:center;
background:rgba(253,251,247,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
border-top:1px solid var(--mist);
padding:0.5rem 0 calc(0.5rem + var(--safe-bottom));
z-index:50;
}
.bnav-item{
display:flex;flex-direction:column;align-items:center;gap:0.15rem;
padding:0.4rem 1rem;color:var(--faint);text-decoration:none;
font-size:0.65rem;font-weight:400;transition:color 0.2s;
}
.bnav-item:hover,.bnav-item:active{color:var(--ink)}
.bnav-icon{font-size:1.25rem;line-height:1}
.bnav-create .bnav-icon{
width:40px;height:40px;border-radius:50%;
background:var(--ink);color:var(--bg);
display:flex;align-items:center;justify-content:center;
font-size:1.4rem;font-weight:300;margin-bottom:0;
}

/* ===== PAGE CONTENT ===== */
.page-content{padding:1.5rem 1.25rem}
.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.page-header h1{font-size:1.5rem}

/* ===== BUTTONS ===== */
.btn-primary{
display:block;width:100%;padding:0.9rem;border:none;border-radius:var(--radius);
font-size:0.95rem;font-family:'Outfit',sans-serif;font-weight:500;
background:var(--ink);color:var(--bg);cursor:pointer;
transition:transform 0.15s;text-align:center;text-decoration:none;
}
.btn-primary:hover{transform:translateY(-1px)}
.btn-primary:active{transform:scale(0.98)}
.btn-primary:disabled{opacity:0.5;pointer-events:none}

.btn-ghost{
display:inline-block;padding:0.75rem 1.25rem;border:1px solid var(--mist);
border-radius:var(--radius);font-size:0.9rem;font-family:'Outfit',sans-serif;
background:none;color:var(--ink);cursor:pointer;text-align:center;text-decoration:none;
}

.btn-small{
padding:0.45rem 1rem;border-radius:100px;font-size:0.8rem;
background:var(--ink);color:var(--bg);text-decoration:none;font-weight:400;
}

/* ===== AUTH PAGES ===== */
.auth-page{
display:flex;align-items:center;justify-content:center;
min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px);
padding:2rem 1.25rem;
}
.auth-card{max-width:360px;width:100%}
.auth-card h1{font-size:1.8rem;margin-bottom:0.35rem}
.auth-sub{color:var(--sub);font-size:0.9rem;margin-bottom:2rem}
.auth-form{margin-bottom:1.5rem}
.auth-switch{font-size:0.85rem;color:var(--sub);text-align:center}

/* ===== FORM FIELDS ===== */
.field{margin-bottom:1.25rem}
.field label{
display:block;font-size:0.7rem;font-weight:500;letter-spacing:0.08em;
text-transform:uppercase;color:var(--warmDark);margin-bottom:0.35rem;
}
.field input,.field textarea,.field select{
width:100%;padding:0.8rem 0.9rem;border:1px solid rgba(28,25,21,0.1);
border-radius:var(--radius-sm);font-size:1rem;font-family:'Outfit',sans-serif;
font-weight:300;background:var(--bg);color:var(--ink);
transition:border 0.2s;-webkit-appearance:none;appearance:none;
}
.field input:focus,.field textarea:focus,.field select:focus{
outline:none;border-color:var(--warm);
box-shadow:0 0 0 3px rgba(184,149,106,0.12);
}
.field textarea{resize:vertical;line-height:1.7;min-height:140px}
.optional{font-weight:300;text-transform:none;letter-spacing:0;color:var(--faint);font-size:0.7rem}
.field-hint{font-size:0.8rem;color:var(--sub);margin-bottom:0.75rem;line-height:1.5}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
.form-error{color:var(--blush);font-size:0.85rem;margin-bottom:0.75rem;min-height:1.2em}
.form-success{color:var(--sage);font-size:0.85rem;margin-bottom:0.75rem;min-height:1.2em}

/* ===== CREATE FLOW ===== */
.create-flow{max-width:480px;margin:0 auto}
.step{display:none}
.step.active{display:block;animation:fadeUp 0.3s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.step-header{margin-bottom:1.5rem}
.step-header h2{font-size:1.4rem}
.step-num{
display:inline-block;width:28px;height:28px;border-radius:50%;
background:var(--warmLight);color:var(--warmDark);
font-size:0.75rem;font-weight:500;line-height:28px;text-align:center;
margin-bottom:0.5rem;font-family:'Outfit',sans-serif;
}
.step-nav{display:flex;gap:0.75rem;margin-top:1.5rem}
.step-nav .btn-primary{flex:1}
.step-nav .btn-ghost{flex:0 0 auto}

/* Collapsible */
.collapsible{margin-bottom:1.25rem}
.collapsible-toggle{
background:none;border:none;color:var(--warm);font-size:0.85rem;
font-family:'Outfit',sans-serif;cursor:pointer;padding:0.5rem 0;
}
.collapsible-body{display:none;padding-top:0.75rem}
.collapsible.open .collapsible-body{display:block}

/* Mode toggle */
.mode-toggle{
display:flex;gap:0;border:1px solid var(--mist);border-radius:var(--radius-sm);
overflow:hidden;margin-bottom:1.25rem;
}
.mode-btn{
flex:1;padding:0.7rem;border:none;background:none;
font-family:'Outfit',sans-serif;font-size:0.85rem;font-weight:400;
color:var(--sub);cursor:pointer;transition:all 0.2s;
}
.mode-btn.active{background:var(--ink);color:var(--bg)}

/* Occasion chips */
.occasion-chips{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1rem}
.chip{
padding:0.4rem 0.85rem;border-radius:100px;font-size:0.82rem;
border:1px solid var(--mist);background:none;color:var(--sub);
cursor:pointer;font-family:'Outfit',sans-serif;transition:all 0.2s;
}
.chip.active,.chip:hover{background:var(--warmLight);border-color:var(--warm);color:var(--warmDark)}

/* Mood select */
.mood-select{display:flex;flex-wrap:wrap;gap:0.4rem}
.mood-btn{
padding:0.45rem 0.85rem;border-radius:100px;font-size:0.82rem;
border:1px solid var(--mist);background:none;color:var(--sub);
cursor:pointer;font-family:'Outfit',sans-serif;transition:all 0.2s;
}
.mood-btn.active{background:var(--warmLight);border-color:var(--warm);color:var(--warmDark)}

/* Countdown */
.countdown-text{
text-align:center;font-family:'Cormorant Garamond',serif;
font-style:italic;color:var(--warmDark);font-size:0.9rem;
margin-top:0.75rem;min-height:1.4em;
}

/* Media upload */
.upload-zone{
border:2px dashed rgba(28,25,21,0.1);border-radius:var(--radius);
margin-bottom:1rem;transition:border-color 0.2s;
}
.upload-zone.dragover{border-color:var(--warm)}
.upload-prompt{
display:flex;align-items:center;gap:0.75rem;padding:1rem;
cursor:pointer;color:var(--sub);font-size:0.88rem;
}
.upload-icon{
width:36px;height:36px;border-radius:50%;background:var(--warmLight);
color:var(--warmDark);display:flex;align-items:center;justify-content:center;
font-size:1.2rem;flex-shrink:0;
}
.media-list{display:flex;flex-direction:column;gap:0.5rem}
.media-item-preview{
display:flex;align-items:center;gap:0.75rem;padding:0.75rem;
background:rgba(28,25,21,0.02);border-radius:var(--radius-sm);
border:1px solid var(--mist);
}
.media-thumb{
width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;
background:var(--warmLight);display:flex;align-items:center;justify-content:center;
font-size:0.8rem;color:var(--warmDark);
}
.media-info{flex:1;min-width:0}
.media-name{font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-size{font-size:0.72rem;color:var(--faint)}
.media-remove{
width:28px;height:28px;border:none;background:none;cursor:pointer;
color:var(--faint);font-size:0.9rem;border-radius:50%;
display:flex;align-items:center;justify-content:center;
}
.media-remove:hover{background:var(--blushBg);color:var(--blush)}

/* Upload progress */
.upload-progress{height:3px;background:var(--mist);border-radius:2px;margin-top:0.35rem;overflow:hidden}
.upload-bar{height:100%;background:var(--warm);border-radius:2px;width:0;transition:width 0.3s}

/* Seal preview */
.seal-preview{
margin-top:1.5rem;padding:1.25rem;border-radius:var(--radius);
border:1px solid var(--mist);background:rgba(28,25,21,0.015);
}

/* Done state */
.done-state{text-align:center;padding:3rem 0}
.done-icon{font-size:2.5rem;margin-bottom:1rem}
.done-state h2{font-size:1.5rem;margin-bottom:0.5rem}
.done-text{color:var(--sub);font-size:0.9rem;margin-bottom:2rem;line-height:1.6}
.done-actions{display:flex;flex-direction:column;gap:0.75rem;max-width:260px;margin:0 auto}

/* Anti-spam reminder */
.anti-spam-box{background:var(--warmLight);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin-bottom:1.5rem;text-align:left;max-width:340px;margin-left:auto;margin-right:auto}
.anti-spam-title{font-weight:500;color:var(--warmDark);margin-bottom:0.35rem;font-size:0.88rem}
.anti-spam-box p{font-size:0.82rem;color:var(--warmDark);line-height:1.55;margin:0}

/* Share section */
.share-section{margin:1.5rem 0;max-width:340px;margin-left:auto;margin-right:auto}
.share-divider{width:40px;height:1px;background:var(--warmMid,#D4B896);margin:0 auto 1.25rem}
.share-heading{font-size:1.1rem;font-weight:400;margin-bottom:0.35rem}
.share-sub{font-size:0.85rem;color:var(--warmDark);margin-bottom:1.25rem}
.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}
.share-btn{display:flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.7rem 0.5rem;border-radius:var(--radius-sm);font-size:0.82rem;font-family:'Outfit',sans-serif;font-weight:400;border:1px solid var(--mist);background:none;cursor:pointer;color:var(--ink);text-decoration:none;transition:all 0.2s}
.share-btn:hover{border-color:rgba(28,25,21,0.15);background:rgba(28,25,21,0.02)}
.share-icon{font-size:0.9rem}
.share-whatsapp:hover{border-color:#25D366;color:#25D366}
.share-twitter:hover{border-color:#1DA1F2;color:#1DA1F2}
.share-facebook:hover{border-color:#1877F2;color:#1877F2}
.share-copy:hover{border-color:var(--warm);color:var(--warmDark)}
.share-copied{font-size:0.78rem;color:var(--sage);margin-top:0.5rem}
.share-fine{font-size:0.75rem;color:var(--faint);margin-top:1rem;line-height:1.5}

/* ===== DASHBOARD ===== */
.dew-list{display:flex;flex-direction:column;gap:0.75rem}
.dew-card{
display:block;text-decoration:none;color:var(--ink);
padding:1.25rem;border-radius:var(--radius);border:1px solid var(--mist);
background:var(--bg);transition:border-color 0.2s,transform 0.15s;
}
.dew-card:hover{border-color:rgba(184,149,106,0.25);transform:translateY(-1px)}
.dew-card:active{transform:scale(0.99)}
.dew-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem}
.dew-mood{font-size:0.9rem}
.dew-status{
padding:0.15rem 0.5rem;border-radius:100px;font-size:0.65rem;
font-weight:500;letter-spacing:0.03em;
}
.status-sealed{background:var(--sageBg);color:#3D5A3C}
.status-ready{background:var(--blushBg);color:#8B4543}
.status-delivered{background:var(--warmLight);color:var(--warmDark)}
.dew-recipient{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:400;margin-bottom:0.2rem}
.dew-date{font-size:0.78rem;color:var(--faint)}
.dew-occasion{font-size:0.78rem;color:var(--warmDark);margin-top:0.15rem}
.dew-preview{font-size:0.82rem;color:var(--sub);margin-top:0.5rem;line-height:1.5}
.card-media{
display:inline-block;margin-top:0.5rem;font-size:0.72rem;
padding:0.2rem 0.5rem;border-radius:100px;
background:var(--warmLight);color:var(--warmDark);
}

/* ===== EMPTY STATE ===== */
.empty-state{text-align:center;padding:4rem 1rem}
.empty-icon{font-size:2rem;margin-bottom:1rem}
.empty-state h2{font-size:1.3rem;margin-bottom:0.5rem}
.empty-state p{color:var(--sub);font-size:0.9rem;margin-bottom:2rem;line-height:1.6}
.empty-state .btn-primary{max-width:240px;margin:0 auto}

/* ===== STATS ===== */
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
.stat-card{
padding:1rem;border-radius:var(--radius-sm);background:rgba(28,25,21,0.02);
text-align:center;
}
.stat-num{display:block;font-family:'Cormorant Garamond',serif;font-size:1.8rem}
.stat-label{font-size:0.72rem;color:var(--faint);text-transform:uppercase;letter-spacing:0.05em}

/* ===== VIEW DEWDROP ===== */
.view-letter{max-width:520px;margin:0 auto}
.view-meta{font-size:0.75rem;color:var(--faint);display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.view-to{font-size:1.6rem;margin-bottom:0.35rem}
.view-occasion{font-size:0.85rem;color:var(--warmDark);margin-bottom:1rem}
.view-body{font-size:0.95rem;line-height:1.8;color:rgba(28,25,21,0.75);margin:1.5rem 0}
.view-sign{
padding-top:1rem;border-top:1px solid var(--mist);
display:flex;align-items:center;gap:0.5rem;
font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--warmDark);
}
.view-context{font-size:0.82rem;color:var(--faint)}
.view-actions{margin-top:1.5rem;display:flex;align-items:center;gap:1rem}
.view-status{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em}

/* Media in view */
.view-media{display:flex;flex-direction:column;gap:0.75rem;margin:1rem 0}
.view-media .media-image img{width:100%;border-radius:var(--radius-sm)}
.view-media .media-audio{padding:0.75rem;background:rgba(28,25,21,0.02);border-radius:var(--radius-sm)}
.view-media .media-audio audio{width:100%;margin-top:0.5rem}
.view-media .media-label{font-size:0.82rem;color:var(--sub)}
.view-media .media-video video{width:100%;border-radius:var(--radius-sm)}

/* ===== RECIPIENT PAGE ===== */
.recipient-page{max-width:520px;margin:0 auto;padding:2rem 1.25rem}
.recipient-header{text-align:center;margin-bottom:2rem}
.logo-small{font-size:0.68rem;font-weight:500;letter-spacing:0.3em;text-transform:uppercase;color:var(--warm)}
.recipient-intro{font-size:0.88rem;color:var(--sub);margin-top:0.5rem}
.recipient-letter{
background:var(--bg);border:1px solid var(--mist);border-radius:var(--radius);
padding:1.75rem;
}
.recipient-date{font-size:0.72rem;color:var(--faint);margin-bottom:0.75rem}
.recipient-occasion{font-size:0.85rem;color:var(--warmDark);margin-bottom:1rem}
.recipient-body{font-size:0.95rem;line-height:1.85;color:rgba(28,25,21,0.75)}
.recipient-sign{
margin-top:1.25rem;padding-top:0.75rem;border-top:1px solid var(--mist);
font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--warmDark);
display:flex;align-items:center;gap:0.5rem;
}
.recipient-context{font-size:0.82rem;color:var(--faint)}
.recipient-footer{text-align:center;margin-top:2rem;font-size:0.82rem;color:var(--faint)}
.recipient-footer strong{color:var(--warm);font-weight:500}
.recipient-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;margin-top:0.25rem}

/* ===== SEALED PAGE ===== */
.sealed-page{
min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;
padding:2rem 1.25rem;
}
.sealed-card{text-align:center;max-width:340px}
.sealed-icon{font-size:2.5rem;margin:1.5rem 0 1rem}
.sealed-card h2{font-size:1.4rem;margin-bottom:0.5rem}
.sealed-card p{font-size:0.9rem;color:var(--sub)}
.sealed-date{
font-family:'Cormorant Garamond',serif;font-size:1.3rem;
color:var(--warmDark);margin:0.5rem 0;
}
.sealed-countdown{
font-family:'Cormorant Garamond',serif;font-style:italic;
font-size:1rem;color:var(--warm);
}

/* ===== TOAST ===== */
.toast{

/* ===== ACCOUNT PAGE ===== */
.account-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--mist)}
.account-section h2{font-size:1.2rem;margin-bottom:0.25rem}
.account-hint{font-size:0.85rem;color:var(--sub);margin-bottom:1rem;line-height:1.5}

/* Referral link box */
.ref-link-box{display:flex;gap:0;border:1px solid var(--mist);border-radius:var(--radius-sm);overflow:hidden}
.ref-link-input{flex:1;border:none;padding:0.7rem 0.75rem;font-size:0.82rem;font-family:'Outfit',sans-serif;background:rgba(28,25,21,0.02);color:var(--ink);outline:none;min-width:0}
.ref-copy-btn{padding:0.7rem 1rem;border:none;background:var(--ink);color:var(--bg);font-family:'Outfit',sans-serif;font-size:0.82rem;font-weight:500;cursor:pointer;white-space:nowrap}
.ref-copied{font-size:0.78rem;color:var(--sage);margin-top:0.4rem}
.ref-share-row{display:flex;gap:0.5rem;margin-top:0.75rem}
.ref-share-btn{flex:1;text-align:center;padding:0.6rem;border-radius:var(--radius-sm);border:1px solid var(--mist);font-size:0.8rem;color:var(--ink);text-decoration:none;transition:border-color 0.2s}
.ref-share-btn:hover{border-color:rgba(28,25,21,0.2)}

/* Referral list */
.ref-list-section{margin-top:1.5rem}
.ref-list-section h3{font-size:0.95rem;font-weight:400;margin-bottom:0.75rem;font-family:'Outfit',sans-serif}
.ref-list{display:flex;flex-direction:column;gap:0.35rem}
.ref-row{display:flex;align-items:center;gap:0.75rem;padding:0.6rem 0.75rem;background:rgba(28,25,21,0.02);border-radius:var(--radius-sm);font-size:0.82rem}
.ref-name{font-weight:500;flex:1}
.ref-date{color:var(--faint);font-size:0.75rem}
.ref-status{font-size:0.72rem;padding:0.15rem 0.5rem;border-radius:100px}
.ref-converted{background:var(--sageBg);color:#3D5A3C}
.ref-pending{background:rgba(28,25,21,0.04);color:var(--faint)}
.ref-empty{font-size:0.85rem;color:var(--faint);font-style:italic}

/* ===== PURCHASE PAGE ===== */
.purchase-page{max-width:480px;margin:0 auto;text-align:center}
.purchase-page h1{font-size:1.5rem;margin-bottom:0.5rem}
.purchase-sub{color:var(--sub);font-size:0.88rem;margin-bottom:2rem;line-height:1.6}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1.5rem}
@media(max-width:420px){.plan-grid{grid-template-columns:1fr}}
.plan-card{border:1px solid var(--mist);border-radius:var(--radius);padding:1.5rem 1rem;cursor:pointer;transition:border-color 0.2s,transform 0.15s;position:relative}
.plan-card:hover{border-color:rgba(184,149,106,0.3);transform:translateY(-2px)}
.plan-popular{border-color:var(--warm);border-width:2px}
.plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--warmLight);color:var(--warmDark);font-size:0.68rem;font-weight:500;padding:0.2rem 0.7rem;border-radius:100px;white-space:nowrap}
.plan-name{font-size:0.82rem;color:var(--sub);margin-bottom:0.5rem}
.plan-price{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:300;margin-bottom:0.25rem}
.plan-price span{font-size:1rem;vertical-align:top}
.plan-detail{font-size:0.78rem;color:var(--faint);margin-bottom:1rem}
.plan-btn{font-size:0.88rem;padding:0.7rem}
.purchase-note{font-size:0.78rem;color:var(--faint);line-height:1.6}

/* ===== MODAL ===== */
.modal-overlay{position:fixed;inset:0;background:rgba(28,25,21,0.4);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.25rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.modal-card{background:var(--bg);border-radius:var(--radius);padding:1.75rem;max-width:400px;width:100%;position:relative;box-shadow:0 16px 48px rgba(28,25,21,0.15)}
.modal-card h2{font-size:1.3rem;margin-bottom:0.25rem}
.modal-close{position:absolute;top:0.75rem;right:0.75rem;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--faint);font-size:0.9rem;border-radius:50%;display:flex;align-items:center;justify-content:center}
.modal-close:hover{background:var(--mist)}

/* ===== CREDITS ===== */
.credits-badge{display:inline-block;padding:0.25rem 0.7rem;border-radius:100px;font-size:0.72rem;font-weight:500;background:var(--sageBg);color:#3D5A3C;margin-top:0.25rem}

/* ===== CARD EXTRAS ===== */
.dew-card-right{display:flex;align-items:center;gap:0.5rem}
.edit-email-btn{width:26px;height:26px;border:none;background:none;cursor:pointer;color:var(--faint);font-size:0.85rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s}
.edit-email-btn:hover{background:var(--warmLight);color:var(--warmDark)}
.card-warning{margin-top:0.5rem;padding:0.5rem 0.75rem;background:#FFF3E0;border-radius:6px;font-size:0.78rem;color:#8B6340}
.link-btn{background:none;border:none;color:var(--warm);cursor:pointer;font-family:'Outfit',sans-serif;font-size:0.78rem;text-decoration:underline;padding:0}
.status-draft{background:#E8E4F0;color:#6B5E82}

/* ===== TOAST (continued) ===== */
.toast{
position:fixed;bottom:calc(80px + var(--safe-bottom));left:50%;
transform:translateX(-50%) translateY(60px);
background:var(--ink);color:var(--bg);padding:0.75rem 1.25rem;
border-radius:100px;font-size:0.85rem;z-index:200;
transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);
pointer-events:none;white-space:nowrap;
}
.toast.show{transform:translateX(-50%) translateY(0)}