:root{--color-brand: #002f58;--color-gold: #D4AF37;--color-bg: #f6f8fa;--color-surface:#ffffff;--shadow-soft: 0 .375rem 1.125rem rgba(18,24,32,.06);--color-border:#e5e7eb;--color-text: #0f172a;--color-dim:#3f4041;--radius: .5rem;--btn-radius: 62.4375rem}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font:1rem/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--color-text);background:var(--color-bg)}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}.dim-text{color:var(--color-dim)}.danger-text{color:#d11;font-weight:600}.container{width:min(100%,68.75rem);margin-inline:auto;padding-inline:1rem}.site-nav{position:sticky;top:0;z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-nav-inner{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem}.site-logo{display:inline-flex;align-items:center;gap:.5rem}.site-logo img{display:block;width:1.875rem;height:1.875rem;border-radius:var(--radius)}.nav-links{margin-left:auto;display:flex;align-items:center;gap:.875rem}.nav-links a{display:inline-block;padding:.375rem .625rem;border-radius:var(--radius);color:var(--color-dim)}.nav-links a:hover{background:#f1f5f9;text-decoration:none}.nav-links a.router-link-active,.nav-links a[aria-current=page]{color:var(--color-brand);background:#eaf2fb;font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1.25rem;width:min(100%,42.5rem);margin:1.5rem auto}.card-wide{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1.25rem;margin:1.5rem auto;max-width:100%}.card-title{display:flex;align-items:center;border-bottom:1px solid var(--color-text)}button{appearance:none;border:1px solid var(--color-brand);background:var(--color-brand);color:#fff;padding:.5rem .75rem;border-radius:var(--btn-radius);cursor:pointer;box-shadow:0 .625rem 1.375rem #0206172e,inset 0 1px #ffffff14;transition:transform .02s ease,box-shadow .12s ease,border-color .15s ease,opacity .15s ease}button:hover{opacity:.92;box-shadow:0 .75rem 1.5rem #02061733,inset 0 1px #ffffff14}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 .625rem 1.375rem #0206171f,inset 0 1px #ffffff0a}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-danger{background:#d11;border:none}.btn-danger[disabled]{opacity:.6;cursor:not-allowed}.form-actions{display:flex;flex-direction:column;align-items:center;gap:.625rem;margin-top:.5rem}.form-button{display:block;width:50%;margin-inline:auto;padding-inline:1.25rem}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;padding:1rem;z-index:50}.modal{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);width:min(100%,32.5rem);padding:1rem}.modal-actions{margin-top:.75rem;display:flex;justify-content:flex-end;gap:.5rem}.warning-box{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);padding:.5rem;margin:1rem 0}.instruction-box{background:#fff9e1;opacity:.8;color:#893c0c;border:1px solid #fde68a;border-radius:var(--radius);padding:.5rem;margin:1rem 0}.secret-box{display:inline-block;width:fit-content;max-width:100%;white-space:normal;word-break:break-all;padding:.25rem .375rem;border:1px dashed #e5e7eb;border-radius:var(--radius);background:#f6f8fa}form{display:flex;flex-direction:column;gap:.75rem}input,select,textarea{width:100%;border:1px solid var(--color-border);background:var(--color-surface);padding:.625rem .75rem;border-radius:var(--radius);outline:none}input:focus,select:focus,textarea:focus,button:focus{box-shadow:0 0 0 2px #d4af3740;border-color:var(--color-gold)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #d4af3747,0 10px 22px #0206172e,inset 0 1px #ffffff14}.page{padding:1.5rem 1rem}.page .section{background:var(--color-surface);border:1px solid #edf2f7;border-radius:var(--radius);padding:1rem}@media(min-width:768px){.container{padding-inline:1.5rem}.card{width:min(88vw,45rem);padding:1.5rem}.card-wide{padding:1.5rem}.page{padding:2rem 1.5rem}}@media(min-width:1024px){.container{padding-inline:2rem}.card{width:100%;max-width:30rem}.page{padding:2.5rem 2rem}}@media(max-width:767px){.container{padding-inline:.75rem}.card,.card-wide{width:calc(100% - 1.5rem);margin:1rem auto;padding:1rem}.modal{width:min(100%,calc(100vw - 1.5rem));padding:.875rem}.form-button{width:100%}.page{padding:1rem .75rem}}@media(max-width:479px){.container{padding-inline:.5rem}.card,.card-wide{width:calc(100% - 1rem);margin:.75rem auto;padding:.875rem}.modal-backdrop{padding:.5rem}.modal{width:min(100%,calc(100vw - 1rem));padding:.75rem}.form-actions{gap:.5rem}.page{padding:.875rem .5rem}}