@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";:root{--ink: #28340c;--paper: #ABBF60;--primary: #575f43;--font-main: "Noto Sans SC", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-cursive: "Dancing Script", "Noto Sans SC", cursive;--font-space: "Space Grotesk", "Noto Sans SC", sans-serif;--font-mood: "Noto Serif SC", "Noto Sans SC", "Songti SC", "STSong", serif;--outline-variant: #c7c7bc;--on-surface-variant: #46483f}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;min-height:100dvh;height:100%;font-family:var(--font-main);color:var(--ink);background:var(--paper);overflow:hidden;-webkit-tap-highlight-color:rgba(87,95,67,.12)}.app-root{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}.fart-canvas,.vfx-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fart-canvas{z-index:60}.vfx-canvas{z-index:61}.tree-canopy-overlay{position:fixed;right:min(-2vw,-12px);bottom:min(-1.5vh,-10px);width:min(58vw,600px);height:min(72vh,680px);z-index:62;pointer-events:none;will-change:transform,opacity;-webkit-mask-image:radial-gradient(ellipse 120% 125% at 96% 98%,#000 0%,#000 22%,rgba(0,0,0,.62) 48%,rgba(0,0,0,.22) 72%,transparent 96%);mask-image:radial-gradient(ellipse 120% 125% at 96% 98%,#000 0%,#000 22%,rgba(0,0,0,.62) 48%,rgba(0,0,0,.22) 72%,transparent 96%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.tree-canopy-overlay__shade{position:absolute;top:0;right:0;bottom:0;left:0}.tree-canopy-overlay__shade canvas{mix-blend-mode:multiply;opacity:.82}.tree-canopy-overlay__warm{position:absolute;top:-14%;right:-30%;bottom:-20%;left:-6%;background:radial-gradient(ellipse 85% 75% at 18% 6%,rgba(252,244,220,.07) 0%,rgba(171,191,96,.03) 40%,transparent 74%);mix-blend-mode:overlay;pointer-events:none;opacity:.75}.person-svg-container{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.preset-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-status{margin-top:1rem;font-size:.9rem;color:var(--primary);font-weight:600}#app{display:none}.page{width:100%;height:100%;position:relative}.lawn-pan-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;touch-action:none;cursor:grab}.lawn-pan-layer:active{cursor:grabbing}.hero-title-shell{position:fixed;left:0;right:0;top:0;z-index:25;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;padding:clamp(40px,10vh,108px) 12px 0;box-sizing:border-box}.hero-title-cluster{pointer-events:none;max-width:min(820px,96vw);padding:0;text-align:center}.title-cursive{font-family:var(--font-cursive);font-size:clamp(2.75rem,8vw,4rem);margin:0;color:var(--ink);text-shadow:0 0 1px rgba(255,255,255,.9),0 0 18px rgba(255,253,242,.65),0 1px 2px rgba(40,52,12,.12)}.title-sub{font-size:clamp(1rem,2.6vw,1.2rem);letter-spacing:.2em;font-weight:500;margin:.5rem 0 0;color:var(--ink);text-shadow:0 0 1px rgba(255,255,255,.85),0 0 14px rgba(255,253,242,.55),0 1px 1px rgba(40,52,12,.08)}.people-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;will-change:transform}.people-layer.is-locating{transition:transform .55s cubic-bezier(.25,.8,.25,1)}.person{position:absolute;transform:translate(-50%,-50%);width:120px;pointer-events:auto;text-align:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.person-figure{position:relative;width:100%;aspect-ratio:1;transition:transform .6s cubic-bezier(.34,1.56,.64,1),filter .6s ease}.person.is-located{z-index:250}.person.is-located .person-figure{transform:translateY(-18px);animation:locate-person-bounce .8s ease-in-out infinite alternate;animation-delay:.1s}@keyframes locate-person-bounce{0%{transform:translateY(-18px)}to{transform:translateY(-28px)}}@media (hover: hover) and (pointer: fine){.person:hover{transform:translate(-50%,-60%) scale(1.1);z-index:100}}.person img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block}.person-label{margin-top:4px;font-size:12px;font-weight:600;color:var(--ink);background:#fff6;padding:2px 8px;border-radius:10px;display:inline-block}.ui-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none}.stats-display{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:1000;text-align:right;color:var(--ink);opacity:.52;pointer-events:auto}.stats-content{line-height:1.35}.stats-period{font-family:var(--font-space);font-size:.68rem;font-weight:500;letter-spacing:.06em;margin-bottom:1px;text-transform:none;opacity:.9;color:var(--primary)}.stats-info{font-size:.78rem;font-weight:400;display:flex;align-items:center;justify-content:flex-end;gap:5px;opacity:.88;color:var(--on-surface-variant)}.stats-count{font-weight:400}.jump-btn-container{position:fixed;bottom:max(10px,2.2vh,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);right:auto;top:auto;display:flex;flex-direction:column;align-items:center;gap:.28rem;pointer-events:none;max-width:min(92vw,240px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.jump-btn{background:#fdfdfd;color:#70842a;border:2px solid #70842a;padding:.72rem 1.35rem;border-radius:999px;font-size:.98rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #0000001a;transition:transform .2s;pointer-events:auto;width:auto;min-width:0;max-width:min(280px,92vw);line-height:1.25}.jump-btn:hover{transform:scale(1.05)}.locate-me-btn{margin-top:.1rem;padding:.2rem .4rem;font-size:.76rem;font-weight:400;letter-spacing:.04em;color:#575f437a;background:transparent;border:none;border-radius:0;cursor:pointer;box-shadow:none;transition:color .15s ease;pointer-events:auto;align-self:center;text-align:center;min-width:0;max-width:none;text-decoration:none}.locate-me-btn:hover{color:#575f43b8;transform:none;background:transparent;box-shadow:none}.clear-saved-btn{margin-top:0;padding:.28rem 0;font-size:.78rem;align-self:center;color:#575f43a6;background:transparent;border:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;pointer-events:auto}.clear-saved-btn:hover{color:#575f43}@media (max-width: 420px){.jump-btn-container{max-width:min(94vw,260px)}.jump-btn{font-size:.92rem;padding:.65rem 1.2rem;min-width:0}}@media (max-width: 720px){.hero-title-shell{padding:calc(56px + env(safe-area-inset-top,0px)) 10px 0}.title-cursive{font-size:clamp(2rem,9.5vw,3.25rem)}.title-sub{font-size:clamp(.88rem,3.2vw,1.1rem);letter-spacing:.14em}.stats-display{top:max(8px,env(safe-area-inset-top,0px));right:auto;left:max(10px,env(safe-area-inset-left,0px));text-align:left;opacity:.48}.stats-info{justify-content:flex-start}.person{width:100px}.tree-canopy-overlay{width:min(72vw,520px);height:min(68vh,560px)}}@media (max-width: 400px){.person{width:88px}}@media (max-width: 720px){.detail-card-overlay{padding:max(8px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}.detail-card{max-width:100%}.detail-card-foot{padding-bottom:env(safe-area-inset-bottom,0px)}.action-chip{min-height:48px;padding:.5rem .2rem .45rem}.detail-input{font-size:1rem}.detail-send-btn{min-height:44px;padding:.5rem .95rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:none;align-items:center;justify-content:center;padding:max(20px,calc(env(safe-area-inset-top,0px) + 8px)) max(20px,calc(env(safe-area-inset-right,0px) + 8px)) max(20px,calc(env(safe-area-inset-bottom,0px) + 8px)) max(20px,calc(env(safe-area-inset-left,0px) + 8px));box-sizing:border-box}.modal-content{width:100%;max-width:900px;max-height:min(80vh,80dvh);min-height:0;background:#fff;border-radius:2rem;display:flex;overflow:hidden;box-shadow:0 30px 60px #0000004d}.modal-preview{flex:1;min-height:0;background:#f8f8f2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;border-right:1px solid #eee;overflow-y:auto}.preview-avatar{width:220px;height:220px;border-radius:50%;border:2px dashed var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;background:#fff;overflow:hidden}.preview-avatar img{width:100%;height:100%;object-fit:contain}.modal-form{flex:1.5;min-height:0;padding:3rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:var(--font-space);font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--on-surface-variant);opacity:.6}.form-input,.form-textarea{border:none;border-bottom:2px solid var(--outline-variant);padding:.5rem 0;font-size:1.2rem;outline:none;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-bottom-color:var(--primary)}.pose-options{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.pose-custom-input{flex:1 1 10rem;min-width:10rem;margin:0;padding-top:.45rem;padding-bottom:.45rem}.pose-btn{padding:.6rem 1.5rem;border-radius:999px;border:1px solid var(--outline-variant);background:transparent;cursor:pointer;font-weight:600;transition:all .2s}.pose-btn.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-generate{flex:2;background:var(--primary);color:#fff;border:none;padding:1.2rem;border-radius:999px;font-size:1.1rem;font-weight:700;cursor:pointer}.btn-secondary{flex:1;background:#f5f5f5;border:none;padding:1.2rem;border-radius:999px;font-weight:600;cursor:pointer}.is-loading-spinner{width:50px;height:50px;border:4px solid rgba(87,95,67,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes jumpIn{0%{transform:translate(-50%,-200%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.person.is-jumping{animation:jumpIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.modal-form-scroll{max-height:none;min-height:0;overflow-y:auto}.form-hint{margin:0;font-size:.78rem;line-height:1.45;color:var(--on-surface-variant);opacity:.75}.form-hint code{font-size:.85em;background:#f4f5ef;padding:1px 5px;border-radius:4px}.preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;max-height:176px;overflow-y:auto;padding:2px;border-radius:12px;background:#575f430d}.preset-tile{aspect-ratio:1;min-height:0;padding:4px;margin:0;border:1px solid var(--outline-variant);border-radius:10px;background:#fdfdfcf2;font-family:var(--font-space);font-weight:700;font-size:.68rem;color:var(--primary);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;overflow:hidden}.preset-tile:hover{border-color:var(--primary);box-shadow:0 3px 10px #2f37201f}.preset-tile.is-selected{background:#87966438;border-color:var(--primary);color:var(--ink)}.form-actions-main{margin-top:.75rem}.modal-ai-details{margin-top:.5rem;border-top:1px solid rgba(0,0,0,.06);padding-top:1rem}.modal-ai-summary{cursor:pointer;font-family:var(--font-space);font-size:.85rem;font-weight:600;color:var(--on-surface-variant);opacity:.7}.modal-ai-summary::marker{color:#575f4380}.modal-ai-body{margin-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.btn-generate-ai{align-self:flex-start;background:transparent;color:var(--primary);border:1px dashed var(--outline-variant);padding:.75rem 1.25rem;border-radius:999px;font-weight:600;cursor:pointer}.btn-generate-ai:hover:not(:disabled){border-style:solid;border-color:var(--primary);background:#575f430f}.btn-generate-ai:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 720px){.modal-backdrop{padding:max(8px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));align-items:center;justify-content:center;overscroll-behavior:contain}.modal-content{flex-direction:column;flex:0 1 auto;max-width:none;width:100%;max-height:min(80dvh,80vh,calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),calc(100vh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));min-height:0;border-radius:1.35rem;overflow:hidden}.modal-preview{flex:0 0 auto;border-right:none;border-bottom:1px solid #eee;padding:1rem 1.15rem .85rem}.preview-avatar{width:min(44vw,200px);height:min(44vw,200px);margin-bottom:.65rem}.preview-status{margin-top:0;margin-bottom:0;font-size:.85rem}.modal-form{flex:1 1 auto;min-height:0;padding:1rem 1.1rem calc(1rem + env(safe-area-inset-bottom,0px));gap:1rem}.modal-form-scroll{max-height:none;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-form header h2{font-size:1.35rem;margin:0}.form-input,.form-textarea{font-size:1rem}.preset-grid{max-height:min(42vh,220px);gap:.28rem}.preset-tile{font-size:.62rem;padding:2px}.form-actions{flex-direction:column;gap:.65rem}.form-actions .btn-generate,.form-actions .btn-secondary{width:100%;flex:none;padding:1rem 1.1rem}.btn-generate{font-size:1.05rem}.pose-options{gap:.5rem}.pose-custom-input{flex:1 1 100%;min-width:0}.pose-btn{padding:.5rem 1rem;font-size:.9rem}.modal-ai-summary{min-height:44px;display:flex;align-items:center;padding:.35rem 0;-webkit-tap-highlight-color:transparent}.modal-ai-details{padding-bottom:.25rem}.btn-generate-ai{width:100%;text-align:center;align-self:stretch;min-height:48px;display:inline-flex;align-items:center;justify-content:center}}@media (max-width: 400px){.preview-avatar{width:min(40vw,168px);height:min(40vw,168px)}}.person-svg--preset{width:100%;height:auto;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.detail-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#28340c59,#575f4338 45%,#abbf6033);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,28px);transition:background .45s ease,backdrop-filter .45s ease}.detail-card-overlay.is-entering{background:#fff0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}.detail-card{--detail-pad: clamp(1.25rem, 4vw, 1.75rem);width:100%;max-width:384px;max-height:min(88vh,640px);background:linear-gradient(145deg,#fffdf8f7,#f5f2e8fa 55%,#eceee4f5);border-radius:clamp(1.75rem,5vw,2.25rem);padding:var(--detail-pad);padding-top:calc(var(--detail-pad) + 6px);position:relative;box-shadow:0 2px #ffffffd9 inset,0 28px 64px #1e26122e,0 0 0 1px #575f431f;display:flex;flex-direction:column;gap:0;overflow:hidden;transition:transform .55s cubic-bezier(.34,1.2,.64,1),opacity .42s ease}.detail-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 12% -10%,rgba(255,248,230,.65),transparent 52%),radial-gradient(90% 60% at 100% 0%,rgba(195,212,168,.22),transparent 45%);opacity:.9}.detail-card-overlay.is-entering .detail-card{transform:translate(calc(var(--start-x) - 50vw),calc(var(--start-y) - 50vh)) scale(var(--start-scale));opacity:0}.detail-card-scroll{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1.35rem;padding-right:4px;margin-right:-4px;scrollbar-width:thin;scrollbar-color:rgba(87,95,67,.25) transparent}.detail-card-scroll::-webkit-scrollbar{width:5px}.detail-card-scroll::-webkit-scrollbar-thumb{background:#575f4338;border-radius:99px}.detail-close{position:absolute;top:1rem;right:1rem;z-index:3;width:40px;height:40px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(87,95,67,.14);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #28340c14;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.detail-close:hover{transform:scale(1.06);background:#ffffffeb;box-shadow:0 10px 28px #28340c1f}.detail-close:active{transform:scale(.96)}.detail-close-icon{font-size:1.35rem;line-height:1;font-weight:300;margin-top:-2px}.detail-hero{display:flex;flex-direction:column;align-items:stretch;gap:1.1rem}.detail-avatar-stage{position:relative;display:flex;justify-content:center;padding:.35rem 0 .2rem}.detail-avatar-halo{position:absolute;top:50%;left:50%;width:88%;max-width:280px;aspect-ratio:1.85 / 1;transform:translate(-50%,-48%);background:radial-gradient(ellipse at 50% 40%,rgba(171,191,96,.45),transparent 68%);filter:blur(10px);pointer-events:none}.detail-avatar-bg{position:relative;width:100%;aspect-ratio:1.65;max-height:200px;background:linear-gradient(165deg,#b8c9a0,#8fa86e 42%,#7a9458);border-radius:1.35rem;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 14px 36px #2d342138;border:1px solid rgba(255,255,255,.22)}.detail-avatar-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,transparent 38%,rgba(30,38,18,.06) 100%);pointer-events:none}.detail-avatar{position:relative;z-index:1;height:78%;width:auto;max-width:92%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(30,38,18,.18));transition:transform .55s cubic-bezier(.34,1.2,.64,1)}.detail-card-overlay.is-entering .detail-avatar{transform:scale(.55)}.detail-title-block{text-align:center;padding:0 .25rem}.detail-eyebrow{font-family:var(--font-space);font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--primary);opacity:.55;margin:0 0 .35rem}.detail-name{font-family:var(--font-cursive);font-size:clamp(1.85rem,6vw,2.45rem);font-weight:700;margin:0;color:var(--ink);line-height:1.12;letter-spacing:-.02em}.detail-tagline{font-family:var(--font-main);font-size:.88rem;font-weight:500;color:var(--on-surface-variant);opacity:.82;margin:.35rem 0 0;line-height:1.45;letter-spacing:.02em}.detail-meta-row{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.65rem}.detail-pill{font-family:var(--font-space);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .65rem;border-radius:999px;background:#575f431f;color:var(--ink);border:1px solid rgba(87,95,67,.12)}.detail-pill--soft{background:#ffffffa6;border-color:#575f431a}.detail-mood{position:relative}.detail-mood-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.55rem}.detail-mood-label{font-family:var(--font-space);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-variant);opacity:.65;white-space:nowrap}.detail-mood-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(87,95,67,.22),transparent);min-width:1rem}.detail-mood-quote{margin:0;padding:1rem 1rem 1rem 1.35rem;background:#ffffffb8;border-radius:1.15rem;border:1px solid rgba(87,95,67,.08);box-shadow:0 8px 28px #28340c0f;position:relative}.detail-mood-quote:before{content:"“";position:absolute;left:.55rem;top:.35rem;font-family:var(--font-mood);font-size:1.65rem;font-weight:600;line-height:1;color:#575f4347;pointer-events:none}.detail-mood-text{font-family:var(--font-mood);font-style:normal;font-weight:500;font-size:1.05rem;margin:0;color:var(--ink);line-height:1.72;letter-spacing:.04em;font-feature-settings:"kern" 1}.detail-feed{position:relative}.detail-feed-head{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.65rem}.detail-feed-title{font-family:var(--font-cursive);font-size:1.35rem;font-weight:700;margin:0;color:var(--ink)}.detail-feed-sub{font-family:var(--font-space);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);opacity:.5}.detail-feed-list{display:flex;flex-direction:column;gap:.55rem;max-height:min(38vh,220px);overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(87,95,67,.2) transparent}.detail-feed-list::-webkit-scrollbar{width:4px}.detail-feed-list::-webkit-scrollbar-thumb{background:#575f4333;border-radius:99px}.detail-feed-empty{font-size:.9rem;color:var(--on-surface-variant);opacity:.55;font-style:italic;margin:.25rem 0 0;line-height:1.5}.interaction-card{padding:.72rem .85rem;border-radius:.95rem;background:#ffffff8c;border:1px solid rgba(87,95,67,.1);box-shadow:0 4px 16px #28340c0a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.interaction-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px #28340c14;border-color:#575f4329}.interaction-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.interaction-who{font-family:var(--font-space);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.interaction-time{font-family:var(--font-space);font-size:.65rem;font-weight:500;color:var(--on-surface-variant);opacity:.55;white-space:nowrap}.interaction-body{margin:0;font-size:.9rem;line-height:1.45;color:var(--ink)}.site-admin-footer{position:fixed;right:12px;bottom:10px;z-index:120;max-width:min(280px,92vw);font-size:12px;color:#373e2cb8}.site-admin-details{border-radius:10px;padding:8px 10px;background:#faf8f0eb;border:1px solid rgba(170,182,140,.45);box-shadow:0 4px 18px #28302014}.site-admin-summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:#373e2cd9}.admin-secret-label{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-weight:500}.admin-secret-input{font:inherit;padding:6px 8px;border-radius:8px;border:1px solid rgba(140,150,120,.55);background:#fff}.admin-secret-hint{margin:8px 0 0;line-height:1.45;font-size:11px;color:#4b523cbf}.detail-admin-strip{padding:12px 16px 0;border-top:1px solid rgba(200,208,180,.45);margin-top:12px}.detail-admin-delete-btn{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(180,90,70,.45);background:#fff2eef2;color:#8a3a2a;font-weight:600;cursor:pointer;font-size:13px}.detail-admin-delete-btn:hover{background:#ffe4dcfa}.detail-avatar--empty{width:100%;height:100%;min-height:120px;background:linear-gradient(160deg,#e8eadd,#dce3cf)}.detail-card-foot{position:relative;z-index:2;flex-shrink:0;margin-top:.85rem;padding-top:.75rem;background:transparent;display:flex;flex-direction:column;gap:.75rem}.detail-actions{display:flex;gap:.45rem;justify-content:stretch}.action-chip{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;padding:.55rem .25rem .5rem;border-radius:1rem;border:1px solid rgba(87,95,67,.14);background:#ffffffa6;color:var(--ink);cursor:pointer;font-family:var(--font-space);box-shadow:0 4px 14px #28340c0d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.action-chip:hover{transform:translateY(-2px);background:#fffffff2;box-shadow:0 10px 24px #28340c1a;border-color:#575f4338}.action-chip:active{transform:translateY(0) scale(.98)}.action-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.action-chip-emoji{font-size:1.15rem;line-height:1}.action-chip-text{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.detail-composer{display:flex;gap:.45rem;align-items:stretch;padding:.35rem;border-radius:1.1rem;background:#ffffffc7;border:none;box-shadow:inset 0 1px #ffffffe6,0 1px #575f430f,0 8px 24px #28340c0f}.detail-input{flex:1;min-width:0;border:none;padding:.6rem .75rem;font-size:.95rem;font-family:var(--font-main);outline:none;background:transparent;color:var(--ink)}.detail-input::placeholder{color:var(--on-surface-variant);opacity:.45}.detail-send-btn{flex-shrink:0;background:linear-gradient(165deg,#3d4630,#2d3421);color:#faf9f4;border:none;padding:.55rem 1.1rem;border-radius:.85rem;font-family:var(--font-space);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 18px #2d342147;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.detail-send-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 10px 24px #2d342152}.detail-send-btn:active{transform:translateY(0)}@media (max-width: 640px){.detail-card{max-height:min(92vh,100%);border-radius:1.65rem}.detail-avatar-bg{max-height:180px}.detail-feed-list{max-height:min(32vh,200px)}}