:root{--ink:#1a2233;--ink-sub:#5a6478;--accent:#2f6fb3;--card-bg:#fff;--card-border:#e2e8f2;--sea-1:#ecf6fd;--sea-2:#c2def1;--sea-3:#8da0b3}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:#fff;min-height:100vh;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,sans-serif}#root{min-height:100vh}.wave-zone{pointer-events:none;position:absolute;inset:-14vh 0 0;overflow:hidden}.wave-half{mix-blend-mode:multiply;will-change:transform;width:150%;position:absolute;top:0;bottom:0;left:-25%}.wave-foam{pointer-events:none;width:150%;position:absolute;top:0;bottom:0;left:-25%}.half-a{animation:8.5s ease-in-out infinite alternate wave-sway-a}.half-b{animation:14.3s ease-in-out infinite alternate wave-sway-b}.wave-head{z-index:1;width:100%;height:calc(14vh + 1px);display:block;position:relative}.wave-body{width:100%;position:absolute;top:14vh;bottom:0}@keyframes wave-sway-a{0%{transform:translate(-4%)}to{transform:translate(4%)}}@keyframes wave-sway-b{0%{transform:translate(3%)}to{transform:translate(-3%)}}.dive{z-index:100;position:fixed;inset:0;overflow:hidden}.dive-world{isolation:isolate;will-change:transform;width:100%;height:1470vh;position:absolute;top:0;left:0}.dive-layer{width:100%;position:absolute;bottom:0;left:0}.layer-1{--shade-span:450vh;--shade-end:var(--sea-1-shade,#fff);top:70vh}.layer-2{--shade-span:450vh;--shade-end:var(--sea-2-shade,#fff);top:520vh}.layer-3{--shade-span:500vh;--shade-end:var(--sea-3-shade,#fff);top:970vh}.layer-shade{mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(to bottom, #fff 0, var(--shade-end) var(--shade-span), var(--shade-end) 100%);position:absolute;inset:0}.dive-bubbles{pointer-events:none;position:absolute;inset:0}.dive-bubble{will-change:transform, opacity;background:radial-gradient(circle,#f0fafff2 0%,#b4dcfa80 40%,#a0d2fa00 70%);border-radius:50%;width:16px;height:16px;position:absolute;top:100%}.dive-sona{pointer-events:none;will-change:transform, opacity;z-index:2;justify-content:center;display:flex;position:absolute;top:33vh;left:0;right:0}.dive-sona-inner{position:relative}.dive-jet{transform-origin:top;opacity:0;will-change:transform, opacity;background:radial-gradient(50% 45% at 50% 8%,#78dcfff2 0%,#5abeff8c 35%,#5abeff00 75%);width:34px;height:110px;margin-left:-17px;position:absolute;top:96%;left:50%}.dive-sonar{pointer-events:none;width:800px;height:800px;margin:-400px 0 0 -400px;position:absolute;top:-110%;left:50%}.sonar-ring{pointer-events:none;position:absolute;inset:0;overflow:visible}.sonar-ring path{transform-origin:50px 80px;opacity:0;will-change:transform, opacity;animation:2.2s linear infinite sonar-ping}.ring-2 path{animation-delay:.15s}.ring-3 path{animation-delay:.3s}@keyframes sonar-ping{0%{opacity:1;transform:scale(.1)}34%{opacity:1}45%{opacity:0;transform:scale(2.3)}to{opacity:0;transform:scale(2.3)}}.dive-thumbs{z-index:1;pointer-events:none;will-change:transform;position:absolute;top:50vh;left:0;right:0}.thumb-slot{position:absolute;top:0;left:50%}.thumb-bubble{opacity:0;will-change:transform, opacity;border:1.5px solid #ffffff8c;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 30px 4px #96d7ff59}.thumb-bubble:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#c3e4ff12 50%,#284e8273 100%);border-radius:50%;position:absolute;inset:0}.thumb-bubble:after{content:"";mix-blend-mode:screen;opacity:var(--bubble-iris,.85);z-index:2;pointer-events:none;background:conic-gradient(from 210deg,#ff8ccdd9,#ffe696b3,#8cffcdbf,#8cc3ffd9,#d296ffbf,#ff8ccdd9);border-radius:50%;position:absolute;inset:-2%;-webkit-mask-image:radial-gradient(circle,#0000 52%,#000 88%);mask-image:radial-gradient(circle,#0000 52%,#000 88%)}.thumb-gloss{z-index:3;pointer-events:none;background:radial-gradient(circle at 30% 24%,#ffffffd9 0%,#fff0 20%),radial-gradient(circle at 72% 84%,#ffffff4d 0%,#fff0 15%);border-radius:50%;position:absolute;inset:0}.thumb-float{will-change:transform;width:100%;height:100%;position:relative}.thumb-bubble img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.thumb-img-blur{filter:blur(4px)saturate(1.15);transform:scale(1.14)}.thumb-img-sharp{-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 84%);mask-image:radial-gradient(circle,#000 55%,#0000 84%)}.thumb-shine{z-index:4;opacity:0;will-change:transform, opacity;background:radial-gradient(circle at 35% 30%,#fffffff2 0%,#fff6 40%,#fff0 70%);border-radius:50%;position:absolute;inset:0}.idle-bubbles{z-index:101;pointer-events:none;height:30vh;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.idle-bubble{will-change:transform;pointer-events:auto;cursor:pointer;animation:5s ease-in-out infinite alternate idle-bob;position:absolute}@keyframes idle-bob{0%{transform:translateY(0)translate(0)}to{transform:translateY(-14px)translate(6px)}}.idle-bubble-glass{opacity:.65;transition:opacity .18s,transform .18s}.idle-bubble:hover .idle-bubble-glass{opacity:1;transform:scale(1.08)}.idle-bubble .thumb-shine{opacity:0}.idle-bubble:hover .thumb-shine{animation:.3s ease-in idle-shine}@keyframes idle-shine{0%{opacity:0;transform:scale(.6)}50%{opacity:.95;transform:scale(1.25)}to{opacity:0;transform:scale(.6)}}.landscape{z-index:-2;pointer-events:none;background:linear-gradient(#fbf8f9 0%,#ffeef3 40%,#ffdfe9 70%,#ffd8e4 100%);position:fixed;inset:0;overflow:hidden}.landscape-sun{background:#ffd3de;border-radius:50%;width:76px;height:76px;position:absolute;top:9vh;left:13vw}.landscape-mounts{width:100%;height:max(52vh,29.1667vw);position:absolute;bottom:24vh;left:0}.landscape-cape{z-index:0;pointer-events:none;width:40vw;height:45vh;display:none;position:fixed;bottom:0;right:0}.sea-scene{isolation:isolate;background:#fff;position:relative}.sea-band{pointer-events:none;position:absolute;bottom:0;left:0;right:0}.sea-band-2{top:33%}.sea-band-3{top:66%}.sea-shade{mix-blend-mode:multiply;pointer-events:none;position:absolute;left:0;right:0}.sea-shade-1{background:linear-gradient(to bottom, #fff 0%, var(--sea-1-shade,#fff) 33%);top:0;bottom:0}.sea-shade-2{background:linear-gradient(to bottom, #fff 0%, var(--sea-2-shade,#fff) 49%);top:33%;bottom:0}.sea-shade-3{background:linear-gradient(to bottom, #fff 0%, var(--sea-3-shade,#fff) 100%);top:66%;bottom:0}.sea-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sea-bubble{will-change:transform;background:radial-gradient(circle,#f0fafff2 0%,#b4dcfa80 40%,#a0d2fa00 70%);border-radius:50%;width:16px;height:16px;position:absolute;top:100%}.grid-card{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;outline-offset:4px;background:#ffffffeb;border:1.5px solid #fffc;border-radius:10px;outline:1.5px solid #ffffff73;padding:8px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;position:relative;box-shadow:0 2px 6px #0a183012,0 0 10px #96d7ff4d,inset 0 1px #ffffffe6}.grid-card-hidden{visibility:hidden}.grid-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0a18301f,0 0 12px #96d7ff66,inset 0 1px #ffffffe6}.grid-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.grid-thumb{border-radius:6px;width:100%;height:auto;margin-top:6px;display:block}.grid-meta{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:6px;font-size:.75rem;display:flex}.grid-meta-num{font-weight:700}.grid-meta-em{color:#c00;font-weight:700}.grid-meta-unit{color:var(--ink-sub);font-size:.65rem}.grid-meta-note{color:var(--ink-sub);font-size:.68rem}.badge-star{color:#f5a623}.site-logo{letter-spacing:.06em;color:var(--ink);z-index:2;margin:0;font-size:1.3rem;font-weight:700;text-decoration:none;position:fixed;top:18px;left:24px}.research-button{z-index:2;border:1.5px solid var(--accent);background:var(--card-bg);color:var(--accent);cursor:pointer;border-radius:20px;padding:8px 22px;font-size:.9rem;text-decoration:none;position:fixed;top:16px;right:24px}.research-button:hover{background:#2f6fb314}.sona-float{animation:3.2s ease-in-out infinite alternate sona-float}@keyframes sona-float{0%{transform:translateY(0)}to{transform:translateY(12px)}}.app{flex-direction:column;min-height:100vh;display:flex}.app--clip{height:100vh;overflow-y:clip}.zone-zero{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}.ocean-surface{z-index:-1;height:30vh;position:fixed;bottom:0;left:0;right:0}.hero{text-align:center}.app--clip .zone-zero{flex-direction:column;flex:1;min-height:0;display:flex}.hero-full{flex-direction:column;flex:1;min-height:0;padding:26px 0;display:flex}.hero-compact{padding:0}.logo-link{cursor:pointer}.assistant-stage{flex-direction:column;flex:1;min-height:0;display:flex}.sona-center{flex:1;justify-content:center;align-items:center;min-height:0;padding-bottom:160px;display:flex;position:relative}.search-card{z-index:1;background:var(--card-bg);border:1.5px solid var(--card-border);text-align:left;border-radius:28px;width:560px;padding:8px 8px 8px 20px;position:absolute;top:calc(50% - 29px);left:calc(50% - 280px);box-shadow:0 4px 18px #0a183014}.search-card:focus-within{border-color:var(--accent)}.hero-sona{position:relative}.sona-bubble{background:var(--card-bg);border:1.5px solid var(--card-border);width:370px;color:var(--ink);text-align:left;border-radius:14px;margin:0;padding:10px 12px;font-size:.85rem;line-height:1.7;position:absolute;bottom:calc(100% - 51px);left:calc(50% - 185px);box-shadow:0 3px 12px #0a183012}.sona-name{color:var(--accent);font-size:1.3em;font-weight:700}.sona-bubble:after{content:"";background:var(--card-bg);border-right:1.5px solid var(--card-border);border-bottom:1.5px solid var(--card-border);border-bottom-right-radius:4px;width:16px;height:16px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.search-form{align-items:center;gap:8px;display:flex}.search-input{min-width:0;color:var(--ink);resize:none;background:0 0;border:none;outline:none;flex:1;padding:4px 6px;font-family:inherit;font-size:1rem;line-height:1.8;display:block}.search-input::placeholder{color:#aeb6c2;transition:opacity .4s}.search-input.ph-hidden::placeholder{opacity:0}.send-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 2px 6px #0a18302e}.send-button:hover{transform:scale(1.06);box-shadow:0 3px 10px #0a18303d}.send-button:active{transform:scale(.96)}.send-button:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.search-card .error{color:#b3402f;margin:0;font-size:.85rem;position:absolute;bottom:calc(100% + 10px);left:20px}.hero-sona-outer{will-change:transform, opacity;margin-top:14px;display:inline-block}.results-zero{padding:16px 0 48px}.results-sona-stage{text-align:center;margin:0 0 30px}.results-sona{animation:3.2s ease-in-out infinite alternate sona-float;display:inline-block}.sona-report{z-index:1;background:var(--card-bg);border:1.5px solid var(--card-border);text-align:left;border-radius:14px;width:min(560px,100%);margin:-91px auto 0;padding:12px 16px;line-height:1.8;position:relative;box-shadow:0 3px 12px #0a183012}.report-query{color:var(--ink-sub);background:#f1f2f4;border-radius:6px;margin:0 0 8px;padding:3px 10px;font-size:.72rem;line-height:1.6}.report-main{margin:0}.sona-report:after{content:"";background:var(--card-bg);border-left:1.5px solid var(--card-border);border-top:1.5px solid var(--card-border);border-top-left-radius:4px;width:16px;height:16px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.card{outline-offset:5px;background:#ffffffed;border:1.5px solid #fffc;border-radius:14px;outline:2px solid #ffffff73;padding:14px;position:relative;box-shadow:0 4px 20px #0a18301a,0 0 14px #96d7ff59,inset 0 1px #ffffffe6}.dlsite-btn{color:#fff;background:#039;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:8px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;box-shadow:0 3px 10px #00339959}.dlsite-btn:hover{background:#04b;transform:translateY(-1px);box-shadow:0 5px 14px #00339973}.dlsite-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00339959}.hero-actions{align-items:stretch;gap:8px;display:flex}.share-btn{color:#fff;background:#1a1a1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;text-decoration:none;transition:background .12s,transform .12s;display:inline-flex}.share-btn:hover{background:#333;transform:translateY(-1px)}.share-btn:active{transform:translateY(0)}.modal-share-row{border-top:1px solid var(--card-border);justify-content:flex-end;margin-top:12px;padding-top:10px;display:flex}.hero-title{color:var(--ink);border-bottom:1px solid var(--card-border);margin:0 0 12px;padding-bottom:10px;font-size:1.3rem;font-weight:700;line-height:1.5}.fact-chip{color:var(--accent);background:#2f6fb314;border-radius:10px;align-items:baseline;gap:5px;padding:3px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.chip-label{color:var(--ink-sub);font-size:.68rem;font-weight:400}.hero-body{gap:16px;display:flex}.hero-thumb{border-radius:8px;flex-shrink:0;align-self:flex-start;width:45%;height:auto}.hero-below{border-top:1px solid var(--card-border);margin-top:12px;padding-top:10px}.hero-below-cols{align-items:stretch;gap:16px;margin-top:10px;display:flex}.hero-below-cols .hero-badges{margin-top:0}.hero-below-left{flex:1;min-width:0}.hero-below-left .tags{margin:0}.card-body{min-width:0}.title{margin:0 0 6px;font-size:1.02rem;line-height:1.5}.title a{color:var(--ink);text-decoration:none}.title a:hover{color:var(--accent)}.hero-line{color:var(--ink);flex-wrap:wrap;align-items:center;gap:2px 14px;margin:0 0 6px;font-size:.95rem;display:flex}.hero-badges{flex-wrap:wrap;gap:8px;margin:10px 0 12px;display:flex}.badge{background:#fdeef3;border-radius:10px;align-items:baseline;gap:7px;padding:4px 12px;display:flex}.badge-label{color:var(--ink-sub);font-size:.85rem}.badge-value{color:var(--ink);font-size:1.1rem;font-weight:700;line-height:1.5}.badge-price{color:#c00}.badge-note{color:var(--ink-sub);font-size:.8rem;font-weight:400}.tags{flex-wrap:wrap;gap:5px;margin:0 0 10px;display:flex}.tag{color:var(--ink-sub);background:#1a223312;border-radius:10px;padding:3px 10px;font-size:.8rem}.profile{color:var(--ink);margin:0;font-size:.85rem;line-height:1.7}.profile .hl{color:inherit;text-underline-offset:3px;background:0 0;font-weight:700;-webkit-text-decoration:underline #2f6fb373;text-decoration:underline #2f6fb373;text-decoration-thickness:2px}.sona-hero-row{align-items:center;gap:10px;margin:0 0 14px;display:flex;position:relative}.sona-tail{z-index:1;flex-shrink:0;margin-left:-8px;margin-right:-13px;position:relative}.sona-hero-row>svg{flex-shrink:0}.sona-hero-comment{border-radius:12px;flex:1;min-width:0;padding:2px;position:relative;overflow:hidden;transform:translateZ(0)}.sona-hero-comment:before{content:"";will-change:transform;background:repeating-linear-gradient(45deg,#7fd8ff 0,#ffb3cf 300px,#7fd8ff 600px);animation:6s linear infinite sona-border-flow;position:absolute;inset:-700px}@keyframes sona-border-flow{to{transform:translate(-424.26px,424.26px)}}.sona-hero-comment-inner{background:#eef6fc;border-radius:10px;margin:0;padding:7px 12px;position:relative}.sona-hero-comment-inner p{color:var(--ink);margin:0;font-size:.92rem;line-height:1.7}.results-sea{flex:1;margin-top:14vh;padding:40px 16px 120px}.results-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:34px 26px;max-width:1048px;margin:0 auto;display:grid;position:relative}.grid-card .sona-hero-row{margin-top:6px}.grid-card .sona-hero-comment-inner{border-radius:8px;padding:4px 8px}.grid-card .sona-hero-comment-inner p{font-size:.72rem;line-height:1.6}.work-modal{z-index:400;background:#08142873;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.work-modal-shell{width:min(1048px,100%);max-height:88vh;display:flex;position:relative}.work-modal-card{overscroll-behavior:contain;width:100%;overflow-y:auto}.work-modal-close{z-index:2;width:32px;height:32px;color:var(--ink-sub);cursor:pointer;background:#fff;border:1.5px solid #fffc;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:-12px;right:-12px;box-shadow:0 2px 8px #0a183033}.sona-row-small:before,.sona-row-small:after{display:none}@media (width<=900px){.results-grid{grid-template-columns:repeat(2,1fr)}.hero-body{flex-direction:column}.hero-thumb{width:100%;margin:0}.hero-below-cols{flex-direction:column;align-items:stretch}.hero-actions{flex-direction:row}.dlsite-btn{flex:1;justify-content:center;padding:12px 16px}.share-btn{width:48px}}