@charset "UTF-8";
:root{--canvas:#f5f7fb;--white:#fff;--navy:#182d50;--text:#23334c;--muted:#69768b;--blue:#315fe8;--pale:#edf2ff;--line:#e3e8f0;--sans:"Segoe UI",Arial,sans-serif;--mono:"Cascadia Code",Consolas,monospace;--bg:var(--canvas);--ink:var(--navy);--paper:var(--white);--coral:var(--blue);--coral-ink:var(--blue);--coral-l:var(--pale);--surface:#f0f3f9;--rule:var(--line)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7091ef;outline-offset:4px}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,p{margin:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-60px;left:20px;z-index:10;background:var(--navy);color:white;padding:12px}.skip-link:focus{top:12px}
.rail{position:fixed;inset:0 auto 0 0;width:244px;background:var(--white);border-right:1px solid var(--line);padding:33px 20px 20px;z-index:5;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;line-height:1.2;letter-spacing:-.6px;color:var(--navy);padding:0 10px}.wordmark-second{display:block}.wordmark-dot{color:var(--blue)}.logo{position:relative;display:grid;place-items:center;width:42px;height:45px;background:var(--blue);border-radius:11px;color:#fff;font:25px "Microsoft YaHei",sans-serif}.logo span{position:absolute;bottom:-3px;right:-3px;font:16px var(--sans);background:white;color:var(--blue);border-radius:50%;width:21px;height:21px;text-align:center;border:2px solid white}.nav-label{font:10px var(--mono);letter-spacing:1.8px;color:#8390a4;margin:45px 12px 14px}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:11px 12px;border-radius:7px;margin-bottom:5px;color:#637089;font-size:12px;font-weight:500;white-space:nowrap}.nav-item>span{margin-left:auto;color:#8e98aa;font:10px var(--mono)}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#f7f9fc;color:var(--navy)}.nav-item.active{background:var(--pale);color:var(--blue);font-weight:650}.nav-item.active>span{color:var(--blue)}.nav-divider{height:1px;background:var(--line);margin:21px 12px}.rail-note{margin:auto 10px 22px;padding-top:60px}.note-symbol{font:24px "Microsoft YaHei",var(--sans);color:#93a5c7;margin-bottom:12px;letter-spacing:2px}.note-symbol span{font:18px var(--sans)}.rail-note strong{font-size:11px;color:#4d5e77}.rail-note p{font-size:11px;color:#7b879b;margin:5px 0 14px}.rail-note a{font-size:11px;color:var(--blue)}.rail-bottom{border-top:1px solid var(--line);padding:18px 11px 0;font-size:10px;color:#8390a3;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;background:#32977e;border-radius:50%;flex-shrink:0}
.app-shell{margin-left:244px}.topbar{height:77px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.8);display:flex;align-items:center;gap:24px;padding:0 44px}.breadcrumb{display:flex;gap:12px;color:#778397;font-size:11px}.breadcrumb span:last-child{color:var(--navy)}.search-open{margin-left:auto;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#f8f9fc;border-radius:7px;padding:9px 11px;width:272px;text-align:left;color:#8690a1;font-size:11px}.search-open svg{width:15px;height:15px}.search-open kbd{margin-left:auto;padding:1px 5px;border:1px solid var(--line);border-radius:3px;background:white;font:9px var(--mono);color:#8a94a5}.top-help{font-size:11px;color:#69768b;white-space:nowrap}.top-help span{padding-left:8px}.menu-button{display:none}.app-shell main{max-width:1190px;margin:0 auto;padding:41px 44px 0}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow-new{font:10px var(--mono);letter-spacing:1.8px;color:var(--blue);margin-bottom:13px}.welcome h1{font:600 clamp(29px,3vw,43px)/1.16 "Segoe UI",Arial,sans-serif;letter-spacing:-1.8px;color:var(--navy)}.welcome h1>span{color:#8996aa;font-weight:400}.welcome-description{font-size:13px;line-height:1.75;color:var(--muted);margin-top:16px}.character-stamp{width:145px;height:145px;margin-right:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:#c2cde1;background:linear-gradient(90deg,transparent calc(50% - .5px),#e0e6f1 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#e0e6f1 50%,transparent calc(50% + .5px));border:1px solid #e0e6f1}.character-stamp:before,.character-stamp:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(45deg,transparent 49.7%,#e0e6f1 50%,transparent 50.3%)}.character-stamp:after{transform:rotate(90deg)}.character-stamp>span{font:82px/1 "KaiTi","STKaiti","Microsoft YaHei",serif;z-index:1}.character-stamp small{position:absolute;bottom:-23px;white-space:nowrap;font:8px var(--mono);letter-spacing:1.25px;color:#8d9bb0}
.quick-panel{background:white;border:1px solid #dce3ef;border-radius:12px;box-shadow:0 5px 20px #18305a04;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}.panel-header h2{font-size:12px;font-weight:600;display:flex;align-items:center;gap:9px}.panel-hint{font-size:10px;color:#8b95a5}.quick-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:0 24px;background:#fff}.quick-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:8px 0 13px;font-size:11px;color:#7c899d;display:flex;align-items:center;gap:7px}.quick-tabs button>span{font-size:14px}.quick-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.conversion-fields{display:grid;grid-template-columns:1fr 48px 1fr;gap:19px;padding:24px}.number-field{border:1px solid var(--line);border-radius:8px;padding:14px 18px;min-width:0}.number-field label,.field-label{display:block;font-size:10px;color:#69768b}.number-line{display:flex;gap:12px;align-items:baseline;margin:4px 0 2px;color:var(--navy)}.number-line input,.number-line output{font:500 37px/1.45 var(--sans);letter-spacing:-1px;min-width:0;width:100%;border:0;background:none;color:inherit;padding:0;font-variant-numeric:tabular-nums}.number-line input{-moz-appearance:textfield;appearance:textfield}.number-line input::-webkit-inner-spin-button{appearance:none}.number-line>span{font-size:20px;color:#8493ab}.field-caption{font-size:10px;color:#8894a6;display:block}.output-field{background:#f3f6ff;border-color:#e2e8fb}.output-field .number-line{color:var(--blue)}.output-field .number-line>span{color:#829fea}.swap-button{align-self:center;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:white;justify-self:center;color:#7e8da5}.swap-button:hover{background:var(--pale);color:var(--blue)}.swap-button svg{width:16px;height:16px}.quick-footer{border-top:1px solid var(--line);padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fcfdff}.quick-footer p{font:10px var(--mono);color:#72809a}.quick-footer p span{font:8px var(--mono);letter-spacing:1px;color:#a3adbe;margin-right:10px}.quick-footer>div{display:flex;gap:20px;align-items:center}.quick-footer button,.quick-footer a{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}.quick-footer button{background:none;border:0;padding:4px 0;color:#8390a4}.quick-footer a{color:var(--blue)}.quick-footer svg{width:13px;height:13px}.input-error{padding:10px 24px;color:#b54141;font-size:12px}
.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:35px 0 20px;scroll-margin-top:20px}.tool-heading h2{font-size:20px;font-weight:600;letter-spacing:-.65px;color:var(--navy)}.heading-dot{color:var(--blue)}.tool-heading p{font-size:11px;color:#8994a6;margin-top:5px}.tool-total{font:9px var(--mono);color:#8a96a9;white-space:nowrap}.directory-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}.filter-chips{display:flex;gap:5px;flex-wrap:wrap}.filter-chips button{border:1px solid transparent;border-radius:6px;background:transparent;font-size:10px;color:#76839a;padding:7px 11px;white-space:nowrap}.filter-chips button:hover{background:white}.filter-chips button[aria-pressed=true]{background:white;border-color:var(--line);color:var(--navy);box-shadow:0 2px 4px #10264b03}.directory-search{display:flex;align-items:center;gap:7px;color:#98a2b3}.directory-search svg{width:13px;height:13px}.directory-search input{border:0;background:none;font-size:10px;width:120px;padding:5px 0;color:var(--navy)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{background:white;border:1px solid var(--line);border-radius:9px;position:relative;transition:border-color .15s,box-shadow .15s;min-width:0}.tool-card:hover{border-color:#a9beef;box-shadow:0 3px 15px #1f4b9107}.tool-card>a{display:block;padding:20px 20px 17px}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}.card-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#eef2fd;font:19px "Microsoft YaHei",var(--sans);color:#5272c5}.tool-card[data-category=units] .card-icon{background:#edf6f3;color:#438b75}.tool-card[data-category=currency] .card-icon{background:#fdf5e9;color:#b78840}.tool-card[data-category=calendar] .card-icon{background:#f3edfc;color:#9463bc}.card-category{font:8px var(--mono);letter-spacing:1px;color:#a0a9b8}.save-tool{position:absolute;top:20px;right:17px;border:0;background:none;color:#bac3d2;padding:2px;display:grid;place-items:center;z-index:1}.save-tool svg{width:15px;height:15px}.save-tool[aria-pressed=true]{color:#d29836}.save-tool[aria-pressed=true] svg{fill:#fff2d5}.tool-card h3{font-size:13px;font-weight:600;color:var(--navy);margin:0 0 6px;letter-spacing:-.15px}.card-pair{font:10px var(--mono);color:#7484a2;margin:0 0 10px}.card-description{font-size:10px;line-height:1.65;color:#939caf;margin:0;padding-right:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}.card-arrow{position:absolute;bottom:21px;right:20px;width:13px;height:13px;color:#a5b1c6}.more-tools{display:block;background:none;border:0;margin:20px auto 0;color:#75869f;font-size:10px;padding:9px 16px}.more-tools:hover{color:var(--blue)}.more-tools>span{padding-left:8px}.empty-state{padding:38px;text-align:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted)}
.guide-strip{margin:27px 0 24px;display:flex;align-items:center;gap:17px;background:#edf1f8;border:1px solid #e1e7f1;padding:23px;border-radius:9px}.guide-mark{width:40px;height:40px;display:grid;place-items:center;color:#8194b9;background:#e3eaf7;border-radius:8px}.guide-strip .eyebrow-new{font-size:8px;letter-spacing:1.1px;margin-bottom:6px;color:#7991b5}.guide-strip h2{font-size:15px;color:var(--navy);font-weight:500;letter-spacing:-.2px}.guide-strip p:last-child{font-size:10px;color:#8a96aa;margin-top:5px}.guide-strip>a{font-size:10px;color:#5775a7;display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}.guide-strip>a svg{width:14px;height:14px}.principles{display:flex;justify-content:center;gap:28px;color:#939eb0;font-size:9px;padding:2px 0 25px}.principles i{font-style:normal;color:#7d9b92;padding-right:5px}.workspace-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#95a0b2;margin:0 44px;padding:22px 0;border-top:1px solid var(--line)}.workspace-footer>div{display:flex;gap:20px}
#search-dialog{width:min(570px,calc(100% - 32px));margin:14vh auto auto;border:1px solid var(--line);border-radius:12px;padding:0;background:white;color:var(--navy);box-shadow:0 30px 100px #10264b30}#search-dialog::backdrop{background:#14243e45;backdrop-filter:blur(3px)}.dialog-head{display:flex;gap:14px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.dialog-head>input{width:100%;min-width:0;border:0;font-size:14px;background:white;padding:4px}.dialog-head button{background:#f5f7fb;border:1px solid var(--line);padding:5px 8px;border-radius:4px;font:10px var(--mono);color:var(--muted)}.search-results-new{max-height:52vh;overflow:auto;padding:8px}.search-results-new>a{display:block;padding:12px;border-radius:7px}.search-results-new>a:hover{background:var(--pale)}.search-results-new strong{font-weight:600;font-size:13px;display:block}.search-results-new small{font-size:10px;color:var(--muted)}.search-footnote{font-size:10px;color:#8e9ab0;border-top:1px solid var(--line);padding:12px 20px}
.legacy-page{margin:-12px 0 0}.legacy-page .container{max-width:100%;padding:0}.legacy-page .tool-hero{padding:20px 0 28px;background:none;border:0}.legacy-page .tool-hero h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:10px 0 16px}.legacy-page .tool-hero .lede{font-size:14px;max-width:720px}.legacy-page .converter-wrap{padding:0 0 30px}.legacy-page .converter{border-color:var(--line);box-shadow:0 5px 20px #18305a04;border-radius:12px}.legacy-page .converter-bar{background:#f1f5ff}.legacy-page .converter-bar .tag{background:white;color:var(--blue)}.legacy-page .result-item{background:#f3f6ff}.legacy-page .result-item .val{color:var(--blue)}.legacy-page .content-layout{gap:28px}.legacy-page .article h2{font-size:22px}.legacy-page .tool-hero .eyebrow{color:var(--blue)}.legacy-page .home-hero{background:none}.legacy-page .btn-primary{background:var(--blue)}.legacy-page .section{padding:30px 0}.legacy-page .sidebar-card{background:white}.legacy-page .trust-meta{color:#8894a6}
@media(min-width:1600px){.app-shell main{padding-top:52px}.welcome{margin-bottom:40px}.welcome h1{font-size:45px}.tool-card>a{padding:23px}.tool-grid{gap:17px}}
@media(max-width:1150px){.rail{width:218px;padding-inline:12px}.app-shell{margin-left:218px}.topbar{padding-inline:28px}.app-shell main{padding-inline:28px}.workspace-footer{margin-inline:28px}.directory-controls{flex-wrap:wrap}.tool-card>a{padding:16px}.save-tool{top:16px;right:13px}.guide-strip{gap:12px;padding:19px}.guide-strip>a{gap:7px}.welcome h1{font-size:35px}.character-stamp{width:115px;height:115px}.character-stamp>span{font-size:68px}.top-help{display:none}.guide-strip h2{font-size:14px}.tool-heading h2{font-size:18px}.card-category{font-size:7px}.tool-grid{gap:11px}}
@media(max-width:900px){.rail{width:195px;padding-inline:10px}.app-shell{margin-left:195px}.wordmark{font-size:15px;padding-inline:6px;gap:9px}.logo{width:35px;height:38px;font-size:23px}.nav-item{font-size:11px;gap:8px}.topbar{padding-inline:22px}.app-shell main{padding:30px 22px 0}.character-stamp{display:none}.quick-footer{flex-wrap:wrap;gap:12px}.quick-footer>div{margin-left:auto}.guide-strip{flex-wrap:wrap}.guide-strip>a{margin-left:57px}.principles{gap:14px;flex-wrap:wrap}.tool-total{font-size:8px}.search-open{width:225px}.panel-hint{font-size:9px}.conversion-fields{gap:9px;padding:20px;grid-template-columns:1fr 34px 1fr}.number-field{padding:12px}.field-caption{font-size:9px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-heading h2{font-size:17px}.legacy-page .content-layout{display:block}.legacy-page .sidebar{margin-top:24px}.legacy-page .tool-hero h1{font-size:29px}}
@media(max-width:680px){.rail{transform:translateX(-100%);width:244px;box-shadow:14px 0 40px #14243e18;transition:transform .2s}.rail.is-open{transform:translateX(0)}.app-shell{margin-left:0}.topbar{height:64px;padding:0 20px;gap:14px}.menu-button{display:block;border:1px solid var(--line);background:white;border-radius:5px;width:32px;height:32px;font-size:17px}.breadcrumb{font-size:10px;gap:8px}.search-open{width:auto;margin-left:auto;padding:8px}.search-open>span,.search-open>kbd{display:none}.search-open svg{width:17px;height:17px}.app-shell main{padding:29px 20px 0}.welcome{margin-bottom:25px}.welcome h1{font-size:35px;letter-spacing:-1.5px}.welcome-description{font-size:12px;margin-top:13px}.eyebrow-new{font-size:8px;letter-spacing:1.3px;margin-bottom:12px}.panel-header{padding:15px 17px}.panel-hint{display:none}.quick-tabs{padding-inline:17px;gap:28px}.conversion-fields{padding:17px;grid-template-columns:1fr 30px 1fr;gap:8px}.number-field{padding:12px 10px}.number-line input,.number-line output{font-size:29px}.number-line>span{font-size:16px}.number-line{gap:5px}.number-field label,.field-label{font-size:9px}.field-caption{font-size:8px;min-height:24px}.swap-button{width:29px;height:29px}.quick-footer{padding:12px 17px;gap:10px}.quick-footer p{font-size:9px}.quick-footer p span{font-size:7px}.quick-footer>div{width:100%;justify-content:space-between}.tool-heading{margin-top:29px;align-items:flex-start}.tool-heading h2{font-size:18px;max-width:230px;line-height:1.4}.tool-total{margin-top:6px;font-size:8px}.directory-controls{gap:13px;margin-bottom:16px}.filter-chips{gap:3px}.filter-chips button{padding:7px 8px;font-size:9px}.directory-search{background:white;border:1px solid var(--line);padding:3px 9px;border-radius:6px;width:100%}.directory-search input{width:100%;font-size:11px}.tool-grid{gap:10px}.tool-card>a{padding:16px 13px}.card-category{display:none}.tool-card h3{font-size:12px;line-height:1.5;min-height:36px;margin-bottom:5px}.card-top{margin-bottom:12px}.card-pair{font-size:8px}.card-description{font-size:9px;min-height:30px;padding-right:8px}.card-arrow{right:12px;bottom:20px;width:10px;height:10px}.save-tool{top:17px;right:12px}.guide-strip{margin-top:22px;padding:18px 15px;gap:12px}.guide-mark{width:33px;height:33px}.guide-strip>div:nth-child(2){flex:1;min-width:0}.guide-strip h2{font-size:13px}.guide-strip .eyebrow-new{font-size:7px}.guide-strip p:last-child{font-size:9px;line-height:1.7}.guide-strip>a{margin-left:45px;font-size:10px}.principles{font-size:8px;gap:8px 15px;padding-bottom:23px}.workspace-footer{margin-inline:20px;padding-block:20px;flex-wrap:wrap;font-size:8px}.workspace-footer>div{gap:16px}.legacy-page .tool-hero h1{font-size:27px}.legacy-page .converter-body{padding:18px}.legacy-page .trust-meta{font-size:10px}.legacy-page .article h2{font-size:21px}.legacy-page .home-hero h1{font-size:30px}}
@media(max-width:360px){.app-shell main{padding-inline:15px}.welcome h1{font-size:30px}.conversion-fields{grid-template-columns:1fr;gap:8px}.swap-button{transform:rotate(90deg);margin:0}.number-field{padding:12px 15px}.field-caption{min-height:0}.number-line input,.number-line output{font-size:31px}.filter-chips button{padding-inline:6px}.tool-card h3{font-size:11px}.card-pair{font-size:7px}.tool-total{max-width:60px;white-space:normal;text-align:right}.guide-strip h2{font-size:12px}.topbar{padding-inline:15px}.welcome-description{font-size:11px}.desktop-break{display:none}}
.legacy-page .result-item .lbl,.legacy-page .result-item .note,.legacy-page .result-item .val .unit{color:#667caa}.legacy-page .result-item{border-color:#dde5f5}.legacy-page .result-item .lbl{font-size:11px}.legacy-page .pulse-dot{background:#32977e}
@media(min-width:681px){.nav-item{font-size:13px}.panel-header h2{font-size:14px}.number-field label,.field-label{font-size:12px}.field-caption{font-size:11px}.tool-card h3{font-size:14px}.card-description{font-size:12px;min-height:40px}.card-pair{font-size:11px}.filter-chips button,.directory-search input,.quick-tabs button{font-size:12px}.quick-footer button,.quick-footer a{font-size:11px}.tool-heading p{font-size:12px}.guide-strip p:last-child{font-size:11px}.guide-strip>a{font-size:11px}.search-open,.top-help,.breadcrumb{font-size:12px}}
@media(min-width:681px) and (max-width:900px){.nav-item{font-size:11px}.card-pair{font-size:10px}}
@media(max-width:680px){.guide-strip>div:nth-child(2){flex-basis:calc(100% - 45px)}.guide-strip>a{margin-top:2px}.tool-card h3{font-size:13px}.card-description{font-size:11px;min-height:36px}.card-pair{font-size:9px}.directory-controls .filter-chips button{font-size:10px}.quick-footer button,.quick-footer a{font-size:11px}.panel-header h2{font-size:13px}.field-caption{font-size:9px}.guide-strip p:last-child{font-size:10px}.tool-heading p{font-size:12px}}
/* Individually selected Original SVG artwork; geometry remains unchanged. */
.koboyo-art{fill:currentColor;stroke:none;stroke-width:0;overflow:visible}.card-icon{width:49px;height:49px;border-radius:12px;background:#eef3ff;color:#496ccb}.card-icon .koboyo-art{width:34px;height:34px;transition:transform .18s}.tool-card[data-category=units] .card-icon{background:#ebf5f2;color:#3f8672}.tool-card[data-category=currency] .card-icon{background:#fff5e8;color:#b4843d}.tool-card[data-category=calendar] .card-icon{background:#f2ecfc;color:#9165b5}.tool-card:hover .card-icon .koboyo-art{transform:rotate(-4deg)}.tool-card:hover .card-arrow{color:var(--blue);transform:translateX(2px)}.card-arrow{transition:transform .18s,color .18s}.card-top{gap:13px}.quick-tabs .koboyo-art{width:19px;height:19px}.nav-item svg:has(use[href="#i-shirt"]),.nav-item svg:has(use[href="#i-ruler"]),.nav-item svg:has(use[href="#i-money"]),.nav-item svg:has(use[href="#i-calendar"]),.nav-item svg:has(use[href="#i-book"]),.guide-mark svg{fill:currentColor;stroke:none}.guide-mark svg{width:27px;height:27px}.nav-item svg:has(use[href="#i-ruler"]){width:18px;height:21px}.art-cluster{position:relative;width:263px;height:190px;margin-right:14px;margin-top:7px;flex-shrink:0}.art-grid{position:absolute;inset:4px 10px;background-image:radial-gradient(#c8d4e9 1px,transparent 1px);background-size:13px 13px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%)}.art-main{position:absolute;top:17px;left:70px;width:115px;height:143px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#edf2ff;border:1px solid #d6e1fa;border-radius:16px;transform:rotate(-8deg);box-shadow:0 7px 0 #e2e9f6;color:#5279cf}.art-main svg{width:65px;height:84px}.art-main>span{font:6px var(--mono);letter-spacing:.7px;color:#8398c0}.art-tile{position:absolute;background:#fff;border:1px solid #e2e8f3;box-shadow:0 5px 15px #253f7406;border-radius:12px;display:grid;place-content:center;text-align:center}.art-shoe{bottom:9px;left:6px;width:89px;height:61px;transform:rotate(5deg);color:#7f96c3;gap:4px}.art-shoe svg{width:52px;height:25px}.art-shoe span{font:7px var(--mono);letter-spacing:1px;color:#92a0b7}.art-calendar{right:3px;top:8px;width:67px;height:72px;transform:rotate(8deg);color:#a28aba}.art-calendar svg{width:39px;height:45px}.art-ruler{right:8px;bottom:14px;width:55px;height:72px;transform:rotate(-5deg);color:#6da095}.art-ruler svg{width:24px;height:51px}
.wordmark{gap:11px;letter-spacing:-.4px}.brand-symbol{width:46px;height:46px;flex-shrink:0}.brand-flow{stroke:var(--blue)}.brand-character{stroke:var(--navy)}.brand-type{font-size:17px;font-weight:650;line-height:1.32}.brand-type .wordmark-second{font-size:15px;font-weight:500;letter-spacing:-.2px;color:#54739f}.wordmark:hover .brand-flow{stroke:#224bcc}
@media(max-width:1150px){.art-cluster{width:215px;transform:scale(.88);transform-origin:right center;margin-right:0}.card-category{letter-spacing:.65px;font-size:7px}}
@media(max-width:900px){.art-cluster{display:none}.card-icon{width:44px;height:44px}.card-icon .koboyo-art{width:31px;height:31px}}
@media(max-width:900px){.brand-symbol{width:39px;height:39px}.brand-type{font-size:15px}.brand-type .wordmark-second{font-size:13px}.wordmark{gap:8px}}
@media(max-width:680px){.card-icon{width:43px;height:43px;border-radius:10px}.card-icon .koboyo-art{width:30px;height:30px}.card-top{margin-bottom:13px}.quick-tabs .koboyo-art{width:17px;height:17px}.guide-mark svg{width:24px;height:24px}.card-category{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.tool-card:hover .card-icon .koboyo-art{transform:none}}