:root{--c-bg:#fdf7f5;--c-surface:#fff;--c-rose:#e11d48;--c-rose-dark:#be123c;--c-rose-pale:#ffe4ea;--c-gold:#b98a44;--c-ink:#3f2d38;--c-muted:#8a7580;--c-line:#f1dfe4;--c-danger:#dc2626;--c-success:#059669;--c-radius:16px;--c-radius-sm:10px;--focus-ring:0 0 0 2px #fff,0 0 0 4px #e11d48}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--c-bg);color:var(--c-ink);font-family:Zen Maru Gothic,Noto Sans JP,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-frame{max-width:480px;min-height:100vh;margin:0 auto;background:var(--c-bg)}.app-main{padding:20px 16px 88px}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;border-bottom:1px solid var(--c-line);background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-logo{color:var(--c-rose);font-weight:800}.bottom-tabs{position:fixed;left:50%;bottom:0;z-index:20;display:grid;width:min(480px,100%);grid-template-columns:repeat(4,1fr);transform:translateX(-50%);border-top:1px solid var(--c-line);background:#fff;padding-bottom:env(safe-area-inset-bottom)}.bottom-tabs a{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--c-muted);font-size:10px}.bottom-tabs a.is-active{color:var(--c-rose);font-weight:700}.card{border:1px solid var(--c-line);border-radius:var(--c-radius);background:var(--c-surface);box-shadow:0 8px 24px rgba(63,45,56,.08)}.stack{display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:6px;gap:6px}.field span{font-size:13px;font-weight:700;color:var(--c-muted)}.input{width:100%;min-height:52px;border:1px solid var(--c-line);border-radius:var(--c-radius-sm);background:#fff;padding:0 14px;color:var(--c-ink);font-size:16px}textarea.input{min-height:150px;padding-top:14px;line-height:1.7}.btn{min-height:52px;border:0;border-radius:var(--c-radius-sm);padding:0 18px;font-weight:800;cursor:pointer}.btn-primary{background:var(--c-rose);color:#fff}.btn-primary:hover{background:var(--c-rose-dark)}.btn-ghost{border:1px solid var(--c-line);background:#fff;color:var(--c-ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.alert{border-radius:var(--c-radius-sm);padding:12px 14px;font-size:14px}.alert-error{background:#fdecec;color:var(--c-danger)}.alert-success{background:#e7f6ef;color:var(--c-success)}.badge{display:inline-flex;align-items:center;height:22px;border-radius:999px;padding:0 10px;font-size:11px;font-weight:800}.badge-member{background:#f7ecd9;color:var(--c-gold)}.badge-public{color:var(--c-muted)}.badge-public,.list-card{border:1px solid var(--c-line)}.list-card{display:grid;grid-template-columns:64px 1fr;grid-gap:12px;gap:12px;padding:12px;border-radius:12px;background:#fff}.thumb{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--c-rose-pale)}.diary-row-link{display:grid;grid-template-columns:64px 1fr;grid-gap:12px;gap:12px;min-width:0}.diary-thumb{display:grid;place-items:center;position:relative;overflow:hidden;color:var(--c-rose)}.diary-thumb img,.diary-thumb video{width:100%;height:100%;object-fit:cover;display:block}.video-mark{position:absolute;left:6px;top:6px;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:rgba(63,45,56,.78);color:#fff}.heaven-retry,.heaven-status{display:inline-flex;align-items:center;gap:4px;margin:6px 0 0;font-size:11px}.metric-row{display:flex;gap:10px;margin:4px 0 6px;color:var(--c-muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.heaven-status.is-sent{color:var(--c-success)}.heaven-retry{grid-column:2;justify-self:start;min-height:32px;border:0;background:transparent;color:var(--c-danger);cursor:pointer}.pager{display:flex;justify-content:center;gap:10px;margin-top:18px}.upload-box{display:grid;min-height:200px;place-items:center;border:2px dashed var(--c-line);border-radius:var(--c-radius);background:#fff;text-align:center;color:var(--c-muted)}.upload-preview{position:relative;width:100%;height:200px;display:block;overflow:hidden;border-radius:calc(var(--c-radius) - 4px)}.upload-preview img,.upload-preview video{width:100%;height:100%;object-fit:cover;display:block}.upload-preview button{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:999px;background:rgba(63,45,56,.82);color:#fff;cursor:pointer}.upload-progress{height:4px;overflow:hidden;border-radius:999px;background:var(--c-line)}.upload-progress span{display:block;height:100%;background:var(--c-rose);transition:width .2s ease}.form-hint{margin:6px 0 0;color:var(--c-muted);font-size:13px;line-height:1.6}.toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;display:flex;width:min(calc(100vw - 32px),448px);align-items:center;gap:8px;transform:translate(-50%);border-radius:var(--c-radius-sm);padding:12px 14px;font-size:14px;font-weight:700;box-shadow:0 12px 32px rgba(63,45,56,.12);animation:toast-in .2s ease both}.toast-success{background:#e7f6ef;color:var(--c-success)}.toast-error{background:#fdecec;color:var(--c-danger)}.empty-state{display:grid;place-items:center;grid-gap:12px;gap:12px;border:1px dashed var(--c-line);border-radius:var(--c-radius);background:hsla(0,0%,100%,.65);padding:28px 18px;text-align:center;color:var(--c-muted)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.media-tile{position:relative;overflow:hidden;aspect-ratio:1;border-radius:var(--c-radius-sm);background:var(--c-rose-pale)}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block}.media-tile button{position:absolute;top:4px;right:4px;width:28px;height:28px;border:0;border-radius:999px;background:rgba(63,45,56,.82);color:#fff;cursor:pointer}.segment{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.segment button{min-height:48px;border:1px solid var(--c-line);border-radius:var(--c-radius-sm);background:#fff;color:var(--c-muted)}.segment button.is-active{border-color:var(--c-rose);background:var(--c-rose-pale);color:var(--c-rose);font-weight:800}.guide-home-link{justify-self:start;color:var(--c-rose);font-size:13px;font-weight:800}.guide-list{display:grid;grid-gap:12px;gap:12px}.guide-card{overflow:hidden;border:1px solid var(--c-line);border-radius:var(--c-radius);background:var(--c-surface);box-shadow:0 8px 24px rgba(63,45,56,.08)}.guide-card summary{display:flex;min-height:52px;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;font-weight:800}.guide-card summary::-webkit-details-marker{display:none}.guide-chevron{transition:transform .18s ease}.guide-card[open] .guide-chevron{transform:rotate(180deg)}.guide-body{border-top:1px solid var(--c-line);padding:14px 16px 18px;color:var(--c-ink);font-size:15px;line-height:1.9}.guide-body ol,.guide-body p,.guide-body ul{margin:0 0 12px}.guide-body ol:last-child,.guide-body p:last-child,.guide-body ul:last-child{margin-bottom:0}.guide-body li+li{margin-top:6px}.guide-body ul{color:var(--c-muted)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}