:root{color:#102033;font-synthesis:none;--ink:#102033;--muted:#637083;--line:#d7dce5;--line-strong:#aeb7c4;--paper:#fff;--canvas:#f7f8fb;--mint:#63d8bd;--mint-soft:#d7fff5;--yellow:#ffc94c;background:#f7f8fb;font-family:Inter,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#eef2f7 1px, transparent 1px), linear-gradient(90deg, #eef2f7 1px, transparent 1px), var(--canvas);background-size:28px 28px;min-width:320px;margin:0}button,input,select{font:inherit}button,a{cursor:pointer}.app{background:var(--paper);border:1px solid var(--line-strong);--accent:var(--mint);flex-direction:column;width:min(100%,480px);min-height:100vh;margin:auto;display:flex;box-shadow:0 18px 50px #10203314}.app.shortBreak,.app.longBreak{--accent:#8bd6a4}header{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:70px;padding:0 18px;display:flex}.logo{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--ink);border-radius:6px;place-items:center;font-size:18px;display:grid}.product-name{color:var(--ink);letter-spacing:0;margin-right:auto;font-size:17px;font-weight:900}.icon{background:0 0;border:0;font-size:22px;display:none}.content{flex:1;padding:18px 16px 22px}.portal-app{width:min(100%,920px)}.portal-page{padding:clamp(8px,2vw,24px)}.portal-eyebrow{color:#4660ff;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.portal-page h1{max-width:760px;color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(30px,5vw,54px);line-height:1.1}.portal-lead{max-width:700px;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.9}.portal-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.portal-service-grid a{border:1px solid var(--line);min-height:132px;color:var(--ink);background:#fff;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;padding:22px;text-decoration:none;display:grid;box-shadow:0 12px 30px #1020330d}.portal-service-grid a:hover{border-color:var(--mint);transform:translateY(-1px)}.portal-service-grid span{background:var(--mint-soft);border-radius:14px;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.portal-service-grid b{font-size:18px}.portal-service-grid small{color:var(--muted);line-height:1.65}.portal-note{border:1px solid var(--line);background:#fbfcfe;border-radius:16px;margin-top:24px;padding:20px}.portal-note h2{margin:0 0 8px;font-size:18px}.portal-note p{color:var(--muted);margin:0 0 10px;line-height:1.8}.portal-note a{color:#243bda;font-weight:800}.status{border:1px solid var(--line);width:max-content;color:var(--muted);background:#fff;border-radius:99px;margin:0 auto 12px;padding:5px 14px;font-size:12px;font-weight:800}.timer-board{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:14px;padding:16px 16px 14px}.timer{aspect-ratio:1;background:radial-gradient(circle, #fff 58%, transparent 59%), repeating-conic-gradient(from 0deg, #c8ced8 0deg 2deg, transparent 2deg 6deg), conic-gradient(var(--accent) var(--progress), #f2f4f7 0);border-radius:50%;place-items:center;width:min(100%,252px);margin:auto;display:grid;position:relative}.timer:before{content:"";background:#fff;border:1px solid #eef1f5;border-radius:50%;position:absolute;inset:20px}.timer div{z-index:1;text-align:center}.timer b{color:var(--ink);letter-spacing:0;font-size:54px;display:block}.timer span{color:var(--ink);font-size:18px}.message{color:var(--muted);text-align:center;margin:10px 0 12px;font-size:12px}.focus-note{width:100%;margin:0;display:block}.focus-note span{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:900;display:block}.focus-note input{border:1px solid var(--line);width:100%;height:46px;color:var(--ink);background:#fff;border-radius:8px;padding:9px 12px}.primary{width:100%;color:var(--ink);box-shadow:none;background:linear-gradient(#d9fff5,#c4f8eb);border:1px solid #24a88f;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:10px auto 0;padding:13px;font-weight:800;display:flex}.primary span{font-size:18px}.controls{justify-content:center;gap:8px;margin:10px 0 0;display:flex}.controls button,.content>section>button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:8px 13px}.card{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:12px;padding:15px}.card h2{margin:7px 0}.progress-hint{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.6}.card small,.level small{color:var(--muted);font-weight:400}.blocks{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.blocks span{border:2px solid #c8ced8;border-radius:50%;width:16px;height:16px}.blocks .done{border-color:var(--mint);background:var(--mint)}.level{align-items:center;gap:15px;display:flex}.level div{flex-direction:column;gap:5px;display:flex}.avatar{width:54px;height:64px;color:var(--yellow);border:2px solid #606978;border-radius:5px 5px 18px 18px;place-items:center;font-size:24px;display:grid}.share-card{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.share-card div{flex-direction:column;gap:4px;display:flex}.share-link{color:#fff;background:#101318;border:1px solid #1d2433;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:9px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.share-link:hover{background:#263044}.related-services{border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f7fbf6);border-radius:12px;margin-top:18px;padding:15px}.related-services h2{margin:0 0 10px;font-size:16px}.related-services>div{gap:8px;display:grid}.related-services a{color:var(--ink);background:#fffefa;border:1px solid #dfe7dd;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:12px 13px;text-decoration:none;display:grid}.related-services a:hover{border-color:var(--accent);background:#f4fffb}.related-services span{color:#294b36;background:#eef3d8;border-radius:50%;grid-row:span 2;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.related-services small{color:var(--muted)}.guide-links{margin-top:20px}.guide-links h2{margin:0 0 10px;font-size:17px}.guide-links>div{gap:8px;display:grid}.guide-links a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;flex-direction:column;gap:3px;padding:11px 13px;text-decoration:none;display:flex}.guide-links a:hover{border-color:var(--accent);background:#f4fffb}.guide-links small{color:var(--muted)}.seo-summary,.faq-section{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:22px;padding:15px;line-height:1.75}.seo-summary h2,.faq-section h2{margin:0 0 10px;font-size:18px}.seo-summary p{color:#394454;margin:8px 0;font-size:14px}.faq-section{border:0;padding:0}.faq-section>div{gap:8px;display:grid}.faq-section article{border:1px solid var(--line);background:#fbfcfe;border-radius:8px;padding:12px}.faq-section h3{color:var(--ink);margin:0 0 6px;font-size:14px}.faq-section p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metrics div{border:1px solid var(--line);text-align:center;border-radius:8px;padding:14px 5px}.metrics b{font-size:23px;display:block}.metrics small{font-size:11px}.chart{border-bottom:1px solid var(--line-strong);align-items:end;gap:3px;height:150px;padding-top:15px;display:flex}.chart span{background:var(--accent);border-radius:3px 3px 0 0;flex:1}.settings{border:1px solid var(--line);border-radius:8px}.settings label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.settings label:last-child{border:0}.settings span{align-items:center;display:flex}.settings button{border:1px solid var(--line);background:#fff;width:34px;height:34px}.settings input[type=number]{border:1px solid var(--line);text-align:center;width:55px;height:34px}.settings input[type=checkbox]{width:42px;height:22px;accent-color:var(--accent)}.settings select{border:1px solid var(--line);min-width:150px;height:34px;color:var(--ink);background:#fff;border-radius:8px;padding:4px 8px}.history article{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr auto;gap:8px;padding:13px 2px;display:grid}.history-note{color:#394454;overflow-wrap:anywhere;grid-column:1/-1;margin:0}.history em{color:#24a88f;font-style:normal}nav{border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);width:100%;height:70px;display:grid;position:sticky;bottom:0}nav button{color:var(--muted);background:#fff;border:0;font-size:11px}nav span{margin-bottom:3px;font-size:23px;display:block}nav .active{color:#24a88f;font-weight:800}.content-links{color:var(--muted);background:#fff;flex-wrap:wrap;justify-content:center;gap:4px 14px;padding:12px 12px 18px;font-size:12px;display:flex}.content-links a{color:inherit;text-decoration:underline}.editorial{max-width:680px;margin:0 auto;line-height:1.85}.editorial h1{margin-top:8px;font-size:24px}.editorial h2{margin-top:26px;font-size:18px}.editorial li{margin:8px 0}.overlay{z-index:5;background:#20242b88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;width:min(100%,360px);padding:35px 24px;animation:.3s pop}.modal .share-link{margin:6px auto 2px}.confetti{color:var(--yellow);letter-spacing:20px}@keyframes pop{0%{opacity:0;transform:scale(.8)}}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #265dbe}.site-shell{flex-direction:column;min-width:0;max-width:480px;margin:auto;display:flex}.affiliate-rail{order:2;padding:16px;display:block}.affiliate-rail-heading{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.affiliate-rail-heading span{color:#227c6d;background:#eefaf7;border-radius:99px;width:max-content;padding:3px 8px;font-size:11px;font-weight:800}.affiliate-rail-heading strong{font-size:15px}.affiliate-card{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:8px;margin-bottom:12px;padding:12px}.affiliate-card h2{margin:0 0 5px;font-size:14px;line-height:1.45}.affiliate-card p{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.6}.affiliate-card a,.affiliate-preview{text-align:center;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800;text-decoration:none;display:block}.affiliate-card a{color:var(--ink);border:1px solid var(--line);background:#fff}.affiliate-card a:hover{background:#f4fffb;border-color:#24a88f}.affiliate-preview{color:#7a828d;background:#f7f8fb;border:1px dashed #c9ced6}.affiliate-disclosure{color:var(--muted);background:#fff;border:1px dashed #c9ced6;border-radius:8px;padding:12px;font-size:10px;line-height:1.65}.language-switch{align-items:center;display:inline-flex}.language-switch select{border:1px solid var(--line);color:#394150;background:#fff;border-radius:999px;padding:4px 22px 4px 9px;font-size:12px}.sr-only{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>=700px){body{padding:24px}.app{border-radius:18px;min-height:calc(100vh - 48px);overflow:hidden}nav{border-radius:0 0 18px 18px}}@media (width<=420px){.share-card{grid-template-columns:1fr}.share-card .share-link{width:100%}.timer b{font-size:48px}.portal-service-grid{grid-template-columns:1fr}}@media (width>=960px){body{padding:24px}.site-shell{grid-template-columns:minmax(220px,280px) 520px minmax(220px,280px);justify-content:center;align-items:start;gap:16px;width:min(100%,1180px);max-width:1180px;margin:auto;display:grid}.site-shell>.affiliate-rail-left{grid-area:1/1}.site-shell>.app{grid-area:1/2}.site-shell:has(.portal-app){grid-template-columns:1fr;max-width:920px}.site-shell:has(.portal-app) .affiliate-rail{display:none}.site-shell>.portal-app{grid-column:1;width:min(100%,920px)}.site-shell>.affiliate-rail-right{grid-area:1/3}.affiliate-rail{border:1px solid var(--line);background:#fff;border-radius:8px;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow:auto}.app{order:1;width:520px;margin:0}}@media (width>=1200px){.affiliate-card h2{font-size:15px}.affiliate-card p{font-size:13px}}.theme-quest{--accent:#ff626b;--quest-text:#30343b;color:var(--quest-text);background:#fff;border:0;box-shadow:0 0 30px #dce0e8}.theme-quest.shortBreak,.theme-quest.longBreak{--accent:#4caf65}.theme-quest header{border-bottom-color:#e2e5ea;min-height:62px}.theme-quest .logo{color:#ffb51a;border:0;width:auto;height:auto;font-size:25px}.theme-quest .product-name{color:#102a63;font-size:17px}.theme-quest .content{padding:14px 16px 20px}.theme-quest .focus-note{width:min(100%,320px);margin:0 auto 10px}.theme-quest .focus-note span{color:#657080;margin-bottom:5px;font-size:12px;font-weight:700}.theme-quest .focus-note input{border-color:#d5d9e0;border-radius:8px;height:38px}.theme-quest .timer-board{background:0 0;border:0;margin-top:0;padding:0}.theme-quest .status{background:color-mix(in srgb, var(--accent) 18%, white);color:var(--accent);border:0;margin-bottom:12px;padding:6px 24px;font-size:16px}.theme-quest .timer{background:conic-gradient(var(--accent) var(--progress), #edf0f3 0);width:250px}.theme-quest .timer:before{border:0;inset:11px}.theme-quest .timer b{letter-spacing:0;font-size:50px}.theme-quest .timer span{color:#657080;font-size:16px}.theme-quest .message{color:var(--quest-text);margin:14px 0;font-size:14px}.theme-quest .primary{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent), #ffaf8f 40%));color:#fff;width:min(100%,280px);box-shadow:0 7px 16px color-mix(in srgb, var(--accent) 25%, transparent);border:0;border-radius:9px;margin:10px auto;padding:13px;display:block}.theme-quest .primary span{display:none}.theme-quest .controls{gap:12px;margin:12px}.theme-quest .controls button,.theme-quest .content>section>button{color:var(--quest-text);border-color:#cfd4dc;padding:9px 15px}.theme-quest .card{border-color:#dce0e6;border-radius:12px}.theme-quest .progress-hint{color:#657080}.theme-quest .blocks{gap:6px}.theme-quest .blocks span{border:2px dashed #c7ccd3;border-radius:4px;width:26px;height:27px}.theme-quest .blocks .done{border-style:solid;border-color:var(--accent);background:linear-gradient(135deg, var(--accent), #ff8b82);box-shadow:inset 0 0 0 2px #fff4}.theme-quest .avatar{width:auto;height:auto;color:var(--quest-text);border:0;font-size:36px}.theme-quest .share-link{color:#fff;background:#101318;border-color:#1d2433}.theme-quest nav .active{color:var(--accent)}.theme-quest .guide-links a{border-radius:10px}.theme-quest .guide-links a:hover{background:#fffaf7}.theme-quest .settings,.theme-quest .metrics div,.theme-quest .modal{border-radius:10px}.theme-quest .affiliate-card{border-radius:12px;box-shadow:0 8px 24px #2c344012}.theme-quest .affiliate-rail-heading span{color:#845400;background:#fff0d6}.theme-quest .affiliate-card a{color:#744900;background:#fff2d6;border-color:#f1cd80}.theme-quest .affiliate-card a:hover{background:#ffe6ae}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}