:root{color-scheme:light;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Noto Sans JP,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--milk: #fbf8f5;--surface: #fffdfc;--soft-light: #f2dfe5;--accent: #9a3d66;--accent-deep: #753052;--cream: #f2e8d4;--plum: #342431;--muted: #75666e;--rule: rgba(52, 36, 49, .18);--soft-rule: rgba(52, 36, 49, .09);--coral: var(--accent);--coral-ink: var(--accent);background:var(--milk);color:var(--plum)}*{box-sizing:border-box}html{background:#eee8e2}body{margin:0;min-width:0;min-height:100vh}button,textarea{color:inherit;font:inherit}button{appearance:none;background:none;border:0;cursor:pointer;padding:0}button:focus-visible,textarea:focus-visible{outline:3px solid rgba(229,141,114,.48);outline-offset:3px}.app-shell{display:flex;justify-content:center;min-height:100svh}.app-screen{background:radial-gradient(circle at 50% 8%,rgba(242,223,229,.72),transparent 32%),radial-gradient(circle at 88% 36%,rgba(242,232,212,.58),transparent 28%),var(--milk);min-height:100svh;overflow-x:clip;position:relative;width:min(100%,430px)}.topbar{align-items:center;display:grid;grid-template-columns:92px minmax(0,1fr) 48px;height:88px;padding:max(16px,env(safe-area-inset-top)) 24px 8px;position:relative;z-index:5}.brand{align-items:flex-start;display:flex;flex-direction:column;justify-self:start;min-height:48px;min-width:76px;text-align:left}.brand strong{font-family:Didot,"Bodoni 72",Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.9rem;font-weight:500;letter-spacing:.06em;line-height:.95}.brand span{font-family:Times New Roman,Yu Mincho,serif;font-size:.8rem;font-weight:700;line-height:1.25}.pet-select{align-items:center;background:#fffdfcd1;border:1px solid rgba(52,36,49,.12);border-radius:999px;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;justify-self:stretch;max-width:100%;min-height:52px;min-width:0;padding:0 12px 0 8px}.pet-select img{background:var(--soft-light);border-radius:50%;height:34px;object-fit:cover;object-position:50% 18%;width:34px}.pet-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-select svg{height:18px;stroke-width:1.8;width:18px}.safety{align-items:center;display:flex;flex-direction:column;font-size:.74rem;font-weight:700;gap:2px;justify-self:end;min-height:52px;min-width:48px}.safety svg{height:24px;stroke-width:1.55;width:24px}.scene-home{height:calc(100svh - 88px);min-height:0;overflow:hidden;overflow-x:clip;padding-bottom:0;position:relative;scrollbar-width:none}.scene-home::-webkit-scrollbar{display:none}.lens-rail-wrap{bottom:0;height:106px;left:0;position:absolute;right:0;z-index:4}.lens-rail{height:100%;list-style:none;margin:0;padding:0;position:relative}.lens-rail:before{border-bottom:2px dashed rgba(154,61,102,.2);border-radius:50%;bottom:16px;content:"";height:96px;left:36px;position:absolute;right:36px;transform:rotate(-2deg)}.lens-rail li{position:absolute;z-index:1}.lens-rail li:nth-child(1){left:13px;top:1px}.lens-rail li:nth-child(2){bottom:-4px;left:42px}.lens-rail li:nth-child(3){bottom:-17px;left:50%;transform:translate(-50%)}.lens-rail li:nth-child(4){bottom:-4px;right:42px}.lens-rail button{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:54px;min-width:54px}.lens-rail span{align-items:center;background:#fffdfcb8;border:1px solid rgba(52,36,49,.16);border-radius:50%;display:flex;font-family:Didot,"Bodoni 72",Georgia,serif;font-size:1rem;height:44px;justify-content:center;letter-spacing:0;width:44px}.lens-rail b{font-size:.78rem;font-weight:700;line-height:1}.lens-rail button.active span{background:var(--accent);border-color:var(--accent);color:var(--surface);font-size:1.16rem;font-weight:600}.lens-rail button.active b{color:var(--accent);font-weight:850}.map-open{border-bottom:1px solid currentColor;color:var(--muted);font-size:.74rem;font-weight:700;min-height:44px;min-width:44px;position:absolute;right:18px;top:-28px;z-index:2}.lens-stage{height:100%;min-height:0;padding:0 22px 18px;position:relative}.lens-stage:before{background:radial-gradient(circle at 58% 18%,#fffdfcf5,#fffdfc00 34%),linear-gradient(180deg,#fffdfc5c,#fbf8f500);content:"";inset:-20px 0 auto;height:280px;pointer-events:none;position:absolute}.stage-current{align-items:center;display:flex;gap:16px;min-height:54px;position:relative;z-index:2}.stage-current span{align-items:center;border:1.5px solid rgba(52,36,49,.22);border-radius:50%;display:flex;font-family:Didot,"Bodoni 72",Georgia,serif;font-size:1.72rem;height:48px;justify-content:center;width:48px}.stage-current b{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.36rem;font-weight:500}.lens-protagonist{min-height:408px;position:relative;z-index:2}.discovery-lens{background:radial-gradient(circle at 46% 28%,#ffffffeb,#fffdfc61 55%,#f2e8d41f),#fffdfc6b;border:1px solid rgba(255,255,255,.86);border-radius:47% 53% 51% 49%/43% 44% 56% 57%;box-shadow:inset 10px 16px 24px #ffffffdb,inset -12px -14px 20px #9a3d6614,0 18px 42px #34243114;height:306px;left:-2px;overflow:hidden;position:absolute;top:8px;width:calc(100% - 18px);z-index:3}.discovery-lens:before,.discovery-lens:after{border:1px solid rgba(52,36,49,.08);border-radius:inherit;content:"";inset:8px;pointer-events:none;position:absolute}.discovery-lens:after{border-color:#fff9;inset:18px 16px 16px 18px}.lens-sheen{background:linear-gradient(118deg,rgba(255,255,255,.75),rgba(255,255,255,.18) 38%,transparent 60%);height:160%;left:-18%;pointer-events:none;position:absolute;top:-42%;transform:rotate(5deg);width:72%}.lens-content{padding:54px 34px 22px;position:relative;z-index:2}.lens-title-line{align-items:center;border-bottom:1px dashed rgba(154,61,102,.28);display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:9px;width:100%}.lens-title-line>span{align-items:center;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;min-width:0}.lens-title-line svg{height:24px;stroke-width:1.55;width:24px}.lens-content h1{font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:clamp(1.2rem,5vw,1.38rem);font-weight:500;letter-spacing:0;line-height:1.52;margin:0;max-width:286px;white-space:pre-line}.lens-meta{align-items:flex-start;border-top:1px solid rgba(52,36,49,.12);color:var(--muted);display:grid;font-size:.8rem;gap:10px;grid-template-columns:20px 1fr;line-height:1.55;margin-top:12px;padding-top:9px}.lens-meta svg{height:18px;margin-top:2px;stroke-width:1.65;width:18px}.scene-dog{filter:drop-shadow(0 12px 20px rgba(52,36,49,.12));height:auto;pointer-events:none;position:absolute;right:-16px;top:14px;transform:scaleX(var(--dog-stage-x, 1)) scaleY(var(--dog-stage-y, 1)) scale(var(--dog-stage-scale, 1));transform-origin:50% 95%;width:132px;z-index:2}.scene-dog-shadow{height:auto;opacity:.34;pointer-events:none;position:absolute;right:-9px;top:134px;transform:scaleX(var(--dog-stage-x, 1)) scale(var(--dog-stage-scale, 1));transform-origin:center;width:126px;z-index:1}.edit-action{align-items:center;color:var(--muted);display:inline-flex;flex:0 0 auto;font-size:.82rem;font-weight:750;gap:5px;margin-top:0;min-height:44px;padding:0 2px}.edit-action svg{height:16px;stroke-width:1.8;width:16px}.lens-detail{align-items:end;border-top:1px solid rgba(52,36,49,.13);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;margin-top:-6px;min-height:68px;padding-top:10px;position:relative;z-index:2}.lens-detail span{color:var(--muted);display:block;font-size:.76rem;font-weight:800;margin-bottom:3px}.lens-detail p{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:.92rem;line-height:1.45;margin:0}.detail-steps{display:flex;gap:7px;padding-bottom:4px}.detail-steps button{border:1px solid rgba(52,36,49,.2);border-radius:50%;height:44px;position:relative;width:44px}.detail-steps button:after{background:#34243147;border-radius:50%;content:"";height:7px;inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%);width:7px}.detail-steps button.active{border-color:var(--accent)}.detail-steps button.active:after{background:var(--accent);height:12px;width:12px}.home-actions{padding:6px 0;position:relative;z-index:2}.home-actions>p{align-items:center;color:var(--muted);display:flex;font-size:.8rem;gap:8px;justify-content:center;margin:0 0 7px}.home-actions>p:before{border:1.5px solid currentColor;border-radius:50%;content:"";height:16px;width:16px}.primary-action{align-items:center;background:linear-gradient(180deg,#ad4771,var(--accent));border-radius:999px;box-shadow:0 14px 28px #9a3d6638;color:var(--milk);display:flex;font-size:1.08rem;font-weight:750;gap:12px;justify-content:center;min-height:56px;padding:0 22px;width:100%}.primary-action svg{height:19px;width:19px}.quiet-action{align-items:center;color:var(--muted);display:flex;font-size:.92rem;font-weight:700;justify-content:center;margin-top:4px;min-height:40px;width:100%}.bottom-nav{align-items:stretch;background:#fbfaf4f7;border-top:1px solid var(--rule);bottom:0;display:grid;grid-template-columns:repeat(3,1fr);left:50%;min-height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);position:fixed;transform:translate(-50%);width:min(100%,430px);z-index:8}.bottom-nav button{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:.73rem;font-weight:700;gap:4px;justify-content:center;min-height:70px;position:relative}.bottom-nav svg{height:25px;stroke-width:1.55;width:25px}.bottom-nav button.active{color:var(--coral-ink)}.bottom-nav button.active:after{background:var(--coral);bottom:6px;content:"";height:2px;position:absolute;width:30px}.modal-backdrop{align-items:flex-end;background:#3d2a4247;display:flex;inset:0;justify-content:center;position:fixed;z-index:20}.map-sheet,.edit-sheet,.pet-sheet,.safety-sheet{background:var(--milk);border-top:1px solid var(--rule);box-shadow:0 -18px 60px #3d2a4224;max-height:86svh;max-width:430px;overflow-y:auto;padding:28px 24px calc(30px + env(safe-area-inset-bottom));width:100%}.pet-sheet{max-height:92svh;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.pet-sheet-head{margin-bottom:12px}.pet-sheet-head p{color:var(--muted);font-size:.79rem;line-height:1.6;margin:7px 38px 0 0}.pet-filters{border-bottom:1px solid var(--rule);display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:0}.pet-filters button{color:var(--muted);font-size:.79rem;font-weight:750;min-height:44px;position:relative}.pet-filters button small{font-size:.66rem;font-weight:650;margin-left:5px}.pet-filters button.active{color:var(--coral-ink)}.pet-filters button.active:after{background:var(--coral);bottom:-1px;content:"";height:3px;left:24%;position:absolute;right:24%}.pet-options{border-bottom:1px solid var(--rule);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pet-option{align-items:center;border-bottom:1px solid var(--soft-rule);display:flex;flex-direction:column;min-height:164px;padding:6px 8px 12px;position:relative;content-visibility:auto;contain-intrinsic-size:164px}.pet-option:nth-child(odd){border-right:1px solid var(--soft-rule)}.pet-option:nth-last-child(-n+2){border-bottom:0}.pet-option:after{background:transparent;bottom:-1px;content:"";height:3px;left:18px;position:absolute;right:18px}.pet-option.active:after{background:var(--coral)}.pet-option-image{align-items:flex-end;display:flex;height:112px;justify-content:center;width:100%}.pet-option-image img{height:108px;object-fit:contain;width:116px}.pet-option strong{align-items:center;display:flex;font-size:.79rem;line-height:1.3;min-height:2.6em;text-align:center}.pet-option small{color:var(--muted);font-size:.67rem;margin-top:3px}.pet-option-origin{color:var(--muted);font-size:.61rem;line-height:1.35;margin-top:1px;min-height:1.35em;text-align:center}.pet-option.active strong,.pet-option.active small,.pet-option.active .pet-option-origin{color:var(--coral-ink)}.coat-picker{border-bottom:1px solid var(--rule);padding:20px 0 4px}.coat-picker>div:first-child span{color:var(--coral-ink);font-size:.68rem;font-weight:800;letter-spacing:.12em}.coat-picker h3{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1rem;font-weight:600;margin:4px 0 8px}.coat-options{display:flex;flex-wrap:wrap}.coat-options button{border-bottom:1px solid var(--rule);font-size:.79rem;min-height:44px;padding:0 18px 0 0}.coat-options button.active{color:var(--coral-ink);font-weight:800}.appearance-editor{border-top:1px solid var(--rule);margin-top:0;padding-top:0}.appearance-preview{align-items:center;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:126px 1fr;min-height:160px;overflow:hidden;position:relative}.appearance-preview>div{grid-column:2;position:relative;z-index:2}.appearance-preview>div>span,.individuality-head span{color:var(--coral-ink);font-size:.66rem;font-weight:850;letter-spacing:.12em}.appearance-preview h3,.individuality-head h3{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.06rem;font-weight:600;margin:4px 0 5px}.appearance-preview p,.individuality-head p{color:var(--muted);font-size:.71rem;line-height:1.55;margin:0}.appearance-preview-dog{bottom:-9px;height:160px;left:-10px;object-fit:contain;position:absolute;transform:scaleX(var(--dog-stage-x, 1)) scaleY(var(--dog-stage-y, 1)) scale(var(--dog-stage-scale, 1));transform-origin:50% 94%;width:148px;z-index:1}.appearance-preview-shadow{bottom:1px;height:30px;left:2px;object-fit:contain;position:absolute;width:124px;z-index:0}.individuality-head{border-top:1px solid var(--rule);padding:18px 0 12px}.individuality-head p{max-width:330px}.trait-row{border:0;border-top:1px solid var(--soft-rule);display:grid;gap:5px;grid-template-columns:58px 1fr;margin:0;min-width:0;padding:10px 0 8px}.trait-row legend{color:var(--muted);float:left;font-size:.71rem;font-weight:800;grid-column:1;padding:8px 0 0;width:58px}.trait-row>div{display:flex;flex-wrap:wrap;gap:0 14px;grid-column:2}.trait-row button{color:var(--muted);font-size:.76rem;min-height:40px;position:relative}.trait-row button.active{color:var(--coral-ink);font-weight:850}.trait-row button.active:after{background:var(--coral);bottom:4px;content:"";height:2px;left:0;position:absolute;right:0}.appearance-done{align-items:center;background:var(--plum);color:var(--milk);display:flex;font-size:.86rem;font-weight:800;justify-content:center;margin-top:18px;min-height:50px;width:100%}.modal-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.modal-head span{color:var(--coral-ink);font-size:.7rem;font-weight:800;letter-spacing:.12em}.modal-head h2,.safety-sheet h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.38rem;font-weight:600;line-height:1.45;margin:5px 0 0}.modal-head>button,.safety-sheet>button{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}.map-path{border-top:1px solid var(--rule)}.map-path button{align-items:start;border-bottom:1px solid var(--rule);display:grid;gap:4px 10px;grid-template-columns:28px 24px 1fr;min-height:82px;padding:14px 0;text-align:left;width:100%}.map-path button>span{color:var(--muted);font-family:Georgia,serif;grid-row:1 / 3}.map-path button>svg{height:20px;stroke-width:1.6;width:20px}.map-path button>strong{font-size:.94rem}.map-path button>small{color:var(--muted);grid-column:2 / 4;line-height:1.5}.map-path button.active{color:var(--coral-ink)}.edit-sheet label{display:block;font-size:.82rem;font-weight:800;margin-bottom:8px}.edit-sheet textarea{background:#fffefd;border:1px solid var(--rule);border-radius:0;line-height:1.7;margin-bottom:16px;min-height:140px;padding:14px;resize:vertical;width:100%}.safety-sheet>svg{color:var(--coral-ink);height:34px;stroke-width:1.5;width:34px}.safety-sheet p{color:var(--muted);line-height:1.8}.safety-sheet>button{border-bottom:1px solid currentColor;margin-left:auto}.plain-screen{background:var(--milk);min-height:calc(100svh - 66px);padding:22px 24px calc(110px + env(safe-area-inset-bottom))}.portrait-visual{aspect-ratio:5 / 4;overflow:hidden;position:relative;width:100%}.portrait-background{height:100%;object-fit:cover;object-position:54% 57%;width:100%}.portrait-dog{bottom:-9%;filter:none;height:auto;position:absolute;right:3%;transform:scaleX(var(--dog-stage-x, 1)) scaleY(var(--dog-stage-y, 1)) scale(var(--dog-stage-scale, 1));transform-origin:50% 94%;width:42%}.portrait-dog-shadow{bottom:0;height:13%;object-fit:contain;position:absolute;right:2%;width:44%}.portrait-dog.dog-dachshund{bottom:-5%;right:-1%;width:49%}.portrait-dog.dog-shiba,.portrait-dog.dog-french-bulldog{right:0;width:45%}.portrait-dog.dog-pomeranian,.portrait-dog.dog-bichon-frise,.portrait-dog.dog-shih-tzu{right:0;width:46%}.portrait-dog.dog-golden-retriever,.portrait-dog.dog-labrador-retriever,.portrait-dog.dog-border-collie,.portrait-dog.dog-samoyed,.portrait-dog.dog-american-cocker-spaniel,.portrait-dog.dog-english-cocker-spaniel,.portrait-dog.dog-cavalier-king-charles-spaniel{right:-2%;width:48%}.portrait-dog.dog-pembroke-welsh-corgi{bottom:-4%;right:-4%;width:52%}.plain-screen>section>span{color:var(--coral-ink);display:block;font-size:.74rem;font-weight:850;letter-spacing:.12em;margin-top:20px}.plain-screen h1{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.76rem;font-weight:500;line-height:1.5;margin:9px 0 14px}.plain-screen p{color:var(--muted);line-height:1.85}.handoff-scene>svg{color:var(--coral-ink);height:38px;width:38px}.handoff-scene .primary-action{margin-top:26px}.plain-list{border-top:1px solid var(--rule);margin-top:28px}.plain-list button{align-items:center;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr 22px;min-height:58px;text-align:left;width:100%}@media(max-width:360px){.topbar{grid-template-columns:78px minmax(0,1fr) 42px;padding-inline:15px}.brand strong{font-size:1.54rem}.pet-select{font-size:.9rem;gap:6px;padding-inline:7px}.pet-select img{height:30px;width:30px}.map-open{right:10px}.lens-stage{padding-inline:16px}.stage-current{min-height:58px}.lens-protagonist{min-height:448px}.discovery-lens{height:306px;left:3px;width:calc(100% - 34px)}.lens-content{padding:66px 34px 24px}.lens-content h1{font-size:1.34rem;max-width:236px}.scene-dog{right:-25px;top:52px;width:132px}.scene-dog-shadow{right:-16px;top:174px;width:122px}.lens-rail li:nth-child(2){left:28px}.lens-rail li:nth-child(4){right:28px}.lens-detail p{font-size:.92rem}.primary-action{font-size:1rem;min-height:56px}}@media(min-width:700px){.app-shell{padding-block:20px}.app-screen{box-shadow:0 26px 76px #3d2a4229;height:844px;min-height:844px;overflow-y:hidden;width:390px}.scene-home{height:756px;min-height:756px;overflow-y:auto}.bottom-nav{bottom:0;position:absolute;width:390px}.modal-backdrop{height:844px;inset:20px auto auto 50%;transform:translate(-50%);width:390px}.modal-backdrop>.pet-sheet{max-height:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.portrait-dog{bottom:-9%!important;right:3%!important;width:42%!important}