:root{color-scheme:dark;--seo-bg:#040914;--seo-bg-2:#06101d;--seo-ink:#f8fbff;--seo-muted:#a8b7c7;--seo-soft:#fff1;--seo-soft-strong:#ffffff1b;--seo-line:#ffffff21;--seo-cyan:#34d9ef;--seo-cyan-strong:#5ff2ff;--seo-pink:#ff3d77;--seo-pink-soft:#ff78a1;--seo-max:1160px;--seo-shadow:0 30px 90px #0000006b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--seo-bg);scroll-behavior:smooth}body{color:var(--seo-ink);letter-spacing:0;background:radial-gradient(circle at 16% 0,#ff3d774d,#0000 33rem),radial-gradient(circle at 82% 13%,#34d9ef38,#0000 34rem),linear-gradient(90deg,#34d9ef0b 0 1px,#0000 1px 100%) 0 0/76px 76px,linear-gradient(#040914 0%,#06101d 48%,#071827 100%);margin:0;line-height:1.72}a{color:inherit}img{max-width:100%;height:auto;display:block}.seo-shell{min-height:100vh;overflow:hidden}.seo-nav{z-index:20;backdrop-filter:blur(22px);background:#040914c7;border-bottom:1px solid #ffffff14;position:sticky;top:0}.seo-nav-inner{width:min(var(--seo-max), calc(100% - 32px));justify-content:space-between;align-items:center;gap:20px;min-height:72px;margin:0 auto;display:flex}.seo-brand{align-items:center;gap:12px;min-width:0;text-decoration:none;display:inline-flex}.seo-brand img{border-radius:9px;width:42px;height:42px;box-shadow:0 16px 34px #34d9ef47}.seo-brand strong{color:#fff;font-size:15px;line-height:1.25;display:block}.seo-brand span{color:var(--seo-muted);font-size:12px;line-height:1.3;display:block}.seo-nav-links{color:#dcecff;align-items:center;gap:18px;font-size:13px;font-weight:760;display:flex}.seo-nav-links a{text-decoration:none}.seo-language-select{color:#dcecff;max-width:150px;min-height:38px;font:inherit;appearance:none;background:linear-gradient(45deg,#0000 50%,#dcecff 50%) calc(100% - 17px) 16px/6px 6px no-repeat,linear-gradient(135deg,#dcecff 50%,#0000 50%) calc(100% - 12px) 16px/6px 6px no-repeat,#ffffff0e;border:1px solid #ffffff24;border-radius:8px;padding:0 34px 0 12px;font-size:13px;font-weight:760}.seo-button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:840;line-height:1;text-decoration:none;display:inline-flex}.seo-button.primary{color:#02121d;background:linear-gradient(135deg, var(--seo-cyan), #5ff2ff 54%, #d8fbff);box-shadow:0 16px 42px #34d9ef3d}.seo-button.secondary{color:var(--seo-ink);border-color:var(--seo-line);background:#ffffff0e}.seo-hero{width:min(var(--seo-max), calc(100% - 32px));grid-template-columns:minmax(0,.98fr) minmax(300px,430px);align-items:center;gap:44px;margin:0 auto;padding:76px 0 72px;display:grid;position:relative}.seo-hero:before{content:"TIME";color:#0000;-webkit-text-stroke:1px #34d9ef2b;letter-spacing:0;pointer-events:none;font-size:clamp(84px,14vw,190px);font-weight:980;line-height:.8;position:absolute;top:16px;left:-10px}.theme-category .seo-hero:before{content:"音楽";-webkit-text-stroke-color:#ff3d772e;font-size:clamp(92px,16vw,220px)}.theme-sleep .seo-hero:before{content:"SLEEP"}.seo-hero-copy{z-index:1;position:relative}.seo-labels{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.seo-labels span{color:#b9f8ff;background:#34d9ef14;border:1px solid #34d9ef47;border-radius:8px;align-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:840;display:inline-flex}.theme-category .seo-labels span{color:#ffd5e2;background:#ff3d7714;border-color:#ff3d7742}.seo-hero h1{color:#fff;letter-spacing:0;word-break:keep-all;max-width:650px;margin:0;font-size:clamp(46px,5.8vw,78px);font-weight:960;line-height:.98}.seo-hero h1 span{display:block}.seo-lead{max-width:650px;color:var(--seo-cyan-strong);margin:24px 0 0;font-size:clamp(24px,2.6vw,34px);font-weight:900;line-height:1.18}.theme-category .seo-lead{color:var(--seo-pink-soft)}.seo-hero-body{color:#c9d6e3;max-width:680px;margin:22px 0 0;font-size:18px}.seo-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.seo-hero-note{color:var(--seo-muted);margin-top:18px;font-size:13px}.seo-visual{place-items:center;min-height:590px;display:grid;position:relative}.seo-visual:before{content:"";border:36px solid #34d9ef24;border-radius:999px;width:430px;height:430px;position:absolute;box-shadow:0 0 0 1px #34d9ef2e,0 40px 90px #34d9ef24}.seo-visual:after{content:"";background:conic-gradient(from 220deg, transparent 0 58%, #34d9ef6b 58% 72%, transparent 72% 100%);filter:blur(.2px);opacity:.54;border-radius:999px;width:520px;height:520px;position:absolute;transform:rotate(-10deg)}.theme-category .seo-visual:before{border-color:#ff3d7729;box-shadow:0 0 0 1px #ff3d772e,0 40px 90px #ff3d7721}.phone-stage{width:min(100%,390px);min-height:590px;position:relative}.phone-shot{width:64%;box-shadow:var(--seo-shadow);background:#09111e;border:1px solid #ffffff29;border-radius:30px;position:absolute}.phone-shot.main{z-index:3;width:72%;top:0;left:15%}.phone-shot.back-left{z-index:1;opacity:.72;top:118px;left:-5%;transform:rotate(-7deg)}.phone-shot.back-right{z-index:2;opacity:.76;top:156px;right:-3%;transform:rotate(6deg)}.seo-band{padding:86px 0;position:relative}.seo-band:before{content:"";top:18%;right:max(-220px, calc((100vw - var(--seo-max)) / 2 - 260px));pointer-events:none;border:34px solid #34d9ef0e;border-radius:999px;width:430px;height:430px;position:absolute}.seo-band.alt:before{left:max(-220px, calc((100vw - var(--seo-max)) / 2 - 260px));border-color:#ff3d7711;right:auto}.seo-band.alt{background:linear-gradient(#ffffff09,#ffffff04);border-block:1px solid #ffffff14}.seo-inner{width:min(var(--seo-max), calc(100% - 32px));margin:0 auto}.seo-heading{max-width:850px}.seo-heading h2{color:#fff;letter-spacing:0;margin:0;font-size:clamp(34px,4.8vw,70px);font-weight:940;line-height:1.04}.seo-heading p{color:#bfd0df;margin:18px 0 0;font-size:18px}.answer-panel{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:22px;margin-top:34px;display:grid}.answer-copy,.answer-steps,.concept-card,.note-card,.seo-feature,.faq-item,.use-tile{border:1px solid var(--seo-line);background:var(--seo-soft);border-radius:8px;box-shadow:inset 0 1px #ffffff12,0 26px 70px #00000038}.answer-copy,.concept-card,.seo-step,.seo-feature,.faq-item,.note-card,.use-tile{backdrop-filter:blur(18px)}.answer-copy{padding:28px}.answer-copy h3{color:#fff;margin:0;font-size:24px;line-height:1.25}.answer-copy p,.concept-card p,.note-card p,.seo-feature p,.faq-item p,.use-tile p{color:#c4d2df;margin:12px 0 0}.answer-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;display:grid}.answer-step{color:#eaf8ff;background:#ffffff0e;border:1px solid #fff1;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:12px;font-weight:760;display:grid}.answer-step span,.seo-step-number{color:#00141a;background:var(--seo-cyan);border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:940;display:grid}.concept-layout{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:34px;margin-top:40px;display:grid}.concept-card{background:radial-gradient(circle at 100% 0%, #34d9ef21, transparent 36%), var(--seo-soft);padding:34px}.concept-card h2{color:#fff;margin:0;font-size:clamp(34px,5vw,68px);font-weight:940;line-height:1.02}.concept-image{place-items:center;min-height:430px;display:grid;position:relative}.concept-image:before{content:"";border:28px solid #34d9ef1c;border-radius:999px;width:330px;height:330px;position:absolute;box-shadow:0 34px 80px #34d9ef14}.theme-category .concept-image:before{border-color:#ff3d7721;box-shadow:0 34px 80px #ff3d7714}.concept-image img{width:min(100%,250px);box-shadow:var(--seo-shadow);border:1px solid #ffffff29;border-radius:28px;position:relative}.comparison-table{border:1px solid var(--seo-line);background:linear-gradient(180deg, #34d9ef0b, transparent 34%), var(--seo-soft);border-radius:8px;margin-top:34px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 64px #0000002e}.comparison-row{grid-template-columns:minmax(180px,.8fr) minmax(0,1fr) minmax(0,1fr);display:grid}.comparison-row>div{border-top:1px solid var(--seo-line);padding:18px 20px}.comparison-row:first-child>div{color:#fff;background:#34d9ef1c;border-top:0;font-weight:860}.comparison-row>div+div{border-left:1px solid var(--seo-line)}.comparison-row.is-highlight{background:#34d9ef14}.comparison-label{color:#fff;font-weight:820}.steps-grid,.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px;display:grid}.seo-step,.seo-feature{border:1px solid var(--seo-line);background:linear-gradient(180deg, #ffffff14, #ffffff0b), var(--seo-soft);border-radius:8px;min-height:190px;padding:24px}.seo-step-number{width:42px;height:42px}.seo-step h3,.seo-feature h3,.use-tile h3,.note-card h3,.faq-item h3{color:#fff;margin:18px 0 0;font-size:22px;line-height:1.26}.use-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px;display:grid}.use-tile{background:linear-gradient(#ffffff13,#ffffff0b),radial-gradient(circle at 30% 0,#ff3d772e,#0000 48%),radial-gradient(circle at 80% 20%,#34d9ef2e,#0000 52%);flex-direction:column;justify-content:flex-end;min-height:220px;padding:20px;display:flex}.use-tile:before{content:"";background:linear-gradient(90deg, var(--seo-pink), var(--seo-cyan));border-radius:999px;width:44px;height:6px;margin-bottom:auto;box-shadow:0 0 22px #34d9ef38}.features-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.seo-feature{min-height:174px;color:inherit;text-decoration:none}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.note-card{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px;padding:18px 20px;display:grid}.note-card:before{content:"!";color:#fff;background:var(--seo-pink);border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;font-weight:940;display:grid}.note-card p{margin:0}.faq-list{gap:12px;margin-top:34px;display:grid}.faq-item{padding:20px 22px}.faq-item h3{margin-top:0;font-size:18px}.final-panel{width:min(var(--seo-max), calc(100% - 32px));color:#fff;background:radial-gradient(circle at 80% 12%,#34d9ef57,#0000 30%),radial-gradient(circle at 20% 0,#ff3d7761,#0000 32%),linear-gradient(135deg,#040914,#09111e);border:1px solid #ffffff1f;border-radius:8px;margin:0 auto;padding:80px 36px;position:relative;overflow:hidden}.final-panel h2{max-width:850px;margin:0;font-size:clamp(36px,5vw,76px);line-height:1.02}.final-panel p{color:#cde5ef;max-width:720px;margin:18px 0 0;font-size:18px}.final-panel .seo-button{margin-top:30px}.seo-footer{color:var(--seo-muted);padding:34px 0;font-size:13px}.seo-footer-inner{width:min(var(--seo-max), calc(100% - 32px));flex-wrap:wrap;justify-content:space-between;gap:18px;margin:0 auto;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px){.seo-hero,.answer-panel,.concept-layout{grid-template-columns:1fr}.seo-hero{gap:34px;padding-top:54px}.seo-visual{min-height:540px}.phone-stage{max-width:360px;min-height:540px}.steps-grid,.features-grid,.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.seo-nav-inner{min-height:66px}.seo-brand span,.seo-nav-links a:not(.seo-button){display:none}.seo-nav-links{gap:10px}.seo-button{padding:0 13px;font-size:13px}.seo-hero{padding:42px 0 52px}.seo-hero h1{word-break:normal;overflow-wrap:anywhere;font-size:clamp(36px,9.2vw,40px)}.seo-lead{word-break:normal;overflow-wrap:anywhere;font-size:clamp(22px,6.5vw,30px)}.seo-hero-body,.seo-heading p,.final-panel p{word-break:normal;overflow-wrap:anywhere;font-size:16px}.seo-actions{display:grid}.seo-button.store-badge{color:#fff;white-space:normal;text-align:left;background:linear-gradient(#ffffff14,#fff0),#05070b;border:1px solid #ffffff2e;border-radius:10px;justify-content:flex-start;justify-self:start;gap:11px;width:min(100%,218px);min-height:58px;padding:0 16px;font-size:14px;font-weight:780;line-height:1.15;box-shadow:0 16px 40px #00000057}.seo-button.store-badge:before{content:"";color:#fff;flex:none;place-items:center;width:24px;height:28px;font-size:28px;line-height:1;display:inline-grid;transform:translateY(-1px)}.seo-nav .seo-button.store-badge{border-radius:9px;gap:8px;width:auto;min-width:118px;max-width:156px;min-height:42px;padding:0 12px;font-size:12px}.seo-nav .seo-button.store-badge:before{width:18px;height:22px;font-size:22px}.seo-visual{min-height:500px}.phone-stage{max-width:310px;min-height:500px}.phone-shot{border-radius:22px}.answer-steps,.steps-grid,.features-grid,.use-grid,.note-grid,.comparison-row{grid-template-columns:1fr}.comparison-row>div+div{border-left:0}.seo-band{padding:62px 0}.concept-card{padding:26px}.final-panel{padding:58px 22px}}