:root{font-family:Noto Sans JP,Yu Gothic UI,Hiragino Sans,sans-serif;color:#dce2e3;background:#080f18;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dfbf91;outline-offset:4px}a{color:inherit;text-decoration:none}header{height:96px;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;max-width:1440px;padding:0 64px;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-1px;font-weight:600}.brand svg{color:#c9ad86}.brand-dot{color:#d6bb91}nav{display:flex;gap:35px;height:100%;align-items:center}nav button{height:100%;color:#7f8a98;font-size:12px;display:flex;align-items:center;gap:7px;position:relative}nav .active{color:#e1c496}nav .active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#d9bc90}.new{font-size:8px;color:#c5ad87;border:1px solid #a98c5d55;padding:2px 4px;border-radius:3px}.header-right{display:flex;gap:25px;align-items:center}.demo-pill{font-size:9px;letter-spacing:1.5px;color:#8e9b9f}.demo-pill i,.live-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#9bbca6;margin-right:7px}.avatar{height:34px;width:34px;border-radius:50%;background:#bda37e;color:#19232b;font-family:serif}main{max-width:1440px;margin:auto;padding:0 64px}.intro{text-align:center;padding:48px 0 22px}.eyebrow{font-size:9px;color:#bca581;letter-spacing:2.5px}.eyebrow>span{display:inline-block;width:16px;height:1px;background:#bca581;vertical-align:middle;margin-right:8px}h1{font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;font-size:35px;line-height:1.65;letter-spacing:5px;font-weight:400;margin:17px 0}h1 em{font-style:normal;color:#d8bf9b}.intro p{font-size:11px;line-height:2.2;color:#85909f;letter-spacing:1px}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr) 217px;gap:26px;align-items:center;min-height:490px}.explore-panel{background:linear-gradient(150deg,#15212b99,#0e1721aa);border:1px solid #ffffff0c;border-radius:13px;padding:20px 17px;z-index:1}.section-label{font-size:8px;letter-spacing:1.6px;color:#7e9099;display:flex;justify-content:space-between}.section-label span{color:#586a78}.aman{display:flex;gap:12px;margin-top:23px;align-items:center}.dog-avatar{width:49px;height:54px;background:#cbb38b16;color:#c8b08d;border-radius:13px;display:grid;place-items:center}.aman strong{font-size:15px;letter-spacing:2px}.sample{font:7px sans-serif;letter-spacing:1px;vertical-align:middle;color:#aa967b;border:1px solid #aa967b55;padding:3px 4px}.aman p{font-size:8px;color:#84909d;margin:5px 0}.aman small{font-size:9px;color:#c0b199}.separator{height:1px;background:#ffffff0b;margin:19px 0}.label{display:block;font-size:10px;color:#aab2ba;margin-bottom:10px}.date-field{display:flex;align-items:center;gap:9px;border:1px solid #c9b18b2a;border-radius:6px;padding:10px;color:#c7b596}.date-field input{background:none;border:0;width:100%;min-width:0;color:#d4c8b6;font-size:12px}.date-field input::-webkit-calendar-picker-indicator{opacity:.4}.date-field button{padding:0;height:18px}.chips{display:flex;gap:5px;margin:12px 0 23px}.chips button{font-size:8px;border-radius:20px;background:#ffffff05;color:#82919b;padding:6px 10px;border:1px solid #ffffff0a}.chips .chosen,.chosen{color:#dec599!important;border-color:#b39a6f55!important;background:#ba9c6e12!important}.result-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a8b2ba}.result-heading b{font-size:14px;color:#e1c294;font-weight:400}.tiny-dot{display:inline-block;width:4px;height:4px;background:#d1b17b;border-radius:50%}.dog-list{max-height:189px;overflow:auto;scrollbar-width:thin;scrollbar-color:#37434c transparent;margin-top:10px}.dog-row{display:flex;align-items:center;text-align:left;width:100%;padding:10px 0;border-bottom:1px solid #ffffff07;gap:10px}.dog-row>svg{margin-left:auto;color:#63727e}.dog-initial{width:32px;height:32px;border-radius:50%;background:#555747;color:#d9c6a2;display:grid;place-items:center;font-family:Georgia,serif;font-size:17px}.tone-1{background:#374c4e}.tone-2{background:#534a43}.tone-3{background:#424758}.dog-meta{display:grid;gap:4px}.dog-meta strong{font-size:11px;font-weight:500}.dog-meta small{font-size:6px;color:#738590;letter-spacing:1px;margin-left:3px}.dog-meta>span{font-size:8px;color:#768591}.data-note{display:flex;gap:7px;font-size:8px;color:#6e818d;line-height:1.9;margin-top:17px}.data-note svg{flex-shrink:0;margin-top:3px}.earth-stage{height:510px;position:relative;min-width:0}.stage-heading{display:flex;justify-content:space-between;position:absolute;top:15px;left:0;right:0;color:#738792;font-size:7px;letter-spacing:1.4px;z-index:1;pointer-events:none}.stage-heading>span:last-child{color:#7d898f}.globe{width:100%;height:100%;touch-action:none;position:relative}.globe:before{content:"";pointer-events:none;position:absolute;inset:12%;border-radius:50%;box-shadow:0 0 100px #38657b16;background:radial-gradient(circle,#346a7c10,transparent 70%)}.globe canvas{position:relative}.orbital-label{position:absolute;bottom:72px;left:0;right:0;text-align:center;font-size:8px;color:#a39377;letter-spacing:1px;pointer-events:none}.orbital-label span{margin-right:8px}.globe-controls{position:absolute;right:0;bottom:71px;display:grid;gap:8px;background:#101a24bb;border:1px solid #ffffff12;padding:7px;border-radius:25px}.globe-controls button{padding:5px;display:grid;place-items:center}.globe-controls>span{height:1px;background:#ffffff16}.gesture{position:absolute;bottom:20px;text-align:center;left:0;right:0;font-size:8px;color:#6d7d89;pointer-events:none}.gesture span{padding:0 10px}.quality{position:absolute;left:5px;bottom:30px;font-size:8px;color:#7b8b96;border:1px solid #ffffff12;padding:6px 9px;border-radius:15px}.right-panel{padding-left:12px}.mini-label{font-size:8px;color:#b39d7b;letter-spacing:2px}h2{font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;font-size:21px;font-weight:400;line-height:1.9;letter-spacing:1.3px}.right-panel>p{font-size:9px;color:#7e8c99;line-height:2.3}.stat{display:flex;align-items:center;gap:17px;margin:25px 0}.stat strong{font-size:42px;font-family:Georgia,serif;font-weight:400;color:#dfc7a1}.stat span{font-size:9px;color:#94a0a8;line-height:2}.story-card{border:1px solid #a3adae1c;border-radius:10px;padding:17px;background:linear-gradient(140deg,#22313766,#18242b33)}.story-card>span{font-size:7px;color:#ad9d86;letter-spacing:1.5px}.story-art{display:flex;align-items:center;justify-content:center;gap:24px;height:65px;color:#bcaa8b}.story-art>span{font-size:40px;font-weight:200;color:#627b7c}.story-card h3{font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;font-size:12px;font-weight:400}.story-card p{font-size:8px;line-height:2;color:#80929b}.story-card button{border-top:1px solid #ffffff0c;padding:12px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#cbb590}.transparency{display:flex;align-items:center;gap:6px;font-size:8px;color:#768b97;margin:18px auto}.voice-bar{margin:30px auto 35px;max-width:630px;display:flex;align-items:center;gap:15px;border:1px solid #c3ad881f;border-radius:12px;padding:16px 20px;background:linear-gradient(100deg,#1a272c80,#151d2580)}.voice-symbol{color:#c7b18e;border-radius:50%;background:#cdb5880d;width:40px;height:40px;display:grid;place-items:center}.voice-bar strong{font-weight:400;font-size:12px;letter-spacing:1px}.voice-bar p{font-size:9px;color:#82929e;margin:6px 0 0}.voice-bar>button{margin-left:auto;display:flex;align-items:center;gap:10px;background:#d8bf99;color:#17212a;border-radius:7px;padding:13px 16px;font-size:10px}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff0a;padding:24px 0 27px;font-size:8px;color:#657482}footer>span:first-child{font-family:Georgia,serif;font-size:12px;color:#a4a698;letter-spacing:.5px}.footer-demo{font-size:7px;margin-left:10px;color:#9a8c76}.filters{display:grid;gap:10px;padding:12px 0;font-size:10px}.filters label{display:grid;gap:5px}.filters .check{display:flex;align-items:center}.filters select{background:#14212c;border:1px solid #ffffff22;padding:7px;border-radius:4px;width:100%}.overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:10;padding:20px}.modal{position:relative;width:100%;max-width:480px;max-height:90dvh;overflow:auto;background:#101c27;border:1px solid #d9ba8b33;border-radius:18px;padding:36px}.close{position:absolute;right:12px;top:12px;padding:8px}.modal p{font-size:12px;color:#a3b0bc;line-height:2}.modal h2{margin-bottom:12px}.primary{display:flex;align-items:center;justify-content:center;gap:10px;background:#d5bc96;color:#14212a;border-radius:6px;padding:13px 16px;font-size:12px;margin:16px 0}.modal form{display:grid;gap:10px;margin-top:25px}.modal label{font-size:11px}.modal input,.modal textarea{padding:13px;background:#08131e;border:1px solid #ffffff25;border-radius:5px;width:100%;color:#eef1f3}.modal .fine{font-size:10px}.info-box{padding:15px;border:1px solid #c4a97b33;background:#b99a6510;color:#baa98e;font-size:11px;line-height:1.9;border-radius:6px}.modal h3{font-size:13px;margin-top:25px}.profile-initial{width:65px;height:65px;margin-top:22px;display:grid;place-items:center;font:35px Georgia;background:#414e48;border-radius:50%;color:#e2c9a0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:90%;width:max-content;padding:15px 20px;border:1px solid #d4b98b55;background:#1c2a34;border-radius:10px;z-index:20;font-size:12px;display:flex;gap:15px;align-items:center}.empty{font-size:11px;line-height:2;color:#8b9ba6}.time-panel{position:absolute;bottom:65px;left:8%;right:8%;padding:20px;background:#101c29ef;border:1px solid #b6a17b55;border-radius:12px}.time-panel>div{display:flex;gap:10px;align-items:center;font-size:12px}.time-panel span{margin-left:auto;color:#d2b98d}.time-panel input{width:100%;margin-top:18px;accent-color:#d8bb8f}.time-panel p{font-size:10px;line-height:1.8}.time-panel small{font-size:8px;color:#8a9da9}@media(min-width:1450px){.intro{padding-top:60px}.workspace{min-height:560px}.earth-stage{height:560px}.voice-bar{margin-top:25px}}@media(max-width:1100px){header{padding:0 30px}main{padding:0 30px}.workspace{grid-template-columns:230px minmax(0,1fr);gap:18px}.right-panel{display:none}.earth-stage{height:510px}nav{gap:20px}.demo-pill{font-size:8px}}@media(max-width:650px){header{padding:0 20px;height:72px}.brand{font-size:21px;gap:8px}.brand svg{width:22px}.header-right{gap:10px}.demo-pill{font-size:7px;letter-spacing:.5px}nav{position:fixed;bottom:0;left:0;right:0;height:65px;background:#0e1925f5;border-top:1px solid #ffffff14;z-index:5;justify-content:center;padding-bottom:env(safe-area-inset-bottom);gap:65px}nav button{font-size:12px}nav button:last-child{display:none}main{padding:0 20px}.intro{padding:32px 0 0}.eyebrow{font-size:7px;letter-spacing:1.8px}h1{font-size:27px;letter-spacing:3px;margin:15px 0}.intro p{font-size:10px;line-height:2}.mobile-break{display:block}.workspace{display:flex;flex-direction:column;gap:0}.earth-stage{width:calc(100% + 20px);height:390px;order:0;margin-top:8px}.stage-heading{top:10px;left:13px;right:13px;font-size:6px;letter-spacing:1px}.orbital-label{bottom:48px}.gesture{bottom:8px}.quality{bottom:21px;font-size:7px}.globe-controls{right:10px;bottom:60px;gap:5px}.explore-panel{order:1;width:100%;padding:20px}.aman{margin-top:15px}.dog-list{max-height:250px}.date-field{padding:13px}.date-field input{font-size:14px}.dog-row{padding:12px 0}.dog-meta strong{font-size:13px}.dog-meta>span{font-size:10px}.dog-meta small{font-size:7px}.dog-initial{height:38px;width:38px}.data-note{font-size:9px}.label{font-size:12px}.chips button{font-size:10px;padding:8px 12px}.result-heading{font-size:11px}.voice-bar{margin:20px 0 25px;padding:15px 12px;gap:10px}.voice-bar strong{font-size:10px;letter-spacing:0}.voice-bar p{font-size:7px}.voice-bar>button{padding:13px 10px}.voice-bar>button span{display:none}.voice-bar>button svg:last-child{display:none}.voice-symbol{width:32px;height:32px;flex-shrink:0}footer{margin-bottom:70px;padding:18px 0;gap:10px}footer>span:nth-child(2){display:none}footer>span:first-child{font-size:10px}footer>span:last-child{font-size:7px}.modal{padding:30px 24px}.toast{bottom:80px}.time-panel{left:6%;right:6%;bottom:50px}.time-panel small{font-size:9px}.globe-controls button{min-width:30px;min-height:30px}.avatar{width:30px;height:30px}}.intro{padding:22px 0 5px}.intro h1{font-size:22px;letter-spacing:2px;margin:9px 0}.intro p{font-size:10px;margin:7px 0}.intro .eyebrow{font-size:7px}.earth-stage{height:620px}.globe:before{box-shadow:0 0 80px #38657b18;background:none;inset:18%;aspect-ratio:1;height:auto}.workspace{align-items:center}.stage-heading{font-size:8px}.quality{bottom:25px}.gesture{bottom:13px}.orbital-label{bottom:50px}.globe-controls{bottom:75px}.dog-age{color:#cbb58f!important}.time-workbench{grid-column:1/-1;background:#111f2a;border:1px solid #d7bb8e26;border-radius:14px;padding:24px;order:3;margin:12px 0}.time-heading{display:flex;gap:10px;align-items:center;color:#d6bc96;font-size:15px}.time-heading>span{margin-left:auto;color:#9babb6;font-size:11px}.time-inputs{display:flex;align-items:center;gap:20px;margin:20px 0 12px;font-size:12px}.time-inputs label{display:flex;align-items:center;gap:10px}.time-inputs input,.compare-select select,.modal select{color:#e2d4bf;background:#0a1520;border:1px solid #b9a17b55;padding:10px;border-radius:5px}.time-inputs button{margin-left:auto;border:1px solid #c8ad7e66;border-radius:20px;padding:8px 14px}.time-workbench>input{width:100%;accent-color:#d8bb8f;min-height:34px}.range-labels{display:flex;justify-content:space-between;color:#8599a8;font-size:10px;margin-bottom:20px}.compare-select{display:flex;gap:15px;align-items:center;font-size:12px}.compare-select select{min-width:200px}.fine{color:#8c9ca9;font-size:10px;line-height:1.9}.timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.timeline-card{border:1px solid #d0bc941f;border-radius:10px;padding:20px;background:#0b1721}.timeline-card h3{font-family:"Noto Serif JP",serif;font-size:19px;font-weight:400;margin:0 0 10px}.age-label{color:#e0c399!important;font-size:17px!important;margin:6px 0}.month-empty{padding:13px;background:#ffffff04;font-size:11px;line-height:2;color:#9eafba;border-radius:6px}.growth-list{list-style:none;padding:0;font-size:12px;max-height:320px;overflow:auto;scrollbar-width:thin}.growth-list li{padding:14px 0;border-bottom:1px solid #ffffff10}.growth-list time{font-size:11px;color:#ac9d84;margin-right:10px}.growth-list p{margin-bottom:0;line-height:1.8;color:#b6c0c7}.region-chip{padding:7px 12px;border:1px solid #bda77e66;border-radius:20px;font-size:10px;margin-top:10px;color:#d2bb92}.profile-voice{padding:12px;border:1px solid #af987455;border-radius:6px}.modal select{display:block;margin-top:10px}.modal pre{font-size:10px;white-space:pre-wrap;color:#b7c6d1}.modal details{font-size:10px;margin-top:15px}.modal .timeline-card{margin-top:20px}.voice-bar{margin-top:18px}.time-workbench+.right-panel{order:0}@media(max-width:650px){header{height:60px}.intro{padding:12px 0 0}.intro h1{font-size:17px;letter-spacing:1px;margin:4px 0}.intro p{font-size:9px;margin:5px 0}.intro .eyebrow{display:none}.earth-stage{height:74svh;min-height:410px;max-height:800px;width:calc(100% + 40px);margin-top:0}.stage-heading{left:20px;right:20px;top:12px;font-size:7px}.globe-controls{right:14px;bottom:70px}.globe-controls button{min-width:36px;min-height:36px}.quality{left:20px;bottom:30px;font-size:9px}.gesture{bottom:5px;font-size:9px}.orbital-label{bottom:49px;font-size:9px}.explore-panel{order:2;margin-top:12px}.time-workbench{order:1;padding:18px;width:100%;margin:12px 0 0}.time-inputs{flex-wrap:wrap;gap:10px}.time-inputs label{width:100%;justify-content:space-between}.time-inputs input{min-height:44px}.time-heading>span{font-size:10px}.compare-select{display:grid;gap:8px}.compare-select select{width:100%;min-width:0;min-height:44px}.timeline-grid{gap:12px;grid-template-columns:1fr}.timeline-card{padding:16px}.timeline-card h3{font-size:17px}.growth-list{max-height:240px}nav{gap:0;justify-content:space-around;height:64px}nav button{width:30%;justify-content:center;font-size:12px}nav button:last-child{display:none}nav button:nth-child(3){display:flex;color:#dec497}nav .new{display:none}.voice-bar>button{min-height:44px;min-width:44px}.date-field button{min-width:32px;min-height:32px}.chips button{min-height:40px}.toast{bottom:80px;font-size:11px}.right-panel{display:none}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:100px}body{min-height:100svh}button{touch-action:manipulation}input,select,textarea{font-size:16px!important}.overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain}.modal{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal .close{width:44px;height:44px}.speech-hint{font-size:12px!important;line-height:1.8!important;border:1px solid #d3b98b30;border-radius:7px;padding:12px;color:#cdb78e!important}.modal form input,.modal .primary{min-height:48px}.modal label{font-size:12px}.time-workbench>input[type=range]{min-height:48px;touch-action:pan-y;-webkit-appearance:none;appearance:none;background:transparent}.time-workbench>input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:#6c6353}.time-workbench>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;margin-top:-11.5px;background:#e0bf8c;border:3px solid #10202c;box-shadow:0 0 0 1px #d9bc8a88}.time-workbench>input[type=range]::-moz-range-track{height:5px;border-radius:10px;background:#6c6353}.time-workbench>input[type=range]::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#e0bf8c;border:2px solid #10202c}.time-inputs button,.profile-voice{min-height:44px}.time-workbench{scroll-margin-top:16px}.globe{overflow:hidden}.globe canvas{display:block;touch-action:none}.demo-pill{white-space:nowrap}@media(max-width:650px),(max-height:500px)and (orientation:landscape){header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}nav{position:fixed;inset:auto 0 0;height:calc(64px + env(safe-area-inset-bottom));padding:0 max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left));display:flex;gap:0;justify-content:space-around;background:#0e1925f5;border-top:1px solid #ffffff14;z-index:5}nav button{height:64px;min-width:44px;width:30%;justify-content:center;font-size:12px}nav button:last-child{display:none}nav button:nth-child(3){display:flex;color:#dec497}nav .new{display:none}main{padding-bottom:env(safe-area-inset-bottom)}footer{margin-bottom:calc(70px + env(safe-area-inset-bottom))}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}.globe-controls button{width:44px;height:44px;min-width:44px;min-height:44px}.globe-controls{padding:4px;right:max(14px,env(safe-area-inset-right))}.quality{min-height:44px;padding:8px 12px}.chips button{min-height:44px}.date-field button{min-width:44px;min-height:44px}.dog-row{min-height:64px}.transparency{min-height:44px}.time-workbench .fine{font-size:11px}.data-note{font-size:10px}.close{min-width:44px;min-height:44px}}@media(orientation:landscape)and (max-height:500px){main{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.intro{padding:8px 0 0}.intro h1{font-size:17px;margin:4px 0}.intro p,.intro .eyebrow{display:none}.workspace{display:flex;flex-direction:column;gap:0}.earth-stage{order:0;width:100%;height:78svh;min-height:240px;max-height:440px}.stage-heading{top:0}.explore-panel{order:2;width:100%;margin-top:12px}.right-panel{display:none}.time-workbench{order:1;width:100%}.globe-controls{bottom:55px}.gesture{bottom:2px}.quality{bottom:12px}.orbital-label{bottom:34px}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{max-width:620px;padding:24px}.header-right{gap:12px}.brand{font-size:21px}header{height:calc(50px + env(safe-area-inset-top))}.voice-bar{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(orientation:landscape)and (max-height:500px){.intro{display:none}header{height:calc(44px + env(safe-area-inset-top))}.earth-stage{height:calc(100svh - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:180px}.stage-heading{top:7px}.quality{bottom:0}.globe-controls{bottom:32px}}