@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
:root{--ink:#071c26;--ink-2:#0b2b36;--lime:#c9f36a;--lime-2:#e5ffac;--mint:#ecf8e4;--paper:#f7f8f3;--white:#fff;--muted:#607078;--line:#dce3dc;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:86px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid rgba(7,28,38,.08)}.brand img{display:block;width:174px;height:auto}.header-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;padding:14px 24px;transition:.2s}.button:hover{transform:translateY(-2px);background:#123642}.button-ghost{background:transparent;color:var(--ink)}.button-ghost:hover{background:#e8ede6}.hero{min-height:650px;padding:clamp(58px,8vw,108px) clamp(22px,7vw,110px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(370px,.9fr);gap:clamp(45px,7vw,110px);align-items:center;background:radial-gradient(circle at 9% 18%,rgba(201,243,106,.2),transparent 23%),var(--ink);color:#fff}.eyebrow{margin:0 0 24px;display:flex;align-items:center;gap:12px;font:700 12px/1 'DM Sans',sans-serif;letter-spacing:.18em;color:var(--lime)}.eyebrow span{width:25px;height:2px;background:currentColor}.hero h1,.section-intro h2,.member-copy h2,.cta-section h2{margin:0;font-size:clamp(42px,5.7vw,78px);line-height:1.2;letter-spacing:-.055em}.hero h1 em,.section-intro h2 em{font-style:normal;color:var(--lime)}.hero-lead{margin:30px 0 24px;color:#c9d5d6;font-size:clamp(15px,1.3vw,18px);line-height:2}.hero-points{display:flex;gap:20px;padding:0;margin:0;list-style:none;font-size:13px;color:#dce5e4}.hero-points span{color:var(--lime);margin-right:5px}.shortener-card{background:#fff;color:var(--ink);border-radius:var(--radius);padding:clamp(25px,3.4vw,42px);box-shadow:0 28px 70px rgba(0,0,0,.25)}.card-heading{display:flex;align-items:center;gap:14px;margin-bottom:30px}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(201,243,106,.25)}.card-heading p{margin:0 0 4px;font:700 10px 'DM Sans';letter-spacing:.16em;color:#799048}.card-heading h2{margin:0;font-size:22px}label{display:block;margin-bottom:10px;font-size:13px;font-weight:700}.input-shell{display:flex;align-items:center;border:2px solid #dfe5df;border-radius:13px;padding:0 16px;background:#fafbf8;transition:.2s}.input-shell:focus-within{border-color:#8fb938;box-shadow:0 0 0 4px rgba(201,243,106,.25)}.input-shell span{color:#809098}.input-shell input{width:100%;padding:17px 12px;border:0;outline:0;background:transparent;font-size:15px}.field-note,.terms-note{color:#839096;font-size:11px;line-height:1.6}.generate-button{width:100%;border:0;border-radius:13px;background:var(--lime);color:var(--ink);display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin-top:22px;font-weight:800;cursor:pointer;transition:.2s}.generate-button:hover{background:#dcff8d;transform:translateY(-2px)}.generate-button:disabled{opacity:.55;cursor:wait}.terms-note{text-align:center;margin:14px 0 0}.terms-note a{text-decoration:underline}.result{margin-top:18px;padding:16px;background:#f0f8de;border:1px solid #d0eaa0;border-radius:13px}.result>p{margin:0 0 8px;font-size:12px;font-weight:700}.result-row{display:flex;align-items:center;gap:10px}.result-row a{overflow:hidden;text-overflow:ellipsis;font:700 16px 'DM Sans';color:#315400}.result-row button{margin-left:auto;border:0;border-radius:8px;background:var(--ink);color:white;padding:9px 12px;cursor:pointer}.form-message{font-size:12px;color:#b13434;margin:12px 0 0}.trust-strip{display:grid;grid-template-columns:1.25fr repeat(2,1fr);align-items:center;padding:27px clamp(22px,7vw,110px);background:var(--lime);gap:24px}.trust-strip>p{font-weight:800}.trust-strip div{display:flex;align-items:center;gap:14px;border-left:1px solid rgba(7,28,38,.22);padding-left:24px}.trust-strip strong{font:700 12px 'DM Sans';opacity:.5}.trust-strip span{font-size:13px;font-weight:700;line-height:1.6}.section{padding:clamp(80px,10vw,140px) clamp(22px,7vw,110px)}.features{background:var(--paper)}.section-intro{display:grid;grid-template-columns:1.05fr 1fr;column-gap:8vw;align-items:end;margin-bottom:60px}.section-intro .eyebrow{grid-column:1/-1}.eyebrow.dark{color:#6b822f}.section-intro h2{font-size:clamp(36px,4vw,58px)}.section-intro h2 em{color:#789737}.section-intro>p:last-child{color:var(--muted);line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:420px;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;position:relative;overflow:hidden}.feature-primary{background:var(--ink);color:#fff}.feature-number{font:700 11px 'DM Sans';letter-spacing:.16em;opacity:.45}.letter-demo{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:38px 0 42px}.letter-demo span{padding:12px;border:1px solid rgba(255,255,255,.17);border-radius:8px;text-align:center;font:600 19px 'DM Sans';text-decoration:line-through;text-decoration-color:var(--lime)}.feature-icon{width:76px;height:76px;margin:40px 0 50px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#58782a;font-size:30px}.feature-icon.minimal{background:#f1f2ee;color:#738087}.feature-card h3{margin:0 0 16px;font-size:23px;line-height:1.55}.feature-card p{margin:0;color:#718087;font-size:13px;line-height:1.9}.feature-primary p{color:#bdc9ca}.member-section{background:#e8eee5}.member-panel{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--ink-2);color:#fff;border-radius:28px;overflow:hidden}.member-copy{padding:clamp(42px,6vw,78px);background:radial-gradient(circle at 12% 100%,rgba(201,243,106,.17),transparent 30%)}.eyebrow.light{color:var(--lime)}.member-copy h2{font-size:clamp(34px,3.6vw,50px)}.member-copy>p:last-of-type{color:#bccbcd;line-height:1.9;margin:25px 0 34px}.member-cta{background:var(--lime);color:var(--ink);gap:45px}.member-cta:hover{background:#ddff8d}.member-features{padding:clamp(35px,5vw,66px);display:flex;flex-direction:column;justify-content:center}.member-features>div{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.13)}.member-features>div:last-child{border:0}.member-features span{font:700 11px 'DM Sans';color:var(--lime)}.member-features p{margin:0;color:#afbec0;font-size:13px;line-height:1.8}.member-features strong{display:block;color:#fff;font-size:17px;margin-bottom:5px}.cta-section{text-align:center;padding:100px 22px;background:var(--lime)}.cta-section p{font-weight:700}.cta-section h2{font-size:clamp(38px,5vw,68px);margin:15px 0 35px}.cta-section>a{display:inline-flex;gap:40px;background:var(--ink);color:#fff;padding:18px 25px;border-radius:100px;font-weight:700}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:34px clamp(22px,7vw,110px);background:var(--ink);color:#c1cccd}.footer-top{border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand{width:150px;filter:brightness(0) invert(1)}.footer-top nav{display:flex;gap:28px;font-size:12px}.footer-top nav a:hover{color:var(--lime)}.footer-bottom img{display:block;width:150px;max-height:34px}.footer-bottom p{font:500 10px 'DM Sans';letter-spacing:.08em}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:75px}.hero-copy{max-width:660px}.shortener-card{max-width:620px;width:100%}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>p{grid-column:1/-1}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.member-panel{grid-template-columns:1fr}.section-intro{grid-template-columns:1fr}.section-intro>p:last-child{margin-top:25px}.footer-top{align-items:flex-start}.footer-top nav{flex-direction:column;gap:12px}}
@media(max-width:600px){.site-header{height:72px;padding:0 16px}.brand img{width:128px}.header-actions{gap:4px}.button{padding:11px 14px;font-size:12px}.button-ghost{padding:11px 9px}.hero{padding:58px 18px 65px;gap:44px}.hero h1{font-size:43px}.hero-lead br{display:none}.hero-points{flex-wrap:wrap;gap:8px 14px}.shortener-card{padding:24px 18px;border-radius:18px}.trust-strip{grid-template-columns:1fr;padding:26px 22px}.trust-strip>p{grid-column:auto}.trust-strip div{border-left:0;border-top:1px solid rgba(7,28,38,.2);padding:15px 0 0}.section{padding:75px 18px}.section-intro{margin-bottom:40px}.feature-card{padding:25px}.member-panel{border-radius:20px}.member-copy,.member-features{padding:36px 24px}.cta-section{padding:75px 18px}.footer-top,.footer-bottom{padding:30px 22px;flex-direction:column;align-items:flex-start;gap:28px}.footer-top nav{gap:15px}.result-row{align-items:stretch;flex-direction:column}.result-row button{margin:0}.header-actions .button-small{white-space:nowrap}}
.feature-visual{height:150px;margin:24px -8px 28px;display:flex;align-items:center;justify-content:center}.feature-visual img{display:block;width:100%;height:100%;object-fit:contain}.feature-primary .feature-visual{margin-top:24px}
.trust-strip{grid-template-columns:1.25fr repeat(3,1fr)}
.mobile-label{display:none}.member-features{justify-content:flex-start}
@media(max-width:900px){.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>p{grid-column:1/-1}}
@media(max-width:600px){.trust-strip{grid-template-columns:1fr}.trust-strip>p{grid-column:auto}.header-support{width:38px;height:38px;padding:0}.header-support .desktop-label{display:none}.header-support .mobile-label{display:inline;font-size:16px}.site-header .brand img{width:116px}}
.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:0;border-radius:10px;background:var(--ink);cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:700px){.site-header{position:relative;z-index:20;height:72px;padding:0 18px}.site-header .brand img{width:128px}.menu-toggle{display:block}.header-actions{position:absolute;top:calc(100% + 8px);right:18px;min-width:210px;padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px rgba(7,28,38,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.header-actions[data-open="true"]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.header-actions .button,.header-actions .header-support{width:100%;height:auto;padding:13px 16px;justify-content:flex-start;border-radius:10px;font-size:13px;white-space:nowrap}.header-actions .button-small{justify-content:center;margin-top:2px}.header-actions .desktop-label,.header-actions .mobile-label{display:inline}.mobile-label{display:none!important}}
.password-page{min-height:calc(100vh - 86px);display:grid;place-items:center;padding:80px 22px;background:radial-gradient(circle at 50% 12%,rgba(201,243,106,.2),transparent 26%),var(--ink)}.password-panel{width:min(100%,520px);padding:clamp(30px,5vw,54px);background:#fff;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.password-lock{width:66px;height:58px;margin-bottom:28px;border-radius:16px;background:var(--lime);position:relative}.password-lock:before{content:"";position:absolute;left:19px;top:-18px;width:28px;height:29px;border:5px solid var(--ink);border-bottom:0;border-radius:18px 18px 0 0}.password-lock span{position:absolute;left:30px;top:22px;width:7px;height:16px;border-radius:5px;background:var(--ink)}.password-panel .eyebrow{margin-bottom:16px}.password-panel h1{margin:0;font-size:clamp(29px,4vw,42px);letter-spacing:-.04em}.password-lead{margin:18px 0 30px;color:var(--muted);font-size:15px;line-height:1.9}.password-form label{font-size:13px}.password-input-shell{border:2px solid #dfe5df;border-radius:13px;background:#fafbf8;transition:.2s}.password-input-shell:focus-within{border-color:#8fb938;box-shadow:0 0 0 4px rgba(201,243,106,.25)}.password-input-shell input{width:100%;padding:17px;border:0;outline:0;background:transparent;font-size:18px;letter-spacing:.12em}.password-error{margin:12px 0 0;color:#b13434;font-size:13px;line-height:1.6}.password-note{margin:22px 0 0;color:#839096;font-size:11px;line-height:1.7;text-align:center}@media(max-width:700px){.password-page{min-height:calc(100vh - 72px);padding:45px 16px}.password-panel{padding:30px 22px;border-radius:19px}}
.legal-page{background:var(--paper)}.legal-hero{padding:80px clamp(22px,7vw,110px);background:var(--ink);color:#fff}.legal-hero-inner{max-width:1180px;margin:0 auto}.legal-hero .eyebrow{margin-bottom:18px}.legal-hero h1{margin:0;font-size:clamp(42px,6vw,72px);letter-spacing:-.055em}.legal-hero-inner>p:not(.eyebrow):not(.legal-updated){margin:18px 0 0;color:#c1cdcf;line-height:1.8}.legal-updated{margin:28px 0 0;font:600 12px 'DM Sans','Noto Sans JP',sans-serif;color:var(--lime)}.legal-layout{max-width:1180px;margin:0 auto;padding:75px clamp(22px,5vw,70px) 110px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(45px,7vw,95px);align-items:start}.legal-toc{position:sticky;top:25px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.legal-toc>p{margin:0 0 15px;font-weight:800}.legal-toc ol{margin:0;padding-left:25px;max-height:calc(100vh - 120px);overflow:auto}.legal-toc li{padding:4px 0;color:#6d7a80;font-size:12px;line-height:1.6}.legal-toc a:hover{color:#5f7e20;text-decoration:underline}.legal-content{min-width:0}.legal-content section{scroll-margin-top:30px;padding:0 0 42px;margin:0 0 42px;border-bottom:1px solid var(--line)}.legal-content h2{display:flex;align-items:baseline;gap:15px;margin:0 0 23px;font-size:24px;letter-spacing:-.02em}.legal-content h2 span{flex:0 0 auto;font:700 11px 'DM Sans','Noto Sans JP',sans-serif;letter-spacing:.08em;color:#6b822f}.legal-content p,.legal-content li{color:#56666e;font-size:14px;line-height:2}.legal-content p{margin:0 0 14px}.legal-content ol{margin:0;padding-left:1.5em}.legal-content li{padding-left:.4em;margin-bottom:8px}.legal-content a{color:#527515;text-decoration:underline;text-underline-offset:3px}.legal-end{text-align:right;font-weight:700!important;color:var(--ink)!important}@media(max-width:820px){.legal-layout{grid-template-columns:1fr;padding-top:45px}.legal-toc{position:static}.legal-toc ol{max-height:none;columns:2}.legal-content h2{font-size:21px}}@media(max-width:520px){.legal-hero{padding:58px 20px}.legal-layout{padding:35px 18px 75px;gap:40px}.legal-toc ol{columns:1}.legal-content section{padding-bottom:32px;margin-bottom:32px}.legal-content h2{gap:10px;font-size:19px}.legal-content p,.legal-content li{font-size:13px}}
.auth-page{min-height:calc(100vh - 86px);padding:75px 22px;background:radial-gradient(circle at 10% 5%,rgba(201,243,106,.22),transparent 25%),linear-gradient(135deg,#eaf1e5,#f7f8f3 55%)}.auth-panel{width:min(100%,800px);margin:0 auto;padding:clamp(30px,5vw,58px);border-radius:26px;background:#fff;box-shadow:0 24px 65px rgba(7,28,38,.13)}.auth-intro{text-align:center}.auth-intro .eyebrow{justify-content:center;margin-bottom:17px}.auth-intro h1{margin:0;font-size:clamp(34px,5vw,52px);letter-spacing:-.05em}.auth-intro>p:last-child{margin:18px auto 0;max-width:560px;color:var(--muted);font-size:14px;line-height:1.8}.auth-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:40px 0;padding:0;list-style:none}.auth-steps li{position:relative;display:flex;align-items:center;gap:10px;color:#899499}.auth-steps li:not(:last-child):after{content:"";position:absolute;left:calc(100% - 15px);top:18px;width:30px;height:1px;background:#d8ded9}.auth-steps li>span{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#edf0ec;font:700 12px 'DM Sans';color:#728087}.auth-steps li.is-current>span{background:var(--lime);color:var(--ink);box-shadow:0 0 0 5px rgba(201,243,106,.22)}.auth-steps li.is-complete>span{background:var(--ink);color:#fff}.auth-steps strong,.auth-steps small{display:block}.auth-steps strong{font-size:12px;color:#68767c}.auth-steps small{margin-top:2px;font-size:10px}.auth-steps li.is-current strong{color:var(--ink)}.auth-form-area{max-width:530px;margin:0 auto;padding:32px;border-radius:18px;background:#f7f9f4;border:1px solid var(--line)}.auth-form-area h2{margin:0 0 10px;font-size:21px}.auth-form-area>p:not(.auth-error){margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.8}.auth-form-area>p strong{color:var(--ink);overflow-wrap:anywhere}.auth-form label:not(.auth-consent){display:block;margin:0 0 9px;font-size:12px;font-weight:700}.auth-input-shell{border:2px solid #dfe5df;border-radius:12px;background:#fff;transition:.2s}.auth-input-shell:focus-within{border-color:#8fb938;box-shadow:0 0 0 4px rgba(201,243,106,.25)}.auth-input-shell input{width:100%;padding:16px;border:0;outline:0;background:transparent;font-size:15px}.auth-code-shell input{text-align:center;font:700 26px 'DM Sans';letter-spacing:.35em;padding-left:calc(16px + .35em)}.auth-consent{display:flex;align-items:flex-start;gap:9px;margin-top:16px;color:#647279;font-size:11px;line-height:1.7}.auth-consent input{margin-top:4px;accent-color:#6f9825}.auth-consent a,.auth-guides a,.auth-secondary-actions a{color:#527515;text-decoration:underline;text-underline-offset:3px}.auth-form .generate-button{margin-top:20px}.auth-field-note{margin:9px 0 0;color:#7f8d92;font-size:11px}.auth-error{margin:0 0 20px;padding:12px 14px;border-radius:10px;background:#fff0ed;color:#a83a30;font-size:12px;line-height:1.6}.auth-secondary-actions{text-align:center;margin-top:18px;font-size:12px}.auth-guides{display:flex;justify-content:center;gap:30px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.auth-guides p{margin:0;color:#65747a;font-size:12px}@media(max-width:700px){.auth-page{min-height:calc(100vh - 72px);padding:40px 14px}.auth-panel{padding:30px 18px;border-radius:20px}.auth-steps{margin:32px 0}.auth-steps li{justify-content:center}.auth-steps li div{display:none}.auth-steps li:not(:last-child):after{left:calc(100% - 18px);width:36px}.auth-form-area{padding:24px 18px}.auth-guides{flex-direction:column;align-items:center;gap:12px;text-align:center}}

/* My page */
.mypage{background:#edf1eb;min-height:100vh}.mypage-hero{padding:58px clamp(22px,7vw,110px);display:flex;align-items:flex-end;justify-content:space-between;gap:35px;background:radial-gradient(circle at 85% 20%,rgba(201,243,106,.14),transparent 24%),var(--ink);color:#fff}.mypage-hero .eyebrow{margin-bottom:16px}.mypage-hero h1{margin:0;font-size:clamp(36px,5vw,64px);line-height:1.15;letter-spacing:-.055em}.mypage-hero h1 em{font-style:normal;color:var(--lime)}.mypage-hero div>p:last-child{margin:20px 0 0;color:#bdcacc;font-size:14px;line-height:1.8}.mypage-hero-action{flex:0 0 auto;display:flex;align-items:center;gap:13px;padding:17px 23px;border-radius:100px;background:var(--lime);color:var(--ink);font-weight:800}.mypage-hero-action span{font-size:21px}.mypage-layout{max-width:1460px;margin:0 auto;padding:50px clamp(18px,5vw,70px) 100px;display:grid;grid-template-columns:205px minmax(0,1fr);gap:42px}.mypage-nav{position:sticky;top:22px;align-self:start;display:flex;flex-direction:column;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff}.mypage-nav a{padding:13px 14px;border-radius:9px;color:#617078;font-size:12px;font-weight:700}.mypage-nav a:hover{background:#eff6df;color:#486410}.mypage-content{min-width:0;display:flex;flex-direction:column;gap:22px}.dashboard-card{padding:clamp(24px,3.5vw,38px);border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 8px 30px rgba(7,28,38,.04);scroll-margin-top:24px}.dashboard-create{border-top:5px solid var(--lime)}.dashboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.dashboard-heading p{margin:0 0 7px;color:#6b822f;font:700 10px 'DM Sans';letter-spacing:.16em}.dashboard-heading h2{margin:0;font-size:clamp(20px,2.5vw,27px);letter-spacing:-.03em}.dashboard-badge{padding:7px 10px;border-radius:100px;background:#edf7d6;color:#536e1d;font-size:10px;font-weight:700}.dashboard-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-form label,.domain-filter label{margin-bottom:8px;font-size:11px}.dashboard-form input,.dashboard-form select,.domain-filter select{width:100%;min-height:50px;padding:13px 14px;border:2px solid #dfe5df;border-radius:11px;outline:0;background:#fafbf8;color:var(--ink)}.dashboard-form input:focus,.dashboard-form select:focus,.domain-filter select:focus{border-color:#8fb938;box-shadow:0 0 0 4px rgba(201,243,106,.22)}.dashboard-field-full{grid-column:1/-1}.dashboard-prefix-input{display:flex;align-items:center;border:2px solid #dfe5df;border-radius:11px;background:#fafbf8}.dashboard-prefix-input:focus-within{border-color:#8fb938;box-shadow:0 0 0 4px rgba(201,243,106,.22)}.dashboard-prefix-input span{padding-left:14px;color:#849096}.dashboard-prefix-input input{border:0;box-shadow:none!important}.dashboard-help{margin:0;color:#7b898f;font-size:11px;line-height:1.7}.dashboard-submit{grid-column:1/-1;max-width:330px;margin:0}.dashboard-heading-wrap{align-items:end}.domain-filter{min-width:220px}.dashboard-empty{padding:42px 22px;border:1px dashed #cbd6ca;border-radius:15px;background:#fafbf8;text-align:center}.dashboard-empty strong{display:block;font-size:16px}.dashboard-empty p{max-width:570px;margin:11px auto 20px;color:var(--muted);font-size:12px;line-height:1.8}.dashboard-empty a{display:inline-block;padding:11px 17px;border-radius:100px;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.url-list{display:flex;flex-direction:column;gap:12px}.url-item{border:1px solid var(--line);border-radius:15px;overflow:hidden}.url-item-main{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:20px}.url-status{width:9px;height:9px;border-radius:50%;background:#aeb8bb}.url-status.is-enabled{background:#85b329;box-shadow:0 0 0 4px #edf7d7}.url-info{min-width:0}.url-address{font:700 16px 'DM Sans';color:#365808}.url-info p{margin:6px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a888e;font-size:11px}.url-count{text-align:right}.url-count strong,.url-count span{display:block}.url-count strong{font:700 19px 'DM Sans'}.url-count span{color:#7f8c91;font-size:9px}.url-edit{padding:9px 14px;border-radius:8px;background:var(--ink);color:#fff;font-size:11px;font-weight:700}.rule-details{border-top:1px solid var(--line);background:#fafbf8}.rule-details summary{display:flex;justify-content:space-between;padding:14px 20px;cursor:pointer;color:#5f7076;font-size:11px;font-weight:700;list-style:none}.rule-details summary::-webkit-details-marker{display:none}.rule-details[open] summary span{transform:rotate(180deg)}.rule-table-wrap{overflow-x:auto;padding:0 20px 20px}.rule-table{width:100%;border-collapse:collapse;font-size:11px}.rule-table th,.rule-table td{padding:12px;border-bottom:1px solid #e0e6df;text-align:left;white-space:nowrap}.rule-table th{color:#75838a;font-size:9px;letter-spacing:.06em}.rule-table th:last-child,.rule-table td:last-child{text-align:right}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard-description{margin:-10px 0 24px;color:var(--muted);font-size:12px;line-height:1.8}.dashboard-description strong{color:var(--ink);overflow-wrap:anywhere}.dashboard-form-single{grid-template-columns:1fr}.dashboard-secondary-button{min-height:47px;border:0;border-radius:11px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.registered-domains{margin:0 0 22px;padding:0;list-style:none}.registered-domains li{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line);font:700 12px 'DM Sans'}.registered-domains li span{width:8px;height:8px;border-radius:50%;background:#86b32d}.registered-domains small{margin-left:auto;color:#719038;font:600 9px 'Noto Sans JP'}
@media(max-width:900px){.mypage-layout{grid-template-columns:1fr}.mypage-nav{position:static;flex-direction:row;overflow-x:auto}.mypage-nav a{white-space:nowrap}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:650px){.mypage-hero{padding:44px 18px;align-items:flex-start;flex-direction:column}.mypage-hero h1{font-size:40px}.mypage-hero-action{width:100%;justify-content:center}.mypage-layout{padding:25px 13px 70px;gap:22px}.mypage-nav{margin:0 5px}.dashboard-card{padding:23px 18px;border-radius:17px}.dashboard-form{grid-template-columns:1fr}.dashboard-field-full,.dashboard-submit{grid-column:auto}.dashboard-submit{max-width:none}.dashboard-heading-wrap{align-items:stretch;flex-direction:column}.domain-filter{min-width:0}.url-item-main{grid-template-columns:9px minmax(0,1fr) auto}.url-count{display:none}.url-edit{grid-column:2/-1;text-align:center}.rule-table-wrap{padding:0 12px 14px}.rule-table th,.rule-table td{padding:10px 8px}.dashboard-grid{gap:14px}}
.create-url-link-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px;border-radius:15px;background:#f3f9e5;border:1px solid #d8e9b1}.create-url-link-panel strong{font-size:16px}.create-url-link-panel p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.create-url-link-panel>a{flex:0 0 auto;min-width:190px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 18px;border-radius:11px;background:var(--ink);color:#fff;font-size:12px;font-weight:800}.domain-management-block{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fafbf8}.domain-management-block+ .domain-management-block{margin-top:16px}.domain-management-block h3{margin:0 0 15px;font-size:14px}.domain-empty{margin:0;color:#7b898f;font-size:11px}.domain-registration-block>p{margin:-6px 0 17px;color:#75848a;font-size:11px;line-height:1.7}.registered-domains{margin:0;padding:0;list-style:none}.registered-domains li{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.registered-domains li:first-child{padding-top:0}.registered-domains li:last-child{padding-bottom:0;border-bottom:0}.registered-domains li div{min-width:0}.registered-domains strong,.registered-domains small{display:block}.registered-domains strong{overflow:hidden;text-overflow:ellipsis;font:700 12px 'DM Sans';white-space:nowrap}.registered-domains small{margin-top:3px;color:#719038;font-size:9px}.domain-status-dot{width:8px;height:8px;border-radius:50%;background:#86b32d}.domain-delete-button{padding:8px 11px;border:1px solid #e1b8b3;border-radius:8px;background:#fff;color:#9c3e34;font-size:10px;font-weight:700;cursor:pointer}.domain-delete-button:hover{background:#fff0ed}.domain-registration-block .dashboard-form{gap:12px}
@media(max-width:650px){.create-url-link-panel{align-items:stretch;flex-direction:column;padding:19px}.create-url-link-panel>a{min-width:0}.domain-management-block{padding:17px}}
.url-item-main{grid-template-columns:auto 10px minmax(0,1fr) auto auto}.url-delete-form{margin:0}.url-delete-button{padding:8px 10px;border:1px solid #e1b8b3;border-radius:8px;background:#fff;color:#9c3e34;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.url-delete-button:hover{background:#fff0ed}.url-delete-button:focus-visible{outline:3px solid rgba(156,62,52,.22);outline-offset:2px}
@media(max-width:650px){.url-item-main{grid-template-columns:auto 9px minmax(0,1fr) auto}.url-edit{grid-column:3/-1}.url-delete-button{padding:8px}}
.simple-url-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:#fafbf8}.simple-url-guide strong{display:block;font-size:13px}.simple-url-guide p{margin:5px 0 0;color:#748289;font-size:11px;line-height:1.7}.simple-url-guide>a{flex:0 0 auto;color:#527515;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.simple-url-guide>a span{margin-left:5px}
@media(max-width:650px){.simple-url-guide{align-items:flex-start;flex-direction:column;gap:14px}.simple-url-guide>a{width:100%;padding-top:13px;border-top:1px solid var(--line)}}

/* Custom URL rule builder */
.rule-builder-page{min-height:100vh;background:#edf1eb}.rule-builder-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:58px clamp(22px,7vw,110px);background:radial-gradient(circle at 88% 18%,rgba(201,243,106,.14),transparent 25%),var(--ink);color:#fff}.rule-builder-hero .eyebrow{margin-bottom:16px}.rule-builder-hero h1{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.17;letter-spacing:-.055em}.rule-builder-hero h1 em{font-style:normal;color:var(--lime)}.rule-builder-hero div>p:last-child{margin:20px 0 0;color:#bdcacc;font-size:14px;line-height:1.8}.rule-builder-hero>a{flex:0 0 auto;padding:12px 16px;border:1px solid rgba(255,255,255,.23);border-radius:100px;color:#dce5e6;font-size:11px;font-weight:700}.rule-builder-form{max-width:1200px;margin:0 auto;padding:48px clamp(15px,5vw,60px) 100px}.builder-card{margin-bottom:22px;padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 30px rgba(7,28,38,.04)}.builder-basic{border-top:5px solid var(--lime)}.builder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.builder-heading p{margin:0 0 7px;color:#6b822f;font:700 10px 'DM Sans';letter-spacing:.16em}.builder-heading h2{margin:0;font-size:clamp(21px,3vw,29px);letter-spacing:-.03em}.builder-heading>span{padding:7px 10px;border-radius:100px;background:#edf7d6;color:#536e1d;font-size:10px;font-weight:700}.builder-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.builder-basic-grid label,.condition-card legend,.rule-result-fields label{display:block;margin-bottom:8px;font-size:11px;font-weight:700}.builder-basic-grid input,.builder-basic-grid select,.condition-body input,.condition-body select,.rule-result-fields input,.rule-result-fields textarea{width:100%;padding:13px 14px;border:2px solid #dfe5df;border-radius:11px;outline:0;background:#fafbf8;color:var(--ink)}.builder-basic-grid input,.builder-basic-grid select{min-height:50px}.builder-basic-grid input:focus,.builder-basic-grid select:focus,.condition-body input:focus,.condition-body select:focus,.rule-result-fields input:focus,.rule-result-fields textarea:focus{border-color:#8fb938;box-shadow:0 0 0 4px rgba(201,243,106,.22)}.builder-field-full{grid-column:1/-1}.builder-prefix-input{display:flex;align-items:center;border:2px solid #dfe5df;border-radius:11px;background:#fafbf8}.builder-prefix-input:focus-within{border-color:#8fb938;box-shadow:0 0 0 4px rgba(201,243,106,.22)}.builder-prefix-input span{padding-left:14px;color:#849096}.builder-prefix-input input{border:0;box-shadow:none!important}.builder-rules-heading{margin-bottom:12px}.builder-lead{margin:0 0 28px;color:var(--muted);font-size:12px;line-height:1.8}.rules-list{display:flex;flex-direction:column;gap:18px}.rule-card{border:1px solid #ccd8cc;border-radius:17px;background:#f8faf6;overflow:hidden;transition:opacity .15s,box-shadow .15s}.rule-card:focus{outline:3px solid rgba(201,243,106,.45);outline-offset:2px}.rule-card.is-dragging{opacity:.55;box-shadow:0 20px 45px rgba(7,28,38,.18)}.rule-card-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:17px 20px;background:var(--ink);color:#fff}.drag-handle{border:0;background:transparent;color:#9caeb3;font-size:24px;cursor:grab}.drag-handle:active{cursor:grabbing}.rule-card-header p{margin:0 0 3px;color:var(--lime);font:700 9px 'DM Sans';letter-spacing:.13em}.rule-card-header h3{margin:0;font-size:15px}.rule-order-actions{display:flex;gap:6px}.rule-order-actions button{min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.rule-order-actions button:hover:not(:disabled){border-color:var(--lime);color:var(--lime)}.rule-order-actions button:disabled{opacity:.3;cursor:not-allowed}.rule-order-actions .remove-rule{color:#ffaaa2}.conditions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.condition-card{min-width:0;margin:0;padding:16px;border:1px solid #dde5dc;border-radius:12px;background:#fff}.condition-card legend{padding:0 6px;font-size:12px}.condition-wide{grid-column:1/-1}.condition-toggle{display:flex;align-items:center;gap:8px;margin:0 0 13px;font-size:10px;font-weight:700;color:#627178}.condition-toggle input{width:16px;height:16px;margin:0;accent-color:#719428}.condition-body{display:flex;flex-direction:column;gap:8px;transition:opacity .15s}.condition-body[data-enabled="false"]{opacity:.38}.condition-body small{color:#7d8a90;font-size:9px;line-height:1.6}.condition-inline{display:grid;grid-template-columns:1fr 150px}.condition-inline small{grid-column:1/-1}.weekday-options{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekday-options label{position:relative}.weekday-options input{position:absolute;opacity:0}.weekday-options span{display:grid;place-items:center;height:42px;border:1px solid #dce4db;border-radius:9px;background:#fafbf8;font-size:12px;font-weight:700}.weekday-options input:checked+span{border-color:#759a2e;background:var(--lime);color:var(--ink)}.weekday-options small{display:block;margin-top:3px;text-align:center}.time-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px}.time-range label,.period-grid label{margin:0;color:#6b797f;font-size:9px;font-weight:700}.time-range>span{padding-bottom:13px;color:#849096}.period-grid{display:grid;grid-template-columns:1fr 1fr 180px;gap:10px}.rule-result-fields{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;padding:20px;border-top:1px solid #d8e1d7;background:#eef5df}.rule-result-fields label span{margin-left:5px;color:#6f8d31;font-size:9px}.rule-result-fields textarea{resize:vertical}.add-rule-button{width:100%;margin-top:18px;padding:16px;border:2px dashed #b7c5b5;border-radius:13px;background:transparent;color:#536b28;font-size:12px;font-weight:800;cursor:pointer}.add-rule-button:hover{border-color:#76972f;background:#f4f9e8}.add-rule-button span{margin-right:7px;font-size:17px}.builder-submit-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px clamp(22px,4vw,38px);border-radius:20px;background:var(--ink);color:#fff}.builder-submit-card strong{font-size:16px}.builder-submit-card p{max-width:660px;margin:7px 0 0;color:#afbdc0;font-size:11px;line-height:1.7}.builder-submit-card button{flex:0 0 auto;min-width:255px;display:flex;justify-content:space-between;gap:20px;padding:16px 18px;border:0;border-radius:11px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}
@media(max-width:800px){.rule-builder-hero{align-items:flex-start;flex-direction:column}.builder-basic-grid,.conditions-grid,.rule-result-fields{grid-template-columns:1fr}.builder-field-full,.condition-wide{grid-column:auto}.period-grid{grid-template-columns:1fr}.builder-submit-card{align-items:stretch;flex-direction:column}.builder-submit-card button{min-width:0;width:100%}}
@media(max-width:560px){.rule-builder-hero{padding:43px 18px}.rule-builder-hero h1{font-size:39px}.rule-builder-form{padding:25px 12px 70px}.builder-card{padding:22px 15px;border-radius:17px}.rule-card-header{grid-template-columns:auto minmax(0,1fr);gap:8px 10px}.rule-order-actions{grid-column:1/-1}.rule-order-actions button{flex:1}.condition-inline,.time-range{grid-template-columns:1fr}.condition-inline small{grid-column:auto}.time-range>span{display:none}.weekday-options{grid-template-columns:repeat(4,1fr)}.conditions-grid{padding:13px}.rule-result-fields{padding:14px}.builder-submit-card{border-radius:16px}}
.destination-action-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:10px}.destination-action-grid>select{width:100%;align-self:end;padding:13px 14px;border:2px solid #dfe5df;border-radius:11px;background:#fafbf8;color:var(--ink)}.destination-url-field{transition:opacity .15s}.destination-url-field[data-enabled="false"]{opacity:.38}.destination-url-field label{margin-bottom:5px;font-size:9px;color:#65747a}.countdown-help{display:block;margin-top:7px;color:#6f7f85;font-size:9px;line-height:1.6}
@media(max-width:700px){.destination-action-grid{grid-template-columns:1fr}.destination-action-grid>select{align-self:auto}}
.destination-action-grid>select,.destination-url-field .destination-url{height:50px;min-height:50px;padding-top:0;padding-bottom:0;font-size:15px;line-height:1.4}.time-range input[type="time"],.period-grid input[type="datetime-local"]{min-height:50px;font-size:15px;line-height:1.4}.time-range input[type="time"]::-webkit-datetime-edit,.period-grid input[type="datetime-local"]::-webkit-datetime-edit{font-size:15px;line-height:1.4}
.period-grid select{height:50px;min-height:50px;padding-top:0;padding-bottom:0;font-size:15px;line-height:1.4}.rule-result-fields textarea{height:50px;min-height:50px;resize:none;font-size:15px;line-height:1.4}
.rule-result-fields>div:last-child{padding-top:19px}
@media(max-width:800px){.rule-result-fields>div:last-child{padding-top:0}}
.builder-field-note{margin:7px 0 0;color:#75848a;font-size:9px;line-height:1.6}
.domain-status-dot.is-certificate-pending{background:#d99a2b;box-shadow:0 0 0 4px rgba(217,154,43,.14)}
.registered-domains small.domain-certificate-status.is-pending{color:#a96d08;font-weight:700}