.sode-body{margin:0;background:#000;color:#f4f1e9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}#sode-app{background:#000;color:#f4f1e9;font:15px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}#sode-app *{box-sizing:border-box}#sode-app .sode-header{max-width:1060px;margin:auto;padding:28px 36px;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:20px}#sode-app .sode-logo{font-size:38px;font-weight:800;letter-spacing:.15em;text-decoration:none;color:#fff}#sode-app .sode-header span{font-size:11px;letter-spacing:.18em;color:#aaa}#sode-app .sode-main{max-width:780px;margin:auto;padding:58px 32px 90px}#sode-app .sode-kicker{font-size:11px;letter-spacing:.25em;color:#c1bb92;margin:0 0 14px}#sode-app h1{color:#fff;font-size:clamp(28px,5vw,44px);letter-spacing:.04em;line-height:1.4;margin:0 0 20px}#sode-app h2{color:#f4f1e9;font-size:20px;line-height:1.5;margin:0 0 20px}#sode-app h3{color:#fff;font-size:16px;margin:0 0 12px}#sode-app .sode-lead{color:#aaa;margin-bottom:40px}#sode-app .sode-card{border:1px solid #333;padding:28px;margin:24px 0;background:#080808;border-radius:3px}#sode-app p{overflow-wrap:anywhere}#sode-app .sode-field{display:block;margin:20px 0}#sode-app .sode-field>span{display:block;font-size:13px;margin-bottom:9px}#sode-app input:not([type=checkbox]),#sode-app textarea,#sode-app select{width:100%;background:#111;color:#fff;border:1px solid #555;border-radius:2px;padding:12px 14px;font:inherit}#sode-app textarea{resize:vertical;min-height:130px}#sode-app button,#sode-app .sode-link-button{display:inline-block;background:#f1eee4;color:#111;border:1px solid #f1eee4;border-radius:2px;padding:11px 18px;font:inherit;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer;margin:10px 10px 6px 0;text-decoration:none;min-height:44px}#sode-app button:disabled{opacity:.45;cursor:wait}#sode-app a{color:#dfdab5;text-underline-offset:4px}#sode-app .sode-link-button{color:#111}#sode-app .sode-subtle{display:inline-block;font-size:13px;margin:10px 16px 10px 0}#sode-app .sode-consent{display:flex;gap:12px;font-size:12px;color:#bbb;margin:22px 0}#sode-app input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#d4cfa8}#sode-app .sode-muted,#sode-app small,#sode-app time{font-size:12px;color:#aaa}#sode-app .sode-notice{padding:18px 20px;border:1px solid #99966e;background:#1c1d12;margin:20px 0;white-space:pre-wrap}#sode-app .sode-notice.error{border-color:#d99999;background:#241414}#sode-app .sode-product,#sode-app .sode-letter{padding:24px 0;border-bottom:1px solid #333}#sode-app .sode-product:last-child,#sode-app .sode-letter:last-child{border-bottom:0}#sode-app .sode-message{white-space:pre-wrap;font-size:17px;line-height:2;overflow-wrap:anywhere}#sode-app .sode-code{font:13px/1.8 monospace;word-break:break-all}#sode-app button.sode-quiet{background:transparent;color:#ccc;border-color:#555;font-size:12px}#sode-app .sode-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#sode-app :focus-visible{outline:3px solid #d4cfa8;outline-offset:4px}#sode-app .sode-challenge{margin:18px 0}#sode-app [hidden]{display:none}@media(max-width:540px){#sode-app .sode-header{padding:20px}#sode-app .sode-main{padding:38px 18px 64px}#sode-app .sode-card{padding:20px 16px}#sode-app .sode-header span{font-size:9px}#sode-app .sode-logo{font-size:30px}}

#sode-app .sode-footer{max-width:780px;margin:auto;padding:0 32px 32px}@media(max-width:540px){#sode-app .sode-footer{padding:0 18px 24px}}

#sode-app .sode-logo{display:block;position:relative;overflow:hidden;width:220px;max-width:55%;aspect-ratio:2/1;background:#000;flex-shrink:0}#sode-app .sode-logo img{position:absolute;display:block;width:100%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-50%)}

#sode-app button.sode-danger{background:transparent;color:#ffb4b4;border-color:#b76565}
#sode-app .sode-header{justify-content:center;padding:20px 24px}#sode-app .sode-identity{display:flex;flex-direction:column;align-items:center;gap:4px}#sode-app .sode-identity .sode-logo{width:190px;max-width:100%}#sode-app .sode-header .sode-motto{font-size:10px;letter-spacing:.08em;color:#999;font-weight:400}#sode-app .sode-kicker{color:#89b89d}#sode-app .sode-main{padding-top:30px}#sode-app .sode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:sticky;top:8px;z-index:5;background:#000;padding:8px 0;border-bottom:1px solid #333}#sode-app .sode-tabs button{margin:0;padding:12px 4px;background:#080808;border-color:#333;color:#aaa;font-size:13px}#sode-app .sode-tabs button[aria-selected=true]{color:#9bceb0;border-color:#89b89d;background:#102018}#sode-app .sode-fold{border-bottom:1px solid #333;padding:0 0 14px;margin:14px 0}#sode-app .sode-fold>summary{cursor:pointer;list-style:none;position:relative;padding:12px 28px 12px 0}#sode-app .sode-fold>summary::-webkit-details-marker{display:none}#sode-app .sode-fold>summary:after{content:'＋';position:absolute;right:0;top:10px;color:#89b89d}#sode-app .sode-fold[open]>summary:after{content:'−'}#sode-app .sode-fold>summary h3{margin:0 0 4px}#sode-app .sode-preview{margin:6px 0 0;color:#aaa;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sode-app .sode-paging{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:16px;font-size:12px;color:#aaa}#sode-app .sode-paging button{margin:0}#sode-app .sode-card{margin-top:18px}#sode-app .sode-deletion{padding:14px 0;border-bottom:1px solid #333}#sode-app .sode-deletion p{margin:4px 0}#sode-app .sode-admin .sode-tabs{top:40px}@media(max-width:540px){#sode-app .sode-tabs button{font-size:11px}#sode-app .sode-main{padding-top:24px}#sode-app .sode-card{padding:18px 14px}}

/* Customer brand accents: green identity, muted red interactions. */
#sode-app[data-view=customer]{--sode-accent:#d78279;--sode-accent-bg:#281514}#sode-app[data-view=customer] a:not(.sode-logo):not(.sode-link-button):not(.sode-subtle){color:var(--sode-accent)}#sode-app[data-view=customer] .sode-footer .sode-subtle{color:#89b89d}#sode-app[data-view=customer] .sode-tabs button[aria-selected=true]{color:#9bceb0;border-color:#89b89d;background:#102018}#sode-app[data-view=customer] .sode-fold>summary:after{color:#89b89d}#sode-app[data-view=customer] input[type=checkbox]{accent-color:var(--sode-accent)}#sode-app[data-view=customer] :focus-visible{outline-color:var(--sode-accent)}