:root{font:14px/1.65 Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#26352c;background:#f6f8f5;font-synthesis:none;--green:#274e39;--muted:#74816f;--line:#e1e7df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #668c4c;outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.skip{position:fixed;top:-60px;left:16px;background:var(--green);color:#fff;padding:12px 18px;z-index:10}.skip:focus{top:12px}.space{max-width:1240px;margin:auto;padding:0 54px}.header{height:100px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:55px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:650;letter-spacing:.3px;flex-shrink:0}.brand img{width:36px;height:36px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;color:#84917e;margin-top:-2px}.header nav{display:flex;gap:28px;font-size:12px;color:var(--muted)}.header nav a:hover,.header nav .active{color:var(--green)}.header-action{margin-left:auto;display:flex;gap:12px;align-items:center;background:var(--green);color:#f0f7ec;padding:9px 14px;border-radius:8px;font-size:11px}.header-action:hover{background:#366649}.hero{padding:70px 5px 65px;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.eyebrow{display:block;font-size:9px;letter-spacing:2.2px;font-weight:600;color:#879679;margin-bottom:19px}.hero h1{font-size:43px;letter-spacing:-1.8px;font-weight:600;line-height:1.35;margin-bottom:23px}.hero h1 span{color:#668258}.hero p{font-size:12px;color:#7e8b78;max-width:400px;line-height:1.9}.hero-note{font-size:10px;color:#77896c;display:flex;align-items:center;gap:7px;margin-top:27px}.hero-note i,.meta-dot{width:5px;height:5px;background:#8daa69;border-radius:50%;display:inline-block;flex-shrink:0}.hero-art{position:relative;min-height:260px;display:grid;place-items:center}.orbit{position:absolute;width:235px;height:235px;border:1px solid #e0e8d8;border-radius:50%;transform:rotate(-23deg)}.orbit-b{width:300px;height:190px;transform:rotate(30deg)}.tile{position:absolute;display:grid;place-items:center;border:1px solid #dbe6cf;box-shadow:0 15px 30px #4a69330a;border-radius:23px}.tile-main{width:124px;height:124px;color:#6f8556;background:#e3eed5;transform:rotate(-11deg)}.tile-note{width:67px;height:67px;font-size:34px;background:#f5ebd4;color:#b79b67;transform:translate(-110px,55px) rotate(-15deg);border-color:#ecdfc2}.tile-star{width:69px;height:69px;font-size:45px;background:#f4f0e8;color:#a9a28d;transform:translate(110px,-45px) rotate(16deg);border-color:#e8e4d9}.art-caption{position:absolute;bottom:-12px;font-size:8px;letter-spacing:2.7px;color:#9ba98f}.catalog{padding:20px 0 45px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.catalog-heading .eyebrow{font-size:8px;margin-bottom:8px}.catalog-heading h2{font-size:21px;font-weight:600;letter-spacing:-.5px}.catalog-heading h2 small{font-size:10px;display:inline-block;margin-left:8px;background:#e8eee4;padding:1px 7px;border-radius:5px;color:#78876c;vertical-align:middle}.search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #dbe2d6;border-radius:9px;padding:0 12px;color:#8c9984;background:#fcfdfa;width:230px}.search-wrap:focus-within{border-color:#749566}.search-wrap input{width:100%;min-width:0;background:transparent;border:0;padding:12px 0;color:#31412e;font-size:11px;outline:none}.search-wrap input::placeholder{color:#8b9587}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.app-card{border:1px solid #e0e6db;background:#fff;border-radius:13px;padding:24px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.app-card:hover{border-color:#bcccb0;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}.app-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.icon-radar{color:#7e8a66;background:#edf1e5}.icon-story{color:#bc9c69;background:#f6f0e1}.badge{font-size:9px;color:#72875e;background:#f1f5eb;border:1px solid #e4ebda;padding:4px 7px;border-radius:5px;white-space:nowrap}.app-card h3{font-size:17px;font-weight:600;margin-bottom:9px}.app-card h3 a:hover{color:var(--green)}.description{font-size:11px;color:#7b8877;line-height:1.9;flex:1;margin-bottom:20px}.card-meta{font-size:9px;display:flex;align-items:center;gap:6px;color:#89967d;margin-bottom:19px}.meta-dot{width:4px;height:4px}.meta-dot.warm{background:#b89d6e}.app-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;border-top:1px solid #edf0e9;font-size:10px}.app-card footer>span{font-size:8px;letter-spacing:1px;color:#9aa58f}.app-card footer a{color:#587444;font-weight:500;display:flex;align-items:center;gap:8px}.app-card footer a:hover{color:#274e39}.empty{text-align:center;border:1px dashed #d9e2d1;border-radius:12px;padding:38px 20px;color:#76856d}.empty>div{font-size:36px}.empty h3{font-size:16px;margin-bottom:8px}.empty p{font-size:12px}.empty button{border:0;background:#e8efdf;color:#466237;padding:10px 16px;border-radius:7px;margin-top:18px;font-size:12px}.search-status{font-size:11px;color:#7c8b72;margin-top:13px;min-height:18px}.about{display:flex;gap:17px;align-items:center;border-top:1px solid var(--line);padding:24px 0 33px}.about-mark{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#edf2e7;color:#94a57d;font-size:23px;flex-shrink:0}.about h2{font-size:11px;font-weight:500;color:#6d7e61;margin-bottom:5px}.about p{font-size:10px;color:#87947e}.about>span{margin-left:auto;font-size:8px;letter-spacing:1px;color:#9eaa94;white-space:nowrap}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:27px 0 35px;font-size:8px;letter-spacing:1.8px;color:#8d9a85}.site-footer small{font-size:9px;letter-spacing:.4px;margin-left:15px}.site-footer>span:last-child{font-size:9px;letter-spacing:.4px}.site-footer a{margin-left:22px;color:#718466}.site-footer a:hover{color:var(--green)}@media(min-width:1450px){.hero{padding-top:86px;padding-bottom:81px}}@media(max-width:1050px){.space{padding:0 32px}.header{gap:32px}.hero{gap:22px}.hero h1{font-size:37px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about>span{display:none}}@media(max-width:650px){.space{padding:0 22px}.header{height:83px;gap:22px}.brand{font-size:19px;gap:8px}.brand img{width:32px;height:32px}.brand small{font-size:8px}.header nav{gap:17px;font-size:11px;margin-left:auto}.header-action{display:none}.hero{padding:46px 0 34px;grid-template-columns:1fr;gap:10px}.hero h1{font-size:34px;letter-spacing:-1.1px;line-height:1.45;margin-bottom:19px}.hero .eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:18px}.hero p{font-size:12px}.hero-note{font-size:9px;margin-top:22px}.hero-art{min-height:220px;transform:scale(.85);margin:-1px 0 -5px}.art-caption{bottom:-8px}.catalog{padding-top:10px;padding-bottom:25px}.catalog-heading{align-items:flex-start;gap:19px;flex-direction:column}.catalog-heading h2{font-size:20px}.search-wrap{width:100%}.search-wrap input{font-size:12px;padding:13px 0}.app-grid{grid-template-columns:1fr;gap:16px}.app-card{padding:23px}.card-top{margin-bottom:20px}.description{font-size:12px;margin-bottom:18px}.badge{font-size:9px}.about{align-items:flex-start;padding:23px 0}.about p{line-height:1.8}.site-footer{align-items:flex-start;padding:23px 0 29px;flex-wrap:wrap;font-size:8px}.site-footer small{font-size:8px;margin-left:9px}.site-footer>span:last-child{font-size:8px}.site-footer a{margin-left:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}#main{min-height:calc(100vh - 194px)}.header{gap:42px}.account{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4eddc;color:#4e683c}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-button,.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 17px;border-radius:8px;font-size:12px;cursor:pointer;text-decoration:none;border:1px solid transparent}.primary-button{background:#274e39;color:#f0f7ec}.primary-button:hover{background:#366649}.primary-button.small{padding:8px 13px;font-size:11px}.quiet-button{background:#eaf0e4;color:#516944;border-color:#dde6d5}.text-button{border:0;background:transparent;color:#617b50;padding:6px 3px;font-size:12px;cursor:pointer}.login-link{color:#718166;font-size:12px}.primary-button:disabled,.quiet-button:disabled,button:disabled{opacity:.55;cursor:wait}.loading{padding:120px 20px;text-align:center;color:#7a8b70}.message{padding:13px 18px;margin-top:20px;border:1px solid #d8e5cd;background:#edf4e6;color:#506b3e;font-size:12px;border-radius:9px}.message.error{border-color:#ebd4cc;background:#faf0eb;color:#976753}.hero .tile-main svg{width:80px;height:80px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.category-tabs button{padding:7px 15px;border:1px solid transparent;border-radius:7px;color:#829075;background:transparent;font-size:11px;cursor:pointer}.category-tabs button:hover{background:#edf2e8}.category-tabs button.selected{color:#4c6b3a;background:#e8efdf;border-color:#dce7d2}.favorite-button{border:0;background:transparent;color:#a2af94;font-size:25px;width:34px;height:34px;line-height:1;border-radius:8px;cursor:pointer}.favorite-button:hover{background:#f0f4e9}.favorite-button.is-favorite{color:#9b8752}.card-category{font-size:9px;color:#8a9c78;margin:-6px 0 10px}.app-tags{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 22px;min-height:20px}.app-tags span{font-size:9px;padding:2px 6px;border-radius:4px;background:#f6f8f1;border:1px solid #e9eddf;color:#7e8e6e}.tone-sage{color:#7e8a66;background:#edf1e5}.tone-sand{color:#bc9c69;background:#f6f0e1}.tone-blue{color:#7a93a4;background:#eaf1f5}.tone-rose{color:#b88986;background:#f7ece9}.tone-violet{color:#9a89ac;background:#f0edf5}.empty{grid-column:1/-1}.page-intro{padding:58px 0 34px}.page-intro h1,.auth-copy h1{font-size:36px;letter-spacing:-1.2px;line-height:1.4;font-weight:600;margin-bottom:12px}.page-intro p{font-size:12px;color:#839179}.page-intro .eyebrow{margin-bottom:12px}.login-gate{padding:55px 25px 75px;text-align:center;border:1px dashed #dbe4d1;border-radius:13px;margin:12px 0 55px;background:#fcfdf9}.login-gate>span{font-size:40px;color:#9cae86}.login-gate h2{font-size:21px;margin:15px 0 10px}.login-gate p{font-size:12px;color:#89977f;margin-bottom:24px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:75px 35px 95px}.auth-copy h1{font-size:38px;margin-bottom:23px}.auth-copy>p{max-width:360px;font-size:12px;line-height:2;color:#839179}.back-link{display:inline-block;margin-top:28px;font-size:11px;color:#708460}.auth-form{background:#fff;border:1px solid #dfe6d8;border-radius:14px;padding:32px;max-width:400px;width:100%;justify-self:end}.auth-form h2{font-size:21px;margin:0 0 26px}.auth-form .eyebrow{font-size:8px;margin-bottom:12px}.auth-form>button{width:100%;margin-top:8px}.auth-toggle{font-size:11px;color:#93a087;margin-top:22px;text-align:center}.auth-toggle a{color:#527340}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6c7d60;margin-bottom:17px}input,textarea,select{font:inherit;color:#34492d;background:#fcfdfa;border:1px solid #dbe3d3;border-radius:8px;padding:11px 12px;min-width:0;width:100%}textarea{resize:vertical;font-size:12px}input:focus,textarea:focus,select:focus{border-color:#83a06e;outline:1px solid #a5bb95;outline-offset:0}label small{font-size:9px;color:#98a38d}.form-error{min-height:17px;color:#a46d55;font-size:11px;margin:0 0 9px}.admin-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 32px}.stat-grid>div{background:#fff;border:1px solid #e0e7d9;border-radius:11px;padding:20px 23px}.stat-grid span{display:block;font-size:11px;color:#8a987f}.stat-grid strong{display:block;font-size:29px;font-weight:500;color:#526e40;margin-top:7px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.admin-toolbar .category-tabs{margin:0}.admin-search{max-width:230px;font-size:11px;background:#fcfdfa}.table-scroll{overflow:auto;border:1px solid #e0e6da;border-radius:12px;background:#fff;margin-bottom:50px}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}.admin-table th{padding:14px 19px;color:#8a987e;font-weight:400;background:#fbfcf8}.admin-table td{padding:18px 19px;border-top:1px solid #edf0e6;color:#7e8d71}.table-app{display:flex;gap:12px;align-items:center}.table-app strong{display:block;font-size:13px;font-weight:500;color:#3f5633}.table-app small{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#98a38c;margin-top:4px}.table-app .app-icon{width:35px;height:35px;border-radius:9px}.table-app svg{width:22px;height:22px}.status-badge{font-size:10px;padding:4px 8px;border-radius:5px;background:#eff1eb;color:#8b9580}.status-badge.published{background:#edf4e5;color:#6e8956}.status-badge.draft{background:#f5f0e3;color:#a18e61}.row-actions{display:flex;gap:17px}.category-list{background:#fff;border:1px solid #dfe6d7;border-radius:12px;padding:0 22px;margin-bottom:55px}.category-list article{display:flex;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid #edf0e8}.category-list article:last-child{border:0}.category-symbol{color:#99aa85;font-size:25px}.category-list strong{font-size:13px;color:#4f6541;font-weight:500}.category-list small{display:block;font-size:10px;color:#94a186;margin-top:5px}.category-list button{margin-left:auto}dialog{border:1px solid #dce5d3;border-radius:15px;padding:28px;width:calc(100% - 36px);max-width:550px;color:#32452d;background:#fff;max-height:90vh;overflow:auto}dialog::backdrop{background:#26352266;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.dialog-heading .eyebrow{font-size:8px;margin:0 0 7px}.dialog-heading h2{font-size:21px;margin:0}.close-button{border:0;background:#f3f6ed;border-radius:7px;color:#8b9a7d;width:29px;height:29px;font-size:21px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row label{min-width:0}#category-dialog{max-width:420px}#main+.site-footer{margin-top:35px}@media(max-width:1000px){.header{gap:25px}.header nav{gap:18px}.auth-layout{gap:45px;padding:60px 0}.auth-copy h1{font-size:34px}.hero h1{font-size:36px}}@media(max-width:650px){.header{height:auto;min-height:92px;display:grid;grid-template-columns:1fr auto;gap:10px 12px;padding:17px 0 12px}.header .brand{font-size:18px}.header nav{grid-column:1/-1;grid-row:2;gap:22px;justify-self:start;margin:0;font-size:11px}.account{grid-column:2;grid-row:1;gap:7px}.avatar{width:25px;height:25px;font-size:10px}.user-name{max-width:72px;font-size:11px}.account .text-button{font-size:10px}.primary-button.small{font-size:10px;padding:7px 10px}.login-link{font-size:11px}.hero h1{font-size:32px}.hero p{font-size:11px}.category-tabs{gap:5px}.category-tabs button{padding:7px 11px;font-size:10px}.auth-layout{grid-template-columns:1fr;gap:28px;padding:38px 0 45px}.auth-copy h1{font-size:30px}.auth-copy p{font-size:11px}.auth-copy .back-link{margin-top:16px}.auth-form{max-width:none;padding:25px}.auth-copy .eyebrow{font-size:8px;margin-bottom:13px}.page-intro{padding:35px 0 25px}.page-intro h1{font-size:29px}.admin-intro{align-items:flex-start}.admin-intro>button{font-size:10px;white-space:nowrap;margin-top:7px;padding:10px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:24px}.stat-grid>div{padding:16px}.stat-grid strong{font-size:25px}.admin-toolbar{gap:12px;align-items:stretch;flex-direction:column}.admin-search{max-width:none}.admin-table td,.admin-table th{padding:13px 14px}.table-app small{max-width:145px}.form-row{gap:11px}.dialog-heading h2{font-size:19px}dialog{padding:23px 20px}.login-gate{padding:35px 20px 45px}.login-gate h2{font-size:18px}.site-footer{gap:13px}.app-grid{gap:15px}}.admin-login-note{font-size:11px;color:#8c9a80;margin:-10px 0 24px}.admin-access-label{font-size:10px;letter-spacing:1px;color:#90a080}.auth-form input[hidden]{display:none}.skip{top:0;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{top:0}.skip:focus-visible{top:12px;width:auto;height:auto;padding:12px 18px;clip-path:none;overflow:visible}