:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;color:#14213c;background:#f6f8fc;font-synthesis:none;line-height:1.65;--blue:#2563eb;--muted:#6b7890;--line:#e1e7f0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,.button{cursor:pointer;border:1px solid transparent;background:var(--blue);color:white;border-radius:9px;padding:10px 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:6px}button:hover,.button:hover{filter:brightness(.96);text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;border-color:var(--line);color:#253754}.danger{color:#b42336;background:#fff;border-color:#f4cdd3}.text-button{background:transparent;color:var(--blue);padding:6px 8px;border:0;font-size:13px}.muted{color:var(--muted)}input,select{width:100%;border:1px solid #cfd8e6;border-radius:8px;padding:11px 13px;background:white;color:#14213c;min-width:0}input:focus,select:focus{outline:3px solid #dbeafe;border-color:#6093ee}button:focus-visible,a:focus-visible{outline:3px solid #93b4f3;outline-offset:3px}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}h1,h2,p{margin-top:0}h2{font-size:18px}small{font-size:12px}.brand{font-size:24px;font-weight:800;color:#10213c;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:white}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px}.landing{max-width:1240px;margin:auto;padding:0 32px}.hero{text-align:center;padding:64px 0 42px}.eyebrow{display:inline-block;background:#e6efff;color:#1d56b6;padding:5px 18px;border-radius:30px;font-size:13px;font-weight:700}.hero h1{font-size:clamp(36px,4.5vw,64px);letter-spacing:-2px;line-height:1.4;margin:22px 0}.hero p{line-height:1.9;color:#4d5b74;font-size:16px}.url-example{max-width:980px;margin:36px auto 0;padding:28px 32px;display:flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--line);background:white;border-radius:12px}.url-example code{display:block;padding:6px 16px;background:#f1f4f8;border-radius:6px;overflow-wrap:anywhere;font-size:16px}.url-example .short{background:#e9f1ff;color:#1555ca}.url-example small{display:block;color:var(--muted);margin-top:6px}.arrow{color:var(--blue);font-size:34px}.features{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0;margin-bottom:12px}.features article{display:flex;gap:16px;align-items:center;justify-content:center;padding:0 20px;border-right:1px solid var(--line)}.features article:last-child{border:0}.features h2{margin:0 0 3px}.features p{font-size:13px;margin:0;color:var(--muted)}.feature-icon{font-size:34px;color:var(--blue)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 2px 5px #14213c03}.about{margin:0 0 36px}.about h2{margin-bottom:8px}.about p{font-size:14px;color:#5a6880;margin-bottom:0}.site-footer{border-top:1px solid var(--line);padding:23px 6%;display:flex;justify-content:space-between;font-size:12px;background:white}.policy{max-width:850px;margin:48px auto;padding:0 24px}.policy h1{font-size:28px}.policy h2{margin-top:30px}.policy p{color:#53617a}.message{max-width:640px;margin:12vh auto;padding:28px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,440px)}.login-card .brand{margin-bottom:30px}.login-card h1{font-size:24px;margin-bottom:8px}.login-card p{font-size:14px}.login-card button{width:100%;margin-top:18px}.login-card input{margin-top:8px}.login-card .back{display:block;text-align:center;margin-top:20px;font-size:13px}.app{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:white;border-right:1px solid var(--line);padding:30px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar .brand{font-size:21px}.sidebar small{display:block;margin:5px 0 36px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button{justify-content:flex-start;background:transparent;color:#5d6a82;text-align:left;padding:12px 14px}.sidebar nav .selected{color:#1d58cc;background:#eaf1ff}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.workspace{width:100%;max-width:1600px;padding:36px 40px;min-width:0}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:12px}.page-title h1{font-size:28px;margin:0}.page-title p{margin:4px 0 0;font-size:14px;color:var(--muted)}.badge{display:inline-block;border-radius:30px;background:#e9f8f0;color:#258156;font-size:12px;padding:3px 11px;white-space:nowrap}.badge.off{background:#f0f2f6;color:#788398}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{padding:22px 24px}.stat p{font-size:13px;color:var(--muted);margin-bottom:6px}.stat strong{font-size:32px;line-height:1.4}.create-panel{margin-bottom:24px}.create-panel h2{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1.1fr 1fr auto;gap:18px;margin-top:18px;align-items:end}.slug-input{display:flex;align-items:center;border:1px solid #cfd8e6;border-radius:8px;background:#f5f7fa;overflow:hidden}.slug-input span{font-size:12px;padding:0 10px;color:#68768f;white-space:nowrap}.slug-input input{border:0;border-left:1px solid var(--line);border-radius:0}.form-help{font-size:12px;color:var(--muted);margin:6px 0 0}.notification{padding:12px 16px;border-radius:9px;border:1px solid #bddbc7;background:#effaf3;color:#266541;font-size:14px;margin-bottom:20px;overflow-wrap:anywhere}.notification.error{background:#fff1f2;border-color:#f3c8cf;color:#9e2939}.notification button{float:right;padding:0 8px;color:inherit;background:none}.list-panel{padding:0;overflow:hidden}.toolbar{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center}.toolbar input{max-width:430px}.toolbar small{margin-left:auto;color:var(--muted)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{background:#f8fafd;color:#596880;font-size:12px;padding:14px 20px;font-weight:600;white-space:nowrap}td{padding:18px 20px;border-top:1px solid #edf0f5;vertical-align:middle}.destination{font-size:12px;color:var(--muted);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:3px}.short-link{font-size:13px;white-space:nowrap}.actions{display:flex;align-items:center;gap:4px}.empty{padding:54px 24px;text-align:center;color:var(--muted)}.pagination{display:flex;justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid var(--line);align-items:center;font-size:12px;color:var(--muted)}.pagination button{padding:6px 12px;font-size:12px;margin-left:6px}.overlay{position:fixed;inset:0;z-index:10;background:#101b3555;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.dialog{width:min(100%,580px);max-height:90vh;overflow:auto}.dialog h2{margin-bottom:20px}.dialog label{margin-top:16px}.dialog .dialog-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.dialog .checkbox{display:flex;gap:10px;align-items:center}.checkbox input{width:auto}.dialog p{overflow-wrap:anywhere}.setting-row{margin:24px 0}.setting-row code{display:block;overflow-wrap:anywhere;background:#f4f7fb;border-radius:8px;padding:16px}.chart-row{display:grid;grid-template-columns:100px 1fr 60px;gap:16px;align-items:center;font-size:13px;margin:12px 0}.bar{background:#eaf0fa;height:12px;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:#2563eb}.bar-graphic{height:12px;border-radius:6px;background:#2563eb;width:100%}.bar-wrap{display:grid;grid-template-columns:var(--bar-width,0%) 1fr;background:#eef3fc;border-radius:6px;overflow:hidden}meter{width:100%;height:20px;accent-color:#2563eb}
@media(max-width:1100px){.sidebar{width:190px;padding:24px 14px}.workspace{padding:28px 24px}.form-row{grid-template-columns:1fr 1fr}.form-row>button{grid-column:1/-1}.slug-input span{font-size:11px}.url-example{gap:16px;padding:22px}.features article{padding:0 12px}.features h2{font-size:16px}}
@media(max-width:720px){.site-header{height:74px;padding:0 20px}.site-header .brand{font-size:20px}.site-header nav{gap:12px}.site-header nav>a:first-child{display:none}.site-header .button{padding:8px 10px;font-size:12px}.landing{padding:0 20px}.hero{padding:44px 0 28px}.hero h1{letter-spacing:-1px}.hero p{font-size:14px}.hero br{display:none}.hero h1 br{display:block}.url-example{flex-direction:column;gap:8px;padding:20px 12px}.url-example code{font-size:12px}.arrow{transform:rotate(90deg);font-size:24px;line-height:1}.features{grid-template-columns:1fr;gap:20px}.features article{justify-content:flex-start;border:0}.app{display:block}.sidebar{position:static;width:100%;height:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar small{display:none}.sidebar nav{flex-direction:row;margin-top:14px;gap:4px;overflow:auto}.sidebar nav button{white-space:nowrap;font-size:12px;padding:8px 12px}.sidebar-bottom{display:none}.workspace{padding:24px 16px}.page-title{margin-bottom:18px}.page-title h1{font-size:24px}.page-title .badge{display:none}.stats{gap:8px;margin-bottom:16px}.stat{padding:14px 12px}.stat p{font-size:11px}.stat strong{font-size:24px}.panel{padding:18px}.form-row{grid-template-columns:1fr;gap:14px}.form-row>button{grid-column:auto}.create-panel h2{font-size:16px}.list-panel{padding:0}.toolbar{padding:14px}.toolbar small{display:none}td,th{padding:14px}.overlay{padding:16px}.dialog .dialog-footer{gap:8px}.pagination{padding:14px}.site-footer{padding:20px;font-size:11px}.chart-row{grid-template-columns:85px 1fr 40px;gap:10px}}

.ogp-fields{border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0}.ogp-fields legend{font-weight:700;padding:0 8px}.ogp-fields textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;resize:vertical}.ogp-image-info{display:flex;gap:12px;align-items:center}.ogp-preview{padding:16px;margin-top:14px;background:#f4f6fb;border-radius:8px;overflow-wrap:anywhere}.ogp-preview p{margin-bottom:0}.ogp-badge{display:block;color:#5265bf;margin-top:5px}.dialog{max-height:90vh;overflow-y:auto}
/* 管理画面 v2 — 公開ページの配色は維持 */
.app{--blue:#8557d7;--muted:#716c80;--line:#e7dff3;color:#292636;background:#fcfaff;min-height:100vh}.app .workspace{max-width:none;padding:28px 26px}.app .sidebar{width:204px;background:#faf6ff;padding:28px 18px}.app .sidebar .brand{font-size:22px;color:#24202e;white-space:nowrap}.app .sidebar nav .selected{background:#f9dfed;color:#c2327a}.app .sidebar nav button{color:#645a77}.app .page-title{margin-bottom:20px}.app .page-title h1{font-size:29px;border-left:5px solid #e74b94;padding-left:12px}.app .page-title p{margin-bottom:0}.app .panel{border-color:var(--line);box-shadow:0 3px 12px #6b40b007}.app button:not(.secondary):not(.text-button):not(.danger):not(.image-expand){background:#9467df}.app .secondary{color:#61506f;border-color:#ddd0ee;background:#fff}.app input:focus,.app textarea:focus{outline:3px solid #eadffd;border-color:#b49bd5}.app .create-panel{background:linear-gradient(130deg,#fff,#fdf9ff);padding:22px;margin-bottom:22px}.creation-grid{display:grid;grid-template-columns:minmax(235px,1fr) minmax(480px,1.8fr) minmax(190px,.8fr);gap:22px;align-items:start}.link-inputs h2,.ogp-fields legend{color:#352c47;font-size:17px;font-weight:750;background:#f2eafb;border-radius:9px;padding:10px 12px;width:100%}.link-inputs{min-width:0}.link-inputs>label{margin-top:20px}.app .form-help{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 18px}.required{font-size:10px;color:#c23378;margin-left:5px}.app .slug-input{display:flex}.app .slug-input span{font-size:12px;padding:12px 9px;background:#f0e8fa;color:#5d4b78}.app .slug-input input{flex:1}.app .ogp-fields{min-width:0;margin:0;border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 20px}.app .ogp-fields legend{margin-bottom:14px}.checkbox{display:flex;align-items:center;gap:10px;margin:8px 0 18px}.checkbox input{width:18px;height:18px;accent-color:#d755a2;flex-shrink:0}.ogp-editor{display:grid;grid-template-columns:minmax(190px,1fr) minmax(200px,1fr);gap:20px}.ogp-inputs{min-width:0}.ogp-fields input[type=file]{font-size:12px;padding:13px 8px;background:#fcf9ff;border:1px dashed #bca8d6}.ogp-fields textarea{line-height:1.5;color:#292636}.preview-column{min-width:0}.preview-column h3{font-size:15px;margin:0 0 12px}.x-preview{background:#080808;color:white;border:1px solid #252525;border-radius:13px;padding:10px;overflow:hidden}.x-image{position:relative;aspect-ratio:1200/630;border-radius:10px;overflow:hidden;background:#242329}.x-image>img{width:100%;height:100%;object-fit:cover;display:block}.x-title{position:absolute;bottom:9px;left:8px;max-width:calc(100% - 16px);background:#000b;color:white;border-radius:4px;padding:2px 6px;font-size:13px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-domain{color:#a3a3a3;font-size:12px;padding:7px 3px 0;overflow-wrap:anywhere}.image-placeholder{min-height:120px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:#f3eef9;color:#80718f;padding:20px;font-size:12px}.x-image .image-placeholder{background:#242329;color:#bbb;min-height:0}.assistant-rail{position:relative;align-self:stretch;min-height:380px;padding-top:75px;overflow:hidden}.assistant-note{position:absolute;top:0;left:0;right:65px;border:1px solid #e8acd0;background:#fff9fd;border-radius:16px;padding:12px;font-size:12px;line-height:1.6;z-index:2}.assistant-pink{position:absolute;top:4px;right:0;width:75px;height:90px;object-fit:cover;object-position:top;border:1px solid #e8acd0;border-radius:50%;background:#fceaf3;z-index:3}.assistant-silver{display:block;width:100%;height:365px;object-fit:contain;object-position:center bottom}.app .create-submit{width:100%;margin-top:22px;min-height:50px;font-size:16px;background:#a17ae4!important}.app .toolbar{flex-wrap:wrap;padding:18px}.app .toolbar h2{margin:0 auto 0 0;font-size:18px;white-space:nowrap}.app .toolbar input{max-width:320px}.link-cards{padding:0 16px}.link-card{display:grid;grid-template-columns:minmax(220px,1fr) 80px minmax(130px,190px) 250px;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.link-card:last-child{border-bottom:0}.link-details{min-width:0}.link-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.link-heading h3{font-size:17px;margin:0;overflow-wrap:anywhere}.app .badge{font-size:11px;background:#f0e8fa;color:#7852b4}.app .badge.off{background:#eee;color:#777}.app .ogp-badge{display:inline-block;margin:0;background:#fde5f1;color:#c93782}.public-meta{margin-bottom:8px;font-size:13px;overflow-wrap:anywhere}.public-meta strong{font-weight:600}.public-meta p{font-size:12px;color:#7c7189;margin:2px 0}.link-card .short-link{display:block;font-size:13px;overflow-wrap:anywhere;font-weight:650}.link-card .destination{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:#85788e}.link-clicks{text-align:center;border-left:1px solid var(--line);padding:8px}.link-clicks span{display:block;font-size:11px;color:#716881}.link-clicks strong{display:block;font-size:23px}.link-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.link-card .actions button{padding:7px 9px;font-size:12px}.link-image{width:250px}.image-expand{position:relative;width:100%;padding:0;border:1px solid var(--line);border-radius:9px;background:#f8f4fc;display:block;overflow:hidden;aspect-ratio:1200/630}.image-expand img{width:100%;height:100%;object-fit:contain;display:block}.image-expand>span{position:absolute;bottom:5px;right:5px;font-size:10px;color:white;background:#24202fbb;padding:2px 6px;border-radius:4px}.link-image>.image-placeholder{aspect-ratio:1200/630;border-radius:9px}.app .pagination{border-top:1px solid var(--line)}.upload-error{color:#a52244;font-size:12px}.ogp-image-info{font-size:11px;flex-wrap:wrap}.dialog{width:min(96vw,1000px)}.dialog>img{width:100%;max-height:70vh;object-fit:contain}.dialog .ogp-fields{margin-top:24px}.dialog .ogp-editor{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr)}.dialog .x-preview{max-width:430px}.dialog .form-help{font-size:12px;color:#7b7187}.dialog textarea:focus{outline:3px solid #eadffd}
@media(min-width:1800px){.creation-grid{grid-template-columns:minmax(260px,1fr) minmax(550px,1.9fr) 280px}.assistant-silver{height:430px}.link-card{grid-template-columns:minmax(300px,1fr) 100px 220px 290px}.link-image{width:290px}}
@media(max-width:1350px){.creation-grid{grid-template-columns:minmax(230px,1fr) minmax(430px,1.8fr)}.assistant-rail{display:none}.link-card{grid-template-columns:minmax(170px,1fr) 70px 130px 210px;gap:12px}.link-image{width:210px}.app .sidebar{width:180px}.app .workspace{padding:24px 20px}}
@media(max-width:1050px){.creation-grid{grid-template-columns:1fr}.app .ogp-fields{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.ogp-editor{grid-template-columns:1fr 1fr}.link-card{grid-template-columns:1fr 210px}.link-details{grid-column:1;grid-row:1}.link-image{grid-column:2;grid-row:1 / span 3}.link-clicks{grid-column:1;grid-row:2;text-align:left;border:0;padding:0;display:flex;gap:12px;align-items:center}.link-clicks strong{font-size:18px}.link-card .actions{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap}}
@media(max-width:720px){.app .sidebar{width:100%;height:auto;padding:15px 18px}.app .sidebar nav{flex-direction:row}.app .workspace{padding:20px 12px}.app .page-title h1{font-size:25px}.app .create-panel{padding:16px}.creation-grid{gap:18px}.ogp-editor,.dialog .ogp-editor{grid-template-columns:1fr}.preview-column{margin-top:10px}.x-preview{max-width:460px;margin:auto}.app .toolbar{gap:10px}.app .toolbar h2{width:100%}.app .toolbar input{flex:1;max-width:none;width:auto}.link-card{grid-template-columns:1fr;gap:12px}.link-image{grid-column:1;grid-row:4;width:100%;max-width:460px}.link-details{grid-row:1}.link-clicks{grid-row:2}.link-card .actions{grid-row:3}.link-image .image-expand{max-height:245px}.dialog{padding:18px}.app .pagination{font-size:12px;gap:10px;flex-wrap:wrap}.x-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Public homepage */
.public-home{background:#f8f7fc;color:#221934}
.public-home .site-header{height:72px;border-color:#ebe6f3}
.public-home .brand{color:#221934;font-size:20px}
.public-home .brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#5b38a1;color:#fff}
.public-home a{color:#553390}
.public-home .landing{padding-top:40px}
.public-home .hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:36px;text-align:left;padding:clamp(28px,5vw,64px);border:1px solid #e8def5;border-radius:28px;background:linear-gradient(125deg,#f3eaff,#fff2f6)}
.public-home .hero h1{font-size:clamp(30px,4.2vw,56px);letter-spacing:-.045em}
.public-home .hero p{max-width:32em;margin-bottom:0;color:#504660}
.public-home .eyebrow{background:#fff;color:#553390}
.public-home .url-example{display:grid;gap:10px;width:100%;margin:0;padding:22px;border:1px solid #e8def5;border-radius:20px;box-shadow:0 14px 32px #46267812}
.public-home .url-example small{display:block;margin:0 0 6px;color:#564965}
.public-home .url-example code{font-size:clamp(13px,1.4vw,16px)}
.public-home .url-example .short{background:#eee5fb;color:#4d2985}
.public-home .arrow{color:#65459d}
.public-home .about{margin:24px 0 40px;padding:clamp(20px,4vw,36px);border:1px solid #ebe6f3;border-radius:20px;background:#fff}
.public-home .about p{color:#504660;margin:0 0 8px}
.public-home .about p:last-child{margin-bottom:0}
@media(max-width:760px){
  .public-home .landing{padding:20px 16px 0}
  .public-home .hero{grid-template-columns:1fr;gap:22px;padding:24px 18px}
  .public-home .site-header nav{font-size:12px}
}

.app .sidebar nav button {
  background: #fff;
  border-color: #ded3ed;
  color: #3f3054;
}
.app .sidebar nav button.selected {
  background: #633ba6;
  border-color: #633ba6;
  color: #fff;
}

.copy-bubble {
  position: relative;
  padding: 12px 15px;
  border-radius: 14px;
  background: #502887;
  color: #fff;
  overflow-wrap: anywhere;
  box-shadow: 0 5px 16px #38205535;
}
.copy-bubble strong { display: block; font-size: 18px; }
.copy-bubble span { display: block; font-size: 14px; }
.assistant-rail .copy-bubble { position: absolute; top: 0; left: 0; right: 84px; z-index: 4; }
.copy-bubble::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 24px;
  border-block: 7px solid transparent;
  border-left: 8px solid #502887;
}
.copy-float {
  position: fixed;
  z-index: 10;
  right: 16px;
  bottom: max(16px, env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: min(390px, calc(100vw - 32px));
  pointer-events: none;
}
.copy-float img {
  width: 56px;
  height: 56px;
  flex: none;
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
  background: #fceaf3;
}

.mf-home .hero{background:linear-gradient(125deg,#e8f6f3,#f5fbff);border-color:#cae7e1}
.mf-home .brand-mark{background:#23766c}
.mf-home .hero .eyebrow{color:#21685e}
.mf-home .url-example .short{background:#e3f2ee;color:#21685e}
.mm-home .hero{background:linear-gradient(125deg,#fff1e1,#fff6f4);border-color:#f0d9c2}
.mm-home .brand-mark{background:#95602e}
.mm-home .hero .eyebrow{color:#825025}
.mm-home .url-example .short{background:#fff0dc;color:#825025}

.mm-home .hero{grid-template-columns:1fr;text-align:center}
.mm-home .hero p{margin-inline:auto}
.mm-home .url-example{max-width:600px}
.mm-home .about{border-left:4px solid #b67b45}
.mf-home .about{box-shadow:0 4px 16px #23766c08}

/* Workspace colors follow the domain selected for new links. */
.app .domain-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-bottom:22px;padding:16px 20px;border:1px solid #d8c9ef;border-radius:12px;background:#f2eafa;color:#51337b}
.domain-banner strong{font-size:18px}
.domain-banner span{font-size:17px;font-weight:700;overflow-wrap:anywhere}
.app[data-domain="mf-short.com"]{--theme-bg:#000000;--theme-panel:#111111;--theme-input:#080808;--theme-accent:#FFA500;--theme-muted:#c5c5c5;--theme-line:#454545}
.app[data-domain="mm-short.com"]{--theme-bg:#0B1220;--theme-panel:#131f32;--theme-input:#0c1727;--theme-accent:#38BDF8;--theme-muted:#b7c7db;--theme-line:#40516a}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]){background:var(--theme-bg);color:#f5f7fb;--line:var(--theme-line);--muted:var(--theme-muted);--blue:var(--theme-accent);color-scheme:dark}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) .workspace{background:var(--theme-bg)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) :is(.sidebar,.panel,.dialog,.link-card,.x-preview){background:var(--theme-panel);border-color:var(--theme-line);color:#f5f7fb}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) :is(h1,h2,h3,label,.brand,.x-title){color:#f5f7fb}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) :is(.muted,.form-help,.destination,.page-title p,.x-domain,.x-description){color:var(--theme-muted)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) :is(input,textarea,select,.slug-input,.slug-input span){background:var(--theme-input);color:#f5f7fb;border-color:var(--theme-line)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) :is(input,textarea)::placeholder{color:var(--theme-muted)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) :is(input,textarea,select):focus{border-color:var(--theme-accent);outline:2px solid var(--theme-accent);outline-offset:1px}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) :is(a,.short-link,.text-button){color:var(--theme-accent)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) button{background:var(--theme-accent);color:#071018;border-color:var(--theme-accent)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) :is(button.secondary,.sidebar nav button,.text-button){background:var(--theme-panel);color:#f5f7fb;border-color:var(--theme-line)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) .sidebar nav button.selected{background:var(--theme-accent);color:#071018;border-color:var(--theme-accent)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) .domain-banner{background:var(--theme-panel);color:var(--theme-accent);border:2px solid var(--theme-accent)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) .assistant-note{background:var(--theme-input);color:#f5f7fb;border-color:var(--theme-accent)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) .copy-bubble{background:var(--theme-accent);color:#071018}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) .copy-bubble::after{border-left-color:var(--theme-accent)}
.app:is([data-domain="mf-short.com"],[data-domain="mm-short.com"]) button.danger{background:#381a22;color:#ffb9c4;border-color:#a65b6b}