:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#222;background:#fcfcfd;font-synthesis:none;--blue:#365fd2;--muted:#888;--soft:#f5f5f7}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.65}.page{max-width:820px;margin:auto;padding:32px 24px max(32px,env(safe-area-inset-bottom))}.brand{display:flex;gap:12px;align-items:center}.brand img{border-radius:12px}.brand-name{font-size:23px;font-weight:750;letter-spacing:.02em}.brand p{margin:0;color:#888;font-size:11px;line-height:1.6}.brand .local{margin-left:auto}.badge{display:inline-flex;white-space:nowrap;align-items:center;background:#f0f2f7;color:#747b88;border-radius:99px;padding:4px 10px;font-size:11px}.local{background:#eef5f0;color:#60806b}.intro{padding:40px 0 24px}.eyebrow{color:var(--blue);font-size:12px;font-weight:650;letter-spacing:.06em;margin:0}h1{font-size:34px;line-height:1.3;margin:10px 0}h2{font-size:16px;margin:0}.intro>p:last-child{color:#888;font-size:13px;margin:0}.surface{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a}input,select,textarea,button,.button{font:inherit}input,select,textarea{font-size:16px;border:1px solid transparent;background:var(--soft);color:#444;border-radius:9px;padding:11px 12px;max-width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #bbc9f3;outline-offset:1px}button,.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .18s ease,transform .18s ease}button:focus-visible,.button:focus-visible,summary:focus-visible{outline:3px solid #b7c6f3;outline-offset:3px}.primary{background:#222;color:#fff}.primary:hover{background:#3c3c41}.secondary{background:#f0f0f3;color:#555}.secondary:hover{background:#e6e6ed}[disabled],[aria-disabled=true]{opacity:.45;cursor:default}.project-row{display:flex;align-items:center;gap:12px}.project-row label{font-size:12px;color:#888;white-space:nowrap}select{flex:1;min-height:44px}.project-form{display:flex;gap:10px;margin-top:12px}.project-form input{flex:1}.exports{display:flex;gap:10px;margin-top:20px}.exports .primary{flex:1}.notice{padding:14px 2px;font-size:13px;color:#77818b;min-height:50px}.notice.error{color:#a7444d}.notice.success{color:#4d7e62}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.section-heading>span{color:#aaa;font-size:11px}.clips{display:grid;gap:14px}.clip{background:#f9f9fb;border-radius:12px;padding:22px 24px;overflow-wrap:anywhere}.clip-top{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.clip-number{font-size:12px;color:#333;font-weight:750;letter-spacing:.04em}.clip-title{font-size:14px;font-weight:650;color:#222;text-decoration:none}.clip-title:hover{color:var(--blue)}.clip-body{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;color:#444;font-size:14px;line-height:1.8;margin:0}.clip-meta{margin-top:18px;font-size:11px;color:#888}.clip-meta a{color:#6e8fa8;text-decoration:none}.clip-meta time{display:block;margin-top:3px}.empty{color:#999;text-align:center;font-size:13px;padding:28px;background:#f9f9fb;border-radius:12px}.pending{margin-bottom:20px}.pending textarea{width:100%;margin:12px 0}.actions{display:flex;gap:10px}.setup{margin-top:30px}summary{font-size:14px;font-weight:650;cursor:pointer}.setup-body{padding-top:10px}.setup p,.setup ol{font-size:13px;color:#72727b}.setup ol{padding-left:22px}.setup li{margin-bottom:10px}.setup textarea{display:block;width:100%;font:11px/1.6 ui-monospace,monospace;resize:vertical;margin-top:8px}.small{font-size:11px!important;color:#92929a!important;overflow-wrap:anywhere}.small a{color:#6e8fa8}.mobile-break{display:none}footer{font-size:11px;color:#999;text-align:center;margin-top:26px}footer p{margin:6px 0}[hidden]{display:none!important}
@media(max-width:520px){.page{padding:24px 16px 36px}.brand{gap:10px}.brand-name{font-size:21px}.brand p{font-size:9px}.brand .local{font-size:9px;padding:4px 7px}.mobile-break{display:block}.intro{padding-top:32px}h1{font-size:29px}.surface{padding:16px}.project-row{gap:8px}.project-row label{font-size:11px}.badge{padding:4px 8px;font-size:10px}.exports{gap:8px}.exports .button{font-size:12px;padding:11px 10px;gap:8px}.clip{padding:18px}.clip-title{font-size:13px}.clip-body{font-size:14px}.setup ol{font-size:12px}}

.setup h3{font-size:13px;margin:20px 0 8px}.troubleshooting{margin-top:14px;padding:12px;background:#f9f9fb;border-radius:9px}.troubleshooting summary{font-size:12px}.troubleshooting ul{font-size:12px;color:#72727b;padding-left:20px}.troubleshooting li{margin-bottom:8px}