.dotm-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;max-width:920px;margin:0 auto}@media (max-width:760px){.dotm-feature{grid-template-columns:1fr;text-align:center}}.dotm-frame{position:relative;width:min(380px,84vw);margin:0 auto 1.6rem;padding:16px;border-radius:50%;aspect-ratio:1;background:conic-gradient(from 20deg,#ffe680,var(--gold-deep),#fff1b0,var(--gold),#b87800,#ffe680);box-shadow:0 0 0 6px var(--night-1),0 0 0 9px rgba(198,244,50,.55),0 0 60px rgba(255,210,63,.45),var(--shadow)}.dotm-frame::before{content:"";position:absolute;inset:7px;border-radius:50%;border:3px dotted rgba(90,53,0,.55);pointer-events:none}.dotm-photo{width:100%;height:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:6px solid var(--night-1);background:#1e1052}.dotm-mystery{display:grid;place-items:center;font-family:var(--head);font-size:clamp(5rem,22vw,9rem);color:rgba(198,244,50,.85);background:radial-gradient(circle at 50% 40%,#3a1a7e,var(--night-1) 70%);text-shadow:0 0 30px rgba(198,244,50,.6);animation:dotm-bob 3.4s ease-in-out infinite}@keyframes dotm-bob{50%{transform:translateY(-6px)}}.dotm-seal{position:absolute;top:-6%;right:-6%;width:30%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));transform:rotate(12deg)}.dotm-ribbon{position:absolute;left:50%;bottom:-1.1rem;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;font-family:var(--head);letter-spacing:.06em;font-size:clamp(.95rem,3.6vw,1.3rem);line-height:1;color:#fff7e6;padding:.7rem 2.2rem .55rem;background:linear-gradient(180deg,#e0463f,#a8211c);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);box-shadow:0 6px 14px rgba(0,0,0,.45);text-shadow:0 2px 0 rgba(0,0,0,.35)}.dotm-info h2{font-family:var(--head);font-weight:400;font-size:clamp(2.6rem,8vw,4.4rem);line-height:1;margin:.2rem 0 .6rem;color:var(--gold);text-shadow:0 0 24px rgba(255,210,63,.45)}.dotm-info .stamp{font-size:1.2rem;transform:rotate(-4deg);mix-blend-mode:normal;background:rgba(255,245,240,.08)}.dotm-info .memo{margin:1rem 0 0}.dotm-empty .dotm-info h2{color:var(--lime);text-shadow:0 0 24px rgba(198,244,50,.4)}.dotm-who{font-size:1.25rem;color:var(--muted)}.dotm-who b{color:var(--ink)}@media (max-width:760px){.dotm-info .memo{margin-inline:auto}}.dotm-past-section{padding-top:0}.dotm-past .art-card{position:relative}.dotm-past img{border-radius:50%;border:5px solid var(--gold)}.dotm-mini-seal{position:absolute;top:-.6rem;right:-.6rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#5a3500;font-size:1.3rem;box-shadow:0 4px 10px rgba(0,0,0,.4);z-index:1}.dotm-past figcaption span:nth-of-type(2){font-size:.95rem;color:#6b5a3a}.dotm-row{grid-template-columns:1fr 1fr}@media (max-width:560px){.dotm-row{grid-template-columns:1fr}}.dotm-preview{width:min(220px,100%);aspect-ratio:1;object-fit:cover;border-radius:50%;border:5px solid var(--gold);margin:.6rem auto 0}.dotm-preview[hidden]{display:none}@media (prefers-reduced-motion:reduce){.dotm-mystery{animation:none}}