:root{color:#20372b;background:#f6f5ef;font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,sans-serif;font-size:18px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}a{color:inherit;text-decoration:none}h1,h2,p{overflow-wrap:anywhere}h2{margin:0 0 12px;font-size:22px;line-height:1.4}p{margin:12px 0}fieldset{border:0;min-width:0;margin:0;padding:0}:focus-visible{outline-offset:4px;outline:3px solid #b66c26}.site-header{background:#fffefa;border-bottom:1px solid #d9ddd2;gap:28px;min-height:80px;padding:12px max(24px,50% - 550px)}.brand,.site-header{align-items:center;display:flex}.brand{white-space:nowrap;gap:10px;font-size:20px;font-weight:700}.brand-mark{color:#fff;background:#27513a;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.desktop-nav{flex:1;gap:8px;display:flex}.nav-link{border-radius:10px;align-items:center;min-height:50px;padding:10px 16px;font-weight:650;display:flex}.nav-link.active,.nav-link:hover{background:#e6eddf}.logout-button{white-space:nowrap;margin-left:auto}.main-content{min-height:calc(100vh - 80px)}.page-wrap{width:100%;max-width:900px;margin:auto;padding:40px 28px 72px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.page-header h1{margin:0;font-size:32px;line-height:1.3}.page-header p{color:#526151;margin:10px 0 0;font-size:17px}.header-actions{flex-shrink:0}.button,.text-button{color:#244831;text-align:center;background:#ebf0e5;border:1px solid #d3ddce;border-radius:10px;justify-content:center;align-items:center;min-width:48px;min-height:50px;padding:11px 18px;font-size:18px;font-weight:650;line-height:1.5;display:inline-flex}.button.primary{color:#fff;background:#28543b;border-color:#28543b}.button.primary:hover{background:#1c402b}.button.ghost,.text-button{background:0 0;border-color:#0000}.text-button{text-underline-offset:5px;padding-left:0;padding-right:0;text-decoration:underline}.full{width:100%}.guidance{color:#3f5442;background:#edf1e7;border-radius:12px;margin:0 0 24px;padding:20px 22px;font-size:17px}.guidance h2{font-size:20px}.guidance p{margin:8px 0}.guidance .text-button{font-size:17px}p.guidance{margin:16px 0;padding:14px 16px}.card-list{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.form-card,.item-card,.panel{background:#fffefa;border:1px solid #d9ddd2;border-radius:16px;padding:26px}.card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-top h2{min-width:0;margin:0;font-size:24px}.badge{background:#eceee6;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:16px;font-weight:650;display:inline-flex}.badge.active{color:#255238;background:#e4efdf}.badge.disabled{color:#874024;background:#f8e8dd}.license-facts{color:#4d5e50;margin:16px 0;font-size:17px}.license-facts p{margin:8px 0}.card-help{color:#714c28;border-left:3px solid #b88a4d;padding-left:12px}.code-line{background:#f1f2e9;border-radius:10px;gap:4px;margin:16px 0 12px;padding:16px;display:grid}.code-line code{overflow-wrap:anywhere;white-space:pre-wrap;-webkit-user-select:all;user-select:all;font-size:24px;line-height:1.6}.code-line .field-help{margin:0}.card-actions{border-top:1px solid #e1e3d8;flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:18px;display:flex}.card-actions .button{flex:1}.secondary-actions{margin-top:18px}.secondary-actions p{margin:0}.field-help{color:#526151;margin:10px 0 18px;font-size:17px;line-height:1.65}.copy-feedback{color:#28543b;margin:12px 0;font-size:17px}.notice{border-radius:10px;margin:20px 0;padding:16px 20px;font-size:18px}.notice.success{color:#244c30;background:#e3f0df;border:1px solid #a4bf9c}.state-view{text-align:center;color:#526151;padding:48px 20px}.form-error,.state-view.error{color:#9b3129}.form-error{font-size:17px;font-weight:600}.dialog{width:min(560px,100% - 24px);max-height:calc(100dvh - 24px);padding:28px;overflow:auto}dialog.dialog{color:inherit;background:#fffefa;border:0;border-radius:16px;margin:auto;box-shadow:0 20px 70px #18201933}dialog.dialog::backdrop{background:#18201988}.dialog h2{padding-right:36px;font-size:24px}.dialog>p{color:#526151;font-size:17px}.dialog-close{float:right;background:0 0;border:0;width:48px;height:48px;margin:-8px -8px 0 8px;font-size:30px;line-height:1}.dialog label,.form-card label,.login-card label,.share-link{margin:20px 0;font-size:18px;font-weight:600;display:block}input:not([type=checkbox]):not([type=radio]){color:#20372b;background:#fff;border:1.5px solid #a9b7a5;border-radius:9px;width:100%;min-width:0;min-height:52px;margin-top:8px;padding:11px 12px;font-size:18px;display:block}.check{align-items:center;gap:12px;min-height:48px;display:flex!important}input[type=checkbox],input[type=radio]{accent-color:#28543b;flex-shrink:0;width:24px;height:24px;margin:0}.expiry-options{border:1px solid #d9ddd2;border-radius:10px;margin-top:24px;padding:18px}.expiry-options legend{padding:0 5px;font-size:19px;font-weight:650}.expiry-options .check{margin:8px 0}.expiry-options .field-help{margin:4px 0 12px}.dialog-actions{padding-bottom:env(safe-area-inset-bottom);flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.dialog-actions .button{flex:1}.form-card{max-width:650px}.steps{gap:24px;margin:24px 0;padding-left:28px;display:grid}.steps li{padding-left:8px}.steps span,.steps strong{display:block}.steps strong{font-size:20px}.steps span{color:#526151;font-size:18px}.download-button{width:100%}.panel+.panel{margin-top:24px}.share-link input{font-size:16px!important}.login-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:#fffefa;border:1px solid #d9ddd2;border-radius:18px;width:min(100%,500px);padding:32px}.login-brand{margin-bottom:28px}.login-card h1{margin:0;font-size:30px}.mobile-nav{display:none}@media (width<=768px){.site-header{gap:12px;min-height:68px;padding:10px 16px}.brand{gap:8px;font-size:18px}.desktop-nav{display:none}.logout-button{padding:10px 4px;font-size:16px}.main-content{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.page-wrap{padding:28px 16px 40px}.page-header{flex-direction:column;gap:18px}.page-header h1{font-size:30px}.header-actions,.header-actions .button{width:100%}.header-actions:empty{display:none}.guidance{padding:18px}.form-card,.item-card,.panel{padding:20px}.card-top{flex-wrap:wrap;gap:10px}.card-actions .button{flex-basis:100%}.mobile-nav{z-index:10;min-height:76px;padding:4px env(safe-area-inset-right) calc(4px + env(safe-area-inset-bottom)) env(safe-area-inset-left);background:#fffefa;border-top:1px solid #cbd5c6;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{text-align:center;justify-content:center;align-items:center;min-height:64px;padding:8px 2px;font-size:17px;font-weight:650;display:flex}.mobile-nav a.active{color:#203f2b;background:#e6eddf}.dialog{padding:22px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.login-card{padding:24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}}
