:root{--ink:#4a3b52;--ink-soft:#8a7d96;--ink-faint:#b3a8bd;--cream:#fff9f6;--paper:#ffffff;--line:#f0e6ec;--blue:#5ba8f5;--blue-soft:#edf5fe;--blue-deep:#3d87d6;--red:#ea4c89;--red-soft:#fdeff5;--red-deep:#d13570;--purple:#8e7be5;--purple-soft:#f2effd;--mint:#33b79b;--mint-soft:#e8f8f3;--lemon:#f5c84b;--lemon-soft:#fff6dc;--rank-s:#cfa227;--rank-s-soft:#fbf1d4;--rank-a:#d13570;--rank-a-soft:#fdeff5;--rank-b:#3d87d6;--rank-b-soft:#edf5fe;--rank-c:#239a81;--rank-c-soft:#e8f8f3;--rank-d:#8a7d96;--rank-d-soft:#f1eef3;--r-lg:20px;--r-md:16px;--r-sm:12px;--shadow:0 6px 22px rgba(142,98,141,0.1);--shadow-sm:0 3px 12px rgba(142,98,141,0.08);--page-max:480px;--header-h:60px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--blue-soft) 0,var(--cream) 22%);line-height:1.75;-webkit-font-smoothing:antialiased;min-height:100vh}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:var(--blue-deep);text-decoration:none}button{font-family:inherit}.page{max-width:var(--page-max);margin:0 auto;padding:16px 16px 96px;min-height:100vh;position:relative}.page-wide-bg{min-height:100vh;background:linear-gradient(180deg,var(--blue-soft) 0,var(--cream) 22%)}.demo-banner{max-width:var(--page-max);margin:0 auto;background:var(--lemon-soft);color:#8a6d1f;text-align:center;padding:7px 12px;letter-spacing:.02em}.demo-banner,.info-banner{font-size:12px;font-weight:700}.info-banner{background:var(--blue-soft);color:var(--blue-deep);padding:10px 14px;border-radius:var(--r-sm);margin-bottom:14px;line-height:1.7}.app-header{max-width:var(--page-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 10px}.app-logo{display:flex;flex-direction:column;line-height:1.3;flex:0 0 auto;white-space:nowrap}.app-logo .brand{font-size:13px;font-weight:800;color:var(--blue-deep);letter-spacing:.02em;white-space:nowrap}.app-logo .sub{font-size:10.5px;font-weight:700;color:var(--ink-soft);letter-spacing:.04em;white-space:nowrap}.app-nav{display:flex;gap:4px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;flex:1 1 auto;min-width:0}.app-nav::-webkit-scrollbar{display:none}.app-account{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin:0}.app-account-label{font-size:10.5px;max-width:96px;overflow:hidden;text-overflow:ellipsis}.app-account-label,.app-account-logout{color:var(--ink-soft);white-space:nowrap}.app-account-logout{font-family:inherit;font-size:11px;font-weight:700;background:transparent;border:1.5px solid var(--line);border-radius:999px;padding:5px 10px;cursor:pointer}.app-account-logout:hover{background:var(--blue-soft);color:var(--blue-deep)}.app-nav a{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--ink-soft);padding:7px 10px;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}.app-nav a.active{background:var(--blue-soft);color:var(--blue-deep)}.card{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px 18px;margin-bottom:14px}.card-title{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:10px;display:flex;align-items:center;gap:6px}.card-sub{font-size:12.5px;color:var(--ink-soft);margin-top:4px;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;font-weight:800;font-size:15px;border:none;border-radius:999px;padding:14px 20px;cursor:pointer;transition:transform .13s,box-shadow .13s,opacity .15s;font-family:inherit}.btn:active{transform:scale(.98)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 8px 20px rgba(234,76,137,.28)}.btn-primary:hover{background:var(--red-deep)}.btn-secondary{background:var(--blue-soft);color:var(--blue-deep);box-shadow:none}.btn-secondary:hover{background:#dff0ff}.btn-ghost{background:transparent;color:var(--ink-soft);box-shadow:none;border:1.5px solid var(--line)}.btn-danger{background:var(--paper);color:#c94141;border:1.5px solid #f3d3d3;box-shadow:none}.btn-sm{padding:9px 16px;font-size:13px;width:auto}.btn[disabled]{opacity:.55;cursor:default;transform:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:26px;font-weight:800;font-family:inherit;flex-shrink:0}.rank-badge.size-sm{width:36px;height:36px;font-size:16px}.rank-S{background:var(--rank-s-soft);color:var(--rank-s)}.rank-A{background:var(--rank-a-soft);color:var(--rank-a)}.rank-B{background:var(--rank-b-soft);color:var(--rank-b)}.rank-C{background:var(--rank-c-soft);color:var(--rank-c)}.rank-D{background:var(--rank-d-soft);color:var(--rank-d)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;border-radius:999px;padding:6px 13px;white-space:nowrap}.chip-blue{background:var(--blue-soft);color:var(--blue-deep)}.chip-red{background:var(--red-soft);color:var(--red-deep)}.chip-mint{background:var(--mint-soft);color:#1f8571}.chip-lemon{background:var(--lemon-soft);color:#8a6d1f}.chip-gray{background:var(--rank-d-soft);color:var(--ink-soft)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-red{background:var(--red)}.dot-lemon{background:var(--lemon)}.dot-gray{background:var(--ink-faint)}.stat-big{font-size:34px;font-weight:800;color:var(--ink);line-height:1.2}.stat-label{font-size:12px;font-weight:700;color:var(--ink-soft);margin-bottom:4px}.stat-row{display:flex;gap:10px}.stat-cell{flex:1 1;background:var(--blue-soft);border-radius:var(--r-md);padding:12px 14px}.stat-cell.alt{background:var(--red-soft)}.progress-track{height:12px;background:var(--line);border-radius:999px;overflow:hidden;margin:10px 0 6px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-deep));border-radius:999px;transition:width .6s cubic-bezier(.3,1,.4,1);min-width:8px}.progress-note{font-size:12px;font-weight:700;color:var(--ink-soft);display:flex;justify-content:space-between}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:6px}.field input[type=email],.field input[type=number],.field input[type=text],.field select,.field textarea{width:100%;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;background:var(--paper)}.field textarea{resize:vertical;font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.field-help{font-size:11.5px;color:var(--ink-soft);margin-top:5px}.intent-options{display:flex;flex-direction:column;gap:10px}.intent-option{display:flex;align-items:flex-start;gap:12px;border:2px solid var(--line);border-radius:var(--r-md);padding:14px;cursor:pointer;background:var(--paper);text-align:left;transition:border-color .15s,background .15s}.intent-option.selected{border-color:var(--blue);background:var(--blue-soft)}.intent-option .emoji{font-size:22px;line-height:1}.intent-option .label{font-size:14.5px;font-weight:800;color:var(--ink)}.intent-option .desc{font-size:12px;color:var(--ink-soft);margin-top:3px;line-height:1.7}.reco-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.reco-item:last-child{border-bottom:none}.reco-num{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:var(--mint-soft);color:#1f8571;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.reco-body .reco-title{font-size:13.5px;font-weight:800;color:var(--ink)}.reco-body .reco-comment{font-size:12px;color:var(--ink-soft);margin-top:3px;line-height:1.75}.cat-list{display:flex;flex-direction:column;gap:8px}.cat-row{display:flex;align-items:center;gap:10px}.cat-row .cat-name{flex:0 0 108px;font-size:11.5px;font-weight:700;color:var(--ink-soft)}.cat-row .cat-bar-track{flex:1 1;height:9px;background:var(--line);border-radius:999px;overflow:hidden}.cat-row .cat-bar{height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:999px}.cat-row .cat-score{flex:0 0 30px;text-align:right;font-size:12px;font-weight:800;color:var(--ink)}.growth-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.growth-item:last-child{border-bottom:none}.growth-item .name{font-size:13px;font-weight:700;color:var(--ink)}.growth-item .delta{font-size:13px;font-weight:800;color:var(--mint)}.growth-item .delta.flat{color:var(--ink-faint)}.login-hero{text-align:center;padding:48px 12px 24px}.login-mark{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple));display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:var(--shadow)}.login-title{font-size:20px;font-weight:800;color:var(--ink);line-height:1.6}.login-sub{font-size:13px;color:var(--ink-soft);margin-top:10px;line-height:1.9}.catalog-card{display:flex;gap:14px;align-items:flex-start}.catalog-meta{flex:1 1}.catalog-meta .name{font-size:15px;font-weight:800;color:var(--ink)}.catalog-meta .meta-line{font-size:12px;color:var(--ink-soft);margin-top:4px}.catalog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dialog-overlay{position:fixed;inset:0;background:rgba(74,59,82,.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.dialog-box{background:var(--paper);border-radius:var(--r-lg);padding:24px 20px;max-width:360px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.18)}.dialog-box h3{font-size:16px;font-weight:800;margin-bottom:8px}.dialog-box p{font-size:13px;color:var(--ink-soft);line-height:1.8;margin-bottom:18px}.dialog-actions{display:flex;gap:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:13px;font-weight:700;padding:12px 20px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.2);z-index:60;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-center{text-align:center}.muted{color:var(--ink-soft)}.small{font-size:12px}@media (min-width:481px){body{background:var(--blue-soft)}.page{background:var(--cream);box-shadow:0 0 60px rgba(142,98,141,.08)}}