:root{--color-bg:#f4efe6;--color-surface:#fffaf2;--color-border:#d9d0c4;--color-text:#1f2524;--color-muted:#5d665f;--color-primary:#f56b31;--color-primary-hover:#d45723;--color-accent:#2f6a54;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 20%,#ffe6cf 0,#ffe6cf00 35%),radial-gradient(circle at 80% 0,#d4f3de 0,#d4f3de00 30%),var(--color-bg);color:var(--color-text);font-family:Segoe UI,SF Pro Text,Helvetica Neue,sans-serif;margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.container{margin-inline:auto;width:min(1120px,100% - 2rem)}.site-shell{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1;padding-block:2rem 3rem}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-surface) 90%,#fff 10%);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.app-header__inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:72px}.app-header__logo{align-items:center;display:inline-flex;font-weight:700;gap:.55rem;letter-spacing:.03em}.app-header__logo-icon{border-radius:var(--radius-sm);flex:0 0 auto;height:2rem;width:2rem}.app-header__nav{color:var(--color-muted);display:flex;gap:1rem}.app-header__nav .router-link-active{color:var(--color-text);font-weight:600}.app-footer{background:color-mix(in srgb,var(--color-surface) 84%,#fff 16%);border-top:1px solid var(--color-border)}.app-footer__inner{align-items:center;color:var(--color-muted);display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:space-between;min-height:84px}.base-field{display:grid;gap:.45rem}.base-field__label{color:var(--color-muted);font-size:.9rem}.base-input{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:inherit;min-height:44px;padding:0 .9rem;width:100%}.base-input:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,#fff 45%);outline-offset:2px}.base-button{border:0;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;min-height:44px;padding:0 1rem}.base-button--primary{background:var(--color-primary);color:#fff}.base-button--primary:hover{background:var(--color-primary-hover)}.base-button--ghost{background:transparent;color:var(--color-text)}.base-button--ghost,.section-card{border:1px solid var(--color-border)}.section-card{background:color-mix(in srgb,var(--color-surface) 90%,#fff 10%);border-radius:var(--radius-lg)}@media(max-width:680px){.site-main{padding-block:1rem 2rem}}@media(max-width:860px){.container{width:min(1120px,100% - 1.25rem)}.app-header__inner{flex-wrap:wrap;min-height:auto;padding-block:.68rem .62rem;row-gap:.55rem}.app-header__nav{border-top:1px solid var(--color-border);gap:.4rem;justify-content:space-between;padding-top:.5rem;width:100%}.app-header__nav a{border:1px solid var(--color-border);border-radius:999px;line-height:1.15;padding:.34rem .54rem;white-space:nowrap}.app-footer__inner{min-height:auto;padding-block:.72rem}}@media(max-width:680px){.container{width:min(1120px,100% - 1rem)}.app-header__logo{font-size:.95rem}.app-header__logo-icon{height:1.75rem;width:1.75rem}.app-header__nav{justify-content:flex-start;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:thin}.app-footer__inner{align-items:flex-start;flex-direction:column;gap:.45rem}}@media(max-width:520px){.app-header__nav a{font-size:.85rem;padding:.32rem .48rem}.app-footer__inner{font-size:.86rem}}