:root{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,sans-serif;color-scheme:light;--board: #d9bf8e;--bg: #fff9ec;--surface: #fffdf7;--surface-2: #fff3ce;--primary: #ffc83d;--primary-ink: #3a2e12;--accent: #e63b41;--accent-pressed: #c92a30;--text: #2a2520;--text-mute: #8b8170;--line: #ece0c4;--me: #e63b41;--partner: #2c9c8e;--note-yellow: #ffe08a;--note-peach: #ffc9a3;--note-rose: #ffb3b0;--note-mint: #bfe8d2;--note-ink: #4a3b1e;--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--shadow: 0 6px 16px rgba(60, 40, 10, .22)}*{box-sizing:border-box;-webkit-touch-callout:none}html,body{min-height:100%;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{min-height:100%}body.no-scroll{overflow:hidden;position:fixed;width:100%;height:100%;overscroll-behavior:none}body{margin:0;background-color:var(--board);background-image:radial-gradient(rgba(120,90,40,.14) 1px,transparent 1.4px),radial-gradient(rgba(120,90,40,.08) 1px,transparent 1.4px);background-size:14px 14px,22px 22px;background-position:0 0,7px 11px;color:var(--text);font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}input,select,textarea{width:100%;min-height:48px;background:#fffbf0;border:1px solid #e7d6a8;border-radius:11px;color:#2a2520;padding:11px 13px;font-size:16px;accent-color:#e63b41}input[type=date]{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:48px;line-height:1.2}input[type=date]::-webkit-date-and-time-value{min-height:24px;text-align:left}input[type=date]::-webkit-calendar-picker-indicator{opacity:.92}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:#e63b41;box-shadow:0 0 0 3px #e63b4126}.screen{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-screen-offset{padding-top:8px}.landing-screen{min-height:100dvh;height:100dvh;overflow:hidden;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom))}.auth-card,.loading-card,.panel,.code-box{width:100%;max-width:420px}.paper-card,.auth-card,.loading-card,.panel,.code-box{position:relative;background:var(--surface);border-radius:20px;box-shadow:var(--shadow);overflow:visible}.paper-card:before,.auth-card:before,.loading-card:before,.panel:before{content:"";position:absolute;top:-7px;left:50%;width:13px;height:13px;transform:translate(-50%);border-radius:50%;background:#c28c3c;box-shadow:0 1px 2px #3c280a29}.auth-card,.loading-card,.panel{padding:16px}.auth-paper{margin-top:-24px;padding-top:20px;padding-bottom:20px}.landing-card{width:100%}.auth-card-scroll{max-height:calc(100dvh - clamp(24px,9vh,64px));overflow-y:auto;overscroll-behavior:contain;padding-top:4px;padding-bottom:4px}.auth-card-scroll::-webkit-scrollbar{display:none}.pairing-screen{display:block;padding:calc(16px + env(safe-area-inset-top)) 16px 24px}.pairing-grid,.app-main,.tab-panel,.stack,.event-list,.shared-moods,.dday-list,.note-stack{display:grid;gap:16px}.pairing-grid{max-width:420px;margin:0 auto}.landing-grid{width:100%;min-height:calc(100dvh - clamp(32px,10vh,72px));display:flex;align-items:center}.app-shell.mobile-only{max-width:480px;margin:0 auto;min-height:100vh;padding:calc(14px + env(safe-area-inset-top)) 16px calc(88px + env(safe-area-inset-bottom))}.app-header,.brand-row,.header-actions,.summary-row,.event-row,.event-row-main,.hero-line,.share-row,.row-actions,.calendar-head-row,.calendar-head-actions,.tabbar{display:flex;align-items:center;gap:8px}.app-main{margin-top:12px}.panel{padding:16px}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:500}.muted{color:var(--text-mute)}.field{display:grid;gap:8px}.field span{color:#5a4a28;font-size:13px}.auth-intro{display:grid;gap:8px}.auth-brand-intro{justify-items:center;text-align:center}.auth-logotype{width:220px;display:block}.brand-row{justify-content:space-between}.brand-block{display:flex;align-items:center;min-width:0}.header-wordmark{display:block;height:28px;width:auto}.header-actions{margin-left:auto;min-width:68px;justify-content:flex-end}.demo-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:999px;background:#fff3ceeb;color:var(--primary-ink);font-size:13px;white-space:nowrap}.demo-actions{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:#fff3ce6b}.info-banner{padding:12px 14px;border-radius:12px;background:#fff3ce85;color:var(--primary-ink)}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger-soft,.icon-btn,.tabbar button,.segmented button,.mood-option{white-space:nowrap}.btn-primary{background:#e63b41;color:#fff;border:none;border-radius:13px;padding:12px 20px;font-size:15px;font-weight:600;box-shadow:0 4px #c0322f;transition:transform .04s,box-shadow .04s}.btn-primary:active{transform:translateY(3px);box-shadow:0 1px #c0322f}.btn-secondary{background:#fffdf7;color:#5a4a28;border:1px solid #e7d6a8;border-radius:12px;padding:9px 16px;font-size:14px;font-weight:600;box-shadow:0 3px #e4d4a8}.btn-secondary:active{transform:translateY(2px);box-shadow:0 1px #e4d4a8}.btn-ghost{background:transparent;border:none;color:#7c715a;font-size:13px;padding:8px}.btn-danger-soft{background:#fffdf7;color:#c0504a;border:1px solid #efc9c9;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:600;box-shadow:0 3px #f0dada}.btn-danger-soft:active{transform:translateY(2px);box-shadow:0 1px #f0dada}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid #e7d6a8;background:#fffdf7;color:#2a2520;font-size:17px;box-shadow:0 3px #e4d4a8;display:flex;align-items:center;justify-content:center;flex:none}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #e4d4a8}.segmented{background:#eadcbb;border-radius:10px;padding:3px;display:inline-flex;align-items:center;flex:none}.segmented button{background:transparent;color:#8a7e62;padding:6px 14px;font-size:13px;border-radius:8px}.segmented button.active{background:#fffdf7;color:#2a2520;box-shadow:0 1px 2px #3c280a1f}.auth-toggle-group{width:100%;display:flex;gap:8px;margin:0;padding:0;background:transparent;box-sizing:border-box}.auth-toggle-group button{flex:1}.signup-paths{width:100%}.signup-paths button{flex:1}.auth-toggle-spacer{margin-bottom:8px}.auth-form-stack{gap:14px}.calendar-head{padding:0 0 2px}.calendar-head-row{gap:6px}.calendar-title{font-size:18px;font-weight:500;white-space:nowrap;line-height:1}.calendar-head-actions{margin-left:auto}.calendar-paper{padding-top:18px}.weekday-row,.month-grid.refined,.week-strip.refined{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekday-row{margin-bottom:12px;text-align:center;color:var(--text-mute);font-size:14px}.calendar-date-cell,.week-compact-cell{position:relative;min-height:48px;padding:6px 4px;border-radius:10px;background:transparent;color:var(--text);display:grid;justify-items:center;align-content:center;gap:4px}.calendar-date-cell.selected,.week-compact-cell.selected{background:#e63b411a}.calendar-date-cell.outside{color:#8b81708c}.date-badge{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:500}.date-badge.today{background:var(--accent);color:#fff}.compact-weekday{font-size:13px;color:var(--text-mute)}.cell-dots{min-height:10px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.event-marker,.mood-marker,.inline-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.event-marker{background:#d08b2f}.calendar-note{padding-top:18px}.mood-note-list{display:grid;gap:6px}.inline-dot{margin-right:8px}.event-list.compact{gap:10px}.event-empty{display:grid;gap:12px;justify-items:start;padding:6px 0 2px}.summary-row-spread{justify-content:space-between}.notification-card p{margin-top:4px;max-width:220px}.event-row,.share-row,.dday-row{padding:12px 0;border-bottom:1px solid rgba(58,46,18,.08)}.event-row:last-child,.share-row:last-child,.dday-row:last-child{border-bottom:0}.event-row-main{align-items:flex-start;flex:1}.owner-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none}.mood-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mood-option{display:grid;justify-items:center;gap:6px;padding:12px 10px;min-height:52px;border-radius:10px;background:var(--surface-2);color:var(--text);border:1px solid transparent}.mood-option.selected{background:#e63b4114;border-color:#e63b4147}.mood-form{margin-top:16px}.note{position:relative;border-radius:5px;padding:14px;box-shadow:2px 5px 13px #3c280a38;color:var(--note-ink)}.note:before{content:"";position:absolute;top:-8px;left:50%;width:54px;height:16px;transform:translate(-50%) rotate(-4deg);background:#c28c3c57;border-radius:2px}.note-yellow{background:var(--note-yellow)}.note-peach{background:var(--note-peach)}.tilt-left{transform:rotate(-1.3deg)}.tilt-right{transform:rotate(1.1deg)}.hero-line{align-items:center}.hero-emoji{font-size:36px;line-height:1}.counter,.counter-inline{color:var(--accent);font-weight:500}.counter{display:block;margin-bottom:8px;font-size:24px}.counter-inline{font-size:15px}.empty-state{display:grid;justify-items:center;gap:10px;padding:10px 0 4px;text-align:center}.empty-state-icon{width:64px;height:64px}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;justify-content:space-between;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff9ecf0;border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:0 -4px 12px #3c280a14}.tabbar button{flex:1;min-height:44px;border-radius:10px;background:transparent;color:var(--text-mute);font-size:14px}.tabbar button.active{background:var(--primary);color:var(--primary-ink)}.code-box{padding:14px;text-align:center}.code-box strong{display:block;margin-top:8px;font-size:28px;letter-spacing:.12em}.pairing-wait{display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:min(560px,calc(100dvh - clamp(56px,14vh,120px)))}.copy-row{display:flex;gap:10px}.copy-row>*{flex:1}.inline-checkbox{display:flex;align-items:center;gap:10px}.inline-checkbox input{width:18px;min-height:auto}.error-text,.error-banner{color:var(--accent);font-size:14px}.toast{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100% - 32px);background:var(--text);color:#fff;border-radius:999px;padding:10px 14px;font-size:14px}.update-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#2a252052}.update-modal{width:min(100%,360px);display:grid;gap:10px;padding:20px 18px 18px;background:var(--surface);border-radius:18px;box-shadow:0 10px 26px #3c280a3d;text-align:center}.update-modal-label{color:#7c715a;font-size:13px}.update-modal-button{margin-top:6px}.spinner{width:40px;height:40px;margin:0 auto 12px;border:4px solid rgba(230,59,65,.16);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}