:root{--bg0: #170a1e;--bg1: #241031;--bg2: #2e0f2b;--pink: #ff4ecd;--pink-soft: #ff8ad9;--pink-pale: #ffd0f0;--violet: #b15cff;--coral: #ff6f91;--cyan: #79f0ff;--text: #fff5fc;--muted: #e7c4ec;--muted-dim: #b892c4;--glass-bg: rgba(255, 255, 255, .07);--glass-brd: rgba(255, 255, 255, .16);--glass-hi: rgba(255, 255, 255, .35);--radius: 22px;--shadow: 0 18px 50px -18px rgba(0, 0, 0, .65);--glow: 0 0 26px rgba(255, 78, 205, .55);--maxw: 620px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Be Vietnam Pro", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;max-width:100%;overflow-x:hidden}img{max-width:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(120% 90% at 82% -10%,#3a1140 0%,transparent 55%),radial-gradient(90% 70% at -10% 20%,#40103a 0%,transparent 50%),linear-gradient(160deg,var(--bg0) 0%,var(--bg1) 55%,var(--bg2) 100%);background-attachment:fixed;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;filter:blur(2px)}.blob{position:absolute;filter:blur(34px);opacity:.55;mix-blend-mode:screen;animation:drift var(--dur, 22s) ease-in-out infinite alternate}.b1{width:300px;height:340px;left:-60px;top:-40px;background:var(--pink);border-radius:62% 38% 55% 45%/55% 48% 52% 45%;--dur: 19s}.b2{width:240px;height:210px;right:-50px;top:60px;background:var(--violet);border-radius:40% 60% 63% 37%/44% 39% 61% 56%;--dur: 25s}.b3{width:200px;height:260px;left:8%;bottom:-60px;background:var(--coral);border-radius:58% 42% 38% 62%/49% 62% 38% 51%;--dur: 23s}.b4{width:150px;height:150px;right:14%;bottom:8%;background:var(--cyan);border-radius:50% 50% 42% 58%/58% 42%;opacity:.35;--dur: 17s}.b5{width:120px;height:140px;left:46%;top:30%;background:var(--pink-soft);border-radius:47% 53% 60% 40%/40% 55% 45% 60%;opacity:.4;--dur: 28s}@keyframes drift{0%{transform:translateZ(0) rotate(0) scale(1)}to{transform:translate3d(18px,-22px,0) rotate(12deg) scale(1.08)}}#root{position:relative;z-index:1}.app{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 18px calc(96px + env(safe-area-inset-bottom));min-height:100dvh}.glass{position:relative;background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-hi);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);padding:22px}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--glass-hi),transparent 40%,transparent 70%,rgba(255,122,224,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero{text-align:center;margin-top:10vh;transform:rotate(-1.2deg)}.brand{font-size:clamp(38px,12vw,62px);font-weight:800;letter-spacing:-.02em;line-height:1.02;margin:0;background:linear-gradient(92deg,var(--pink-pale),var(--pink) 45%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:var(--glow)}.brand .heart{-webkit-text-fill-color:initial;filter:drop-shadow(0 0 10px var(--pink))}.tagline{color:var(--muted);margin:8px 0 0;font-size:15px}.greet{margin-top:26px;display:inline-flex;align-items:center;gap:10px;font-size:17px}.avatar{width:42px;height:42px;display:grid;place-items:center;font-size:22px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff6,#ff4ecd40);border:1px solid var(--glass-brd);transform:rotate(-6deg)}.counter{margin-top:26px}.counter .num{font-size:clamp(44px,16vw,76px);font-weight:800;line-height:1;color:var(--pink-pale);text-shadow:var(--glow)}.counter .lbl{color:var(--muted);font-size:14px;margin-top:6px}.pill{display:inline-block;margin-top:22px;padding:7px 15px;border-radius:999px;font-size:12.5px;color:var(--muted);background:#ffffff0f;border:1px solid var(--glass-brd)}.pill.ok{color:#b8ffcf;border-color:#78ffa066}.pill.err{color:#ffb8c8;border-color:#ff789673}.footnote{text-align:center;color:var(--muted-dim);font-size:12px;margin-top:30px}.topbar{margin-top:8px;padding:16px 18px}.topbar-brand{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand.sm{font-size:26px;text-align:left}.days-pill{flex:none;font-size:12.5px;color:var(--pink-pale);padding:5px 12px;border-radius:999px;background:#ff4ecd29;border:1px solid rgba(255,122,224,.4);transform:rotate(1.5deg);white-space:nowrap}.greet{margin:0}.greet.sm{margin-top:12px;font-size:14.5px;color:var(--muted)}.avatar.sm{width:34px;height:34px;font-size:18px}.composer{margin-top:16px;padding:16px}.composer-input{width:100%;resize:vertical;min-height:62px;font:inherit;color:var(--text);background:#0000002e;border:1px solid var(--glass-brd);border-radius:14px;padding:12px 14px;outline:none}.composer-input::placeholder{color:var(--muted-dim)}.composer-input:focus{border-color:#ff7ae099;box-shadow:0 0 0 3px #ff4ecd26}.composer-actions{display:flex;justify-content:flex-end;margin-top:12px}.moodrow{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.moodrow::-webkit-scrollbar{display:none}.moodchip{flex:none;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-size:13px;color:var(--muted);background:#ffffff0d;border:1px solid var(--glass-brd);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.moodchip .e{font-size:15px}.moodchip:hover{transform:translateY(-1px)}.moodchip.active{color:#fff;background:linear-gradient(120deg,#ff4ecd59,#b15cff59);border-color:#ff7ae0b3;box-shadow:0 0 16px #ff4ecd66}.btn-primary{font:inherit;font-weight:700;font-size:14.5px;color:#fff;padding:10px 20px;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(120deg,var(--pink),var(--violet));box-shadow:0 8px 22px -8px var(--pink);transition:transform .12s ease,filter .12s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{font:inherit;font-size:13px;color:var(--muted);padding:7px 13px;border-radius:999px;border:1px solid var(--glass-brd);background:transparent;cursor:pointer;transition:background .12s ease,color .12s ease}.btn-ghost:hover:not(:disabled){background:#ffffff12;color:var(--text)}.btn-ghost.danger:hover:not(:disabled){color:#ffb8c8;border-color:#ff789680}.btn-ghost:disabled{opacity:.5;cursor:default}.feed{margin-top:18px;display:flex;flex-direction:column;gap:14px}.post{padding:16px 18px}.post:nth-child(3n+1){transform:rotate(-.5deg)}.post:nth-child(3n+2){transform:rotate(.4deg)}.post-head{display:flex;align-items:center;gap:10px}.post-meta{display:flex;flex-direction:column;line-height:1.25;margin-right:auto}.post-author{font-weight:700;font-size:14.5px}.post-time{font-size:11.5px;color:var(--muted-dim)}.mood-tag{flex:none;font-size:12px;color:var(--pink-pale);padding:4px 10px;border-radius:999px;background:#ff4ecd24;border:1px solid rgba(255,122,224,.35)}.post-body{margin:12px 2px 0;white-space:pre-wrap;word-break:break-word;line-height:1.5}.post-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.post-edit{margin-top:12px}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.preview-row,.media-grid{margin-top:12px}.preview-row{display:flex;flex-wrap:wrap;gap:8px}.preview-thumb{position:relative;width:76px;height:76px;border-radius:12px;overflow:hidden;border:1px solid var(--glass-brd)}.preview-thumb img{width:100%;height:100%;object-fit:cover}.media-grid{display:grid;gap:6px;border-radius:14px;overflow:hidden}.media-grid.one{grid-template-columns:minmax(0,1fr)}.media-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid.many{grid-template-columns:repeat(3,minmax(0,1fr))}.media-cell{position:relative;min-width:0}.media-grid.one .media-cell img{max-height:460px}.media-cell img{width:100%;height:100%;max-height:220px;object-fit:cover;border-radius:12px;display:block;cursor:zoom-in;background:#ffffff0a}.media-remove{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:12px;cursor:pointer;display:grid;place-items:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a020ceb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;overflow:hidden}.lightbox img{max-width:100%;max-height:100%;min-width:0;min-height:0;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:var(--shadow)}.lb-close,.lb-nav{position:absolute;border:none;background:#ffffff1f;color:#fff;cursor:pointer;border-radius:999px}.lb-close{top:16px;right:16px;width:40px;height:40px;font-size:18px}.lb-nav{top:50%;transform:translateY(-50%);width:46px;height:46px;font-size:26px;line-height:1}.lb-nav.prev{left:12px}.lb-nav.next{right:12px}.reactions{display:flex;align-items:center;gap:8px;margin-top:14px}.react-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;color:var(--muted);padding:6px 12px;border-radius:999px;border:1px solid var(--glass-brd);background:#ffffff0a;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease}.react-btn:hover:not(:disabled){background:#ffffff14}.react-btn:disabled{opacity:.6;cursor:default}.react-btn.on{color:#fff;border-color:#ff7ae099;background:#ff4ecd29}.react-btn .count{font-weight:700;font-size:13px}.react-btn .heart-ic{display:inline-block}.react-btn.like.on .heart-ic{animation:heart-pop .42s ease}@keyframes heart-pop{0%{transform:scale(.6)}40%{transform:scale(1.45);filter:drop-shadow(0 0 10px var(--pink))}70%{transform:scale(.92)}to{transform:scale(1)}}.owner-actions{margin-left:auto;display:inline-flex;gap:6px}.btn-primary.sm{padding:8px 15px;font-size:13px}.comments{margin-top:14px;display:flex;flex-direction:column;gap:10px}.comment-loading{color:var(--muted-dim);font-size:13px}.comment{display:flex;gap:8px;align-items:flex-start}.comment-bubble{flex:1;background:#ffffff0d;border:1px solid var(--glass-brd);border-radius:14px;padding:8px 12px}.comment-top{display:flex;align-items:center;gap:8px}.comment-author{font-weight:700;font-size:13px}.comment-time{font-size:11px;color:var(--muted-dim)}.comment-del{margin-left:auto;border:none;background:transparent;color:var(--muted-dim);cursor:pointer;font-size:12px}.comment-del:hover{color:#ffb8c8}.comment-text{margin-top:3px;font-size:14px;white-space:pre-wrap;word-break:break-word}.comment-form{display:flex;gap:8px;margin-top:4px}.comment-input{flex:1;font:inherit;font-size:14px;color:var(--text);background:#0000002e;border:1px solid var(--glass-brd);border-radius:999px;padding:9px 15px;outline:none}.comment-input:focus{border-color:#ff7ae099}.comment-input::placeholder{color:var(--muted-dim)}.bottom-nav{position:fixed;z-index:40;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));display:flex;gap:4px;padding:6px;max-width:calc(100vw - 20px);border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-brd);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-hi);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.bottom-nav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);padding:9px 16px;border:none;border-radius:999px;background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease}.bottom-nav button .nav-ic{font-size:16px}.bottom-nav button.on{color:#fff;background:linear-gradient(120deg,var(--pink),var(--violet));box-shadow:0 6px 18px -8px var(--pink)}.calendar{margin-top:16px;display:flex;flex-direction:column;gap:14px}.cal-card{padding:16px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-title{font-weight:800;font-size:18px}.cal-nav{width:38px;height:38px;border-radius:50%;border:1px solid var(--glass-brd);background:#ffffff0d;color:var(--text);font-size:20px;cursor:pointer}.cal-nav:hover{background:#ffffff1a}.cal-weekdays,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal-weekdays{margin-bottom:6px}.cal-weekdays span{text-align:center;font-size:11.5px;color:var(--muted-dim)}.cal-cell{position:relative;aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);font-size:14px;cursor:pointer}.cal-cell.empty{cursor:default}.cal-cell:not(.empty):hover{background:#ffffff0f}.cal-cell.today{border-color:#ff7ae080}.cal-cell.anniv .d{color:var(--pink);font-weight:800}.cal-cell.anniv:after{content:"💗";position:absolute;top:2px;right:3px;font-size:9px}.cal-cell.selected{background:linear-gradient(120deg,#ff4ecd66,#b15cff66);border-color:#ff7ae0b3;box-shadow:0 0 16px #ff4ecd59}.cal-cell .dot{position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.cal-cell.selected .dot{background:#fff;box-shadow:none}.cal-day{padding:16px}.cal-day-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cal-day-head strong{font-size:16px}.cal-day-head .btn-primary{margin-left:auto}.anniv-badge{font-size:12px;color:var(--pink-pale)}.cal-empty{color:var(--muted-dim);font-size:14px}.cal-event{display:flex;gap:10px;padding:12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--glass-brd);margin-bottom:10px}.cal-event-main{flex:1}.cal-event-title{font-weight:700;font-size:15px}.cal-event-note{font-size:13px;color:var(--muted);margin-top:3px}.cal-event-by{font-size:11.5px;color:var(--muted-dim);margin-top:5px}.cal-event-actions{display:flex;gap:4px;align-items:flex-start}.cal-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.cal-form .comment-input{border-radius:12px}.cal-form-actions{display:flex;justify-content:flex-end;gap:8px}.feed-controls{margin-top:14px;padding:14px}.rangebar{display:flex;flex-direction:column;gap:10px}.range-presets{display:flex;flex-wrap:wrap;gap:7px}.range-chip{font:inherit;font-size:12.5px;color:var(--muted);padding:6px 12px;border-radius:999px;border:1px solid var(--glass-brd);background:#ffffff0a;cursor:pointer}.range-chip.active{color:#fff;background:linear-gradient(120deg,#ff4ecd59,#b15cff59);border-color:#ff7ae0a6}.range-custom{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.range-custom input{flex:1 1 130px;min-width:0;font:inherit;color:var(--text);background:#0003;border:1px solid var(--glass-brd);border-radius:10px;padding:7px 10px;color-scheme:dark}.range-arrow{color:var(--muted-dim)}.mood-filter{display:flex;align-items:center;gap:10px;margin-top:12px}.mf-label{font-size:13px;color:var(--muted)}.mf-select{flex:1;font:inherit;font-size:14px;color:var(--text);background:#0003;border:1px solid var(--glass-brd);border-radius:10px;padding:8px 12px;color-scheme:dark}.stats{margin-top:16px;display:flex;flex-direction:column;gap:14px}.stat-card{padding:16px}.stat-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.stat-head strong{font-size:16px}.stat-total{margin-left:auto;font-size:12px;color:var(--muted-dim)}.stat-bars{display:flex;flex-direction:column;gap:9px}.stat-row{display:flex;align-items:center;gap:10px}.stat-mood{width:96px;flex:none;font-size:13px;color:var(--muted)}.stat-bar{flex:1;height:12px;border-radius:999px;background:#ffffff12;overflow:hidden}.stat-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--violet));box-shadow:0 0 12px #ff4ecd80}.stat-count{width:26px;text-align:right;font-weight:700;font-size:13px}.otd{margin-top:14px;padding:14px 16px;border-color:#ff7ae066}.otd-title{font-weight:700;font-size:14px;color:var(--pink-pale);margin-bottom:8px}.otd-item{display:flex;gap:10px;font-size:14px;padding:5px 0}.otd-year{flex:none;font-weight:700;color:var(--violet)}.otd-body{color:var(--muted)}.center{display:block;text-align:center;margin:12px auto}.big-load{margin-top:40vh}.empty{text-align:center;padding:34px 22px;color:var(--muted)}.empty-emoji{font-size:40px;margin-bottom:10px}