:root{--bg: #000000;--text: #e8f4fd;--muted: rgba(232, 244, 253, .72);--line: rgba(232, 244, 253, .16);--panel: rgba(7, 16, 32, .78);--panel-strong: rgba(11, 22, 44, .92);--accent: #8fd3ff;--accent-soft: rgba(143, 211, 255, .18);--danger: #ff8e8e;--shadow: 0 20px 50px rgba(0, 0, 0, .45);--font-ui: "Avenir Next", "Hiragino Sans", "Yu Gothic", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(80,139,255,.16),transparent 34%),radial-gradient(circle at 20% 80%,rgba(64,162,255,.1),transparent 28%),var(--bg);color:var(--text);font-family:var(--font-ui)}body{overscroll-behavior:none}button{font:inherit}.app-shell{position:relative;min-height:100dvh;overflow:hidden}.screen{display:none;min-height:100dvh}.screen.is-active{display:flex}.welcome-screen,.diary-screen{flex-direction:column;justify-content:center;padding:calc(28px + var(--safe-top)) calc(20px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(20px + var(--safe-left))}.hero{position:relative;max-width:28rem;margin:0 auto}.hero:before,.hero:after{content:"";position:absolute;border-radius:999px;filter:blur(24px);opacity:.7}.hero:before{inset:-5rem auto auto -1rem;width:8rem;height:8rem;background:#73b8ff38}.hero:after{inset:auto -1rem -3rem auto;width:10rem;height:10rem;background:#c4e0ff1f}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--muted);font-size:.85rem;letter-spacing:.06em}.hero-title{margin:1rem 0 0;font-size:clamp(3rem,14vw,5rem);line-height:.95;letter-spacing:.02em}.hero-copy{margin:1rem 0 0;color:var(--muted);font-size:1rem;line-height:1.8}.hero-note{margin:1.4rem 0 0;padding-left:1.1rem;color:var(--muted);font-size:.92rem;line-height:1.8}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.95rem 1.2rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.primary-button{margin-top:2rem;width:100%;background:linear-gradient(135deg,#7fcfff,#d6ecff);color:#041120;box-shadow:0 12px 30px #5ebaff4d;font-weight:700}.secondary-button{width:100%;background:#ffffff0a;border-color:var(--line);color:var(--text)}.primary-button:active,.secondary-button:active,.shutter-button:active{transform:scale(.98)}.modal-screen,.capture-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));background:#000000b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30}.modal-screen.is-active,.capture-modal.is-active{display:flex}.modal-card,.capture-card,.diary-card{width:min(100%,28rem);border:1px solid var(--line);border-radius:1.6rem;background:linear-gradient(180deg,#0c182cf2,#050a12f5);box-shadow:var(--shadow)}.modal-card,.capture-card{padding:1.4rem}.modal-title,.section-title{margin:0;font-size:1.45rem}.modal-copy,.modal-hint,.capture-copy,.capture-meta,.empty-copy,.error-text,.status-chip{color:var(--muted);line-height:1.7}.modal-copy,.capture-copy{margin:.85rem 0 0}.modal-actions,.capture-actions{display:grid;gap:.8rem;margin-top:1.3rem}.error-text{min-height:1.7em;margin:.85rem 0 0;color:var(--danger)}.camera-screen{position:relative;display:none;align-items:stretch;justify-content:center;background:#000}.camera-screen.is-active{display:flex}.camera-video,.ar-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ar-canvas{z-index:2}.camera-overlay{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:100dvh;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(16px + var(--safe-left))}.hud-group{display:grid;gap:.7rem;width:min(100%,18rem)}.hud-card,.status-chip{padding:.8rem .95rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 25px #00000040}.hud-label{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hud-value{margin:.35rem 0 0;font-size:1rem;line-height:1.6}.hud-value-small{font-size:.82rem;line-height:1.7;word-break:break-word}.camera-footer{display:flex;justify-content:flex-end;align-items:flex-end}.shutter-button{position:relative;width:5.2rem;height:5.2rem;border:none;border-radius:50%;background:#e8f4fd14;box-shadow:inset 0 0 0 2px #e8f4fda6,0 16px 40px #00000052;cursor:pointer}.shutter-button:before{content:"";position:absolute;top:.85rem;right:.85rem;bottom:.85rem;left:.85rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#d9ebff)}.capture-card{max-width:30rem}.capture-preview{display:block;width:100%;aspect-ratio:3 / 4;margin-top:1rem;border-radius:1rem;object-fit:cover;border:1px solid var(--line);background:#ffffff0a}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.section-copy{margin:.6rem 0 0;color:var(--muted);line-height:1.7}.diary-actions{margin-top:1.4rem}.diary-grid{display:grid;gap:1rem;margin-top:1.5rem}.diary-card{overflow:hidden}.diary-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#ffffff0a}.diary-body{padding:1rem}.diary-title{margin:0;font-size:1rem}.diary-meta{margin:.5rem 0 0;color:var(--muted);line-height:1.7}.empty-card{padding:1.2rem;border:1px dashed var(--line);border-radius:1rem;background:#ffffff05}.empty-copy{margin:0}@media (min-width: 720px){.welcome-screen,.diary-screen{padding-left:max(24px,calc(50vw - 20rem));padding-right:max(24px,calc(50vw - 20rem))}.diary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}