.home-intro{padding:76px 0 44px;position:relative}.home-kicker{font:10px var(--mono);letter-spacing:2px;color:var(--muted);align-items:center;gap:11px;display:flex}.home-kicker:before{content:"";background:var(--muted);width:26px;height:1px}.home-intro h1{letter-spacing:-1.6px;max-width:700px;margin:20px 0 16px;font-size:clamp(32px,4vw,52px);font-weight:650;line-height:1.32}.home-intro h1 span{color:var(--muted)}.home-intro p{color:var(--muted);max-width:500px;margin:0;font-size:14px}.intro-index{font:11px var(--mono);color:var(--quiet);text-align:right;line-height:2;position:absolute;top:75px;right:0}.search-row{align-items:center;gap:15px;padding-bottom:32px;display:flex}.search-wrap{flex:1;max-width:550px;position:relative}.search-wrap svg{color:var(--muted);position:absolute;top:16px;left:16px}.search-wrap input{background:var(--panel);border-radius:13px;width:100%;height:54px;padding:0 60px 0 48px;font-size:12px}.search-key{border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:0 7px;font-size:11px;position:absolute;top:15px;right:15px}.privacy-line{color:var(--muted);margin-left:auto;font-size:11px}.privacy-line span{background:#7e9c50;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.recent-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:13px;padding:0 0 29px;font-size:11px;display:flex}#recent-list{flex-wrap:wrap;gap:8px;display:flex}#recent-list a{border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 10px;text-decoration:none}.recent-row button{color:var(--muted);background:0 0;border:0;min-height:44px;font-size:10px}.tool-section-head{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.filters{gap:6px;display:flex}.filters button{min-height:40px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:30px;padding:7px 15px;font-size:12px}.filters button[aria-pressed=true]{background:var(--text);color:var(--bg)}.tool-grid{grid-template-columns:repeat(4,1fr);gap:22px;padding-bottom:55px;display:grid}.tool-card{cursor:pointer;background:var(--panel);border:1px solid var(--border);border-radius:21px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--quiet);transform:translateY(-3px)}.card-topline{justify-content:space-between;padding:24px 25px 0;display:flex}.tool-art{height:185px;position:relative;overflow:hidden}.image-art{justify-content:center;align-items:center;display:flex}.art-sheet{border:1px solid #9daa81;border-radius:8px;width:150px;height:111px;position:absolute;box-shadow:0 12px 30px #344a1810}.art-sheet.back{background:#d9dfcc;transform:translate(-21px,-2px)rotate(-12deg)}.art-sheet.front{background:#edf1e3;overflow:hidden;transform:translate(18px,7px)rotate(7deg)}.art-sun{background:#c7da9d;border-radius:50%;width:23px;height:23px;position:absolute;top:17px;left:83px}.art-hill{background:#9ab076;border-radius:12px;width:135px;height:120px;position:absolute;top:58px;left:-26px;transform:rotate(45deg)}.art-hill.second{background:#c1cfaa;width:100px;height:100px;top:68px;left:73px}.format-tag{font:10px var(--mono);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 11px;position:absolute;box-shadow:0 5px 15px #00000007}.tag-png{top:33px;left:calc(50% - 120px);transform:rotate(-9deg)}.tag-webp{bottom:27px;left:calc(50% + 54px);transform:rotate(6deg)}.art-corner{color:var(--border);font-size:25px;position:absolute;top:30px;right:35px}.password-art{flex-direction:column;align-items:center;padding:38px 30px 10px;display:flex}.password-art-line{font:27px var(--mono);letter-spacing:4px;border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:10px 18px;box-shadow:0 8px 25px #00000006}.password-art-line span{color:#799451}.password-dots{letter-spacing:5px;color:var(--quiet);margin-top:12px;font-size:12px}.password-art-status{color:var(--muted);margin-top:13px;font-size:10px}.todo-art{flex-direction:column;align-items:center;padding:34px 28px 10px;display:flex}.todo-art-board{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:8px;width:100%;max-width:236px;padding:11px 13px;display:flex;box-shadow:0 8px 25px #00000006}.todo-art-row{align-items:center;gap:8px;font-size:12px;display:flex}.todo-art-row.done .todo-art-text{color:var(--muted);text-decoration:line-through}.todo-art-box{border:1px solid var(--border);background:var(--panel);color:#799451;border-radius:4px;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.todo-art-row.done .todo-art-box{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.todo-art-text{flex:1;font-weight:500}.todo-art-pill{font:9px var(--mono);border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:4px;padding:2px 6px}.todo-art-pill.p1{color:var(--error);border-color:var(--error)}.qrcode-art{flex-direction:column;align-items:center;padding:30px 28px 10px;display:flex}.qrcode-art-box{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;width:88px;height:88px;padding:8px;display:flex;box-shadow:0 8px 25px #00000006}.qr-art-matrix{width:70px;height:70px;position:relative}.qr-eye{border:2.5px solid var(--text);background:var(--surface);box-sizing:border-box;border-radius:6px;place-items:center;width:24px;height:24px;display:grid;position:absolute}.qr-eye.tl{top:0;left:0}.qr-eye.tr{top:0;right:0}.qr-eye.bl{bottom:0;left:0}.qr-core{background:#799451;border-radius:2.5px;width:10px;height:10px}.qr-dots{pointer-events:none;position:absolute;inset:0}.qr-dots span{background:var(--muted);border-radius:50%;width:5px;height:5px;position:absolute}.qr-dots span:first-child{top:32px;left:4px}.qr-dots span:nth-child(2){top:32px;right:4px}.qr-dots span:nth-child(3){bottom:4px;right:4px}.qr-dots span:nth-child(4){background:#799451;top:32px;left:32px}.qr-dots span:nth-child(5){bottom:14px;right:16px}.qr-dots span:nth-child(6){top:12px;left:32px}.card-body{padding:0 27px 26px}.card-title-line{justify-content:space-between;align-items:center;display:flex}.card-body h2{letter-spacing:-.5px;margin:5px 0 10px;font-size:23px;font-weight:650}.card-body h2 a{text-decoration:none}.card-arrow{z-index:2;border:1px solid var(--border);border-radius:50%;place-items:center;width:39px;height:39px;font-size:22px;text-decoration:none;display:grid;position:relative}.image-card .card-arrow{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.card-body p{color:var(--muted);max-width:440px;margin:0 0 21px;font-size:12px;line-height:1.8}.task-links{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:relative}.task-links a{border:1px solid var(--border);border-radius:6px;min-height:32px;padding:7px 9px;font-size:10px;text-decoration:none}.task-links a:hover{background:var(--accent-soft)}.task-links span{color:var(--quiet);margin-left:7px}.home-empty{border:1px dashed var(--border);color:var(--muted);border-radius:16px;margin-bottom:50px;padding:45px}.home-empty a{margin-top:10px;display:inline-block}@media (width<=1200px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.home-intro{padding:45px 0 28px}.home-intro h1{letter-spacing:-1px}.home-intro h1 span{display:block}.intro-index,.privacy-line,.search-key{display:none}.search-row{padding-bottom:22px}.tool-grid{grid-template-columns:1fr;gap:16px;padding-bottom:30px}.tool-art{height:165px}.card-topline{padding:20px 20px 0}.card-body{padding:0 21px 22px}.filters button{padding:6px 12px;font-size:11px}.small-code{font-size:9px}.tool-section-head{padding:18px 0}.card-body h2{font-size:22px}}