/* MY INOCHI LIFE — Imagine The Day (page-your-celebration.php), 9 October 2026. Lantern white, ink and the spiral's gold. */
.in-cel{background:var(--ground)}
.in-cel__open{padding:clamp(3rem,10vh,6rem) 6vw 1.5rem;text-align:center;position:relative}
.in-cel__spiral{display:block;width:120px;height:120px;margin:0 auto 1rem}
.in-cel__name{font-family:var(--name);font-weight:500;font-size:clamp(2.4rem,7vw,4.6rem);line-height:1;letter-spacing:.02em;margin:0 0 .8rem;color:var(--ink)}
.in-cel__way{margin:1.6rem 0 0;font-family:var(--body);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.in-cel__way em{font-family:var(--head);font-size:1.15rem;letter-spacing:0;text-transform:none;color:var(--signal-deep)}
.in-cel__way .in-portal__kanji{display:inline;font-size:1.3rem;margin:0 .3rem 0 0}
.in-cel__ways{padding:1rem 6vw clamp(4rem,10vh,7rem);text-align:center}
.in-cel__list .in-portal{opacity:1;transform:none}
.in-cel__pick{display:block;padding:1.2rem .6rem 1.4rem;border:1px solid rgba(var(--glow),.45);border-radius:18px;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;-webkit-tap-highlight-color:transparent}
.in-cel__pick:hover,.in-cel__pick:focus-visible{transform:translateY(-4px);border-color:var(--signal);box-shadow:0 14px 34px -14px rgba(var(--glow),.6)}
.in-cel__pick:active{transform:scale(.97)}
@media (max-width:760px){.in-cel__list{grid-template-columns:1fr 1fr}.in-cel__list li:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - clamp(.5rem,1.25vw,1.2rem))}}
.in-cel__sit{max-width:44rem;margin:0 auto;padding:1rem 6vw clamp(4rem,10vh,7rem)}
.in-cel__sit .lam-atelier{font-family:var(--body);color:var(--ink)}
.in-cel__sit .lam-atelier h2,.in-cel__sit .lam-atelier label{font-family:var(--head);font-weight:500;font-size:clamp(1.5rem,3.6vw,2.2rem);line-height:1.2;color:var(--ink)}
.in-cel__sit .lam-atelier textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1.05rem;line-height:1.6;padding:1rem 1.1rem;border:1px solid rgba(var(--glow),.55);border-radius:14px;background:#fff;color:var(--ink)}
.in-cel__sit .lam-atelier textarea:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px rgba(var(--glow),.25)}
.in-cel__sit .lam-atelier button[type="submit"]:not([name]){background:var(--signal);color:var(--on-signal);border:0;border-radius:999px;padding:.9rem 2rem;font-family:var(--body);font-weight:600;font-size:1rem;cursor:pointer}
.in-cel__sit .lam-atelier button[type="submit"]:not([name]):active{transform:scale(.97)}
.in-cel__written{margin:2.4rem 0 0;padding:1.6rem 1.4rem;border-top:1px solid rgba(var(--glow),.5);text-align:center}
.in-cel__kept{font-family:var(--head);font-style:italic;font-size:1.25rem;line-height:1.5;color:var(--signal-deep);margin:0 0 1.2rem}
.in-cel__other{text-align:center;margin:2rem 0 0;font-family:var(--body);font-size:.85rem}
.in-cel__other a{color:var(--signal-deep)}
.in-portal__go{display:block;margin:.8rem 0 0;font-family:var(--body);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--signal-deep)}
a.in-portal__door{display:block;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
a.in-portal__door:active{transform:scale(.97)}
.in-portals__begin{margin:3rem 0 0}
