@font-face{font-family:Pretendard;src:url('./pretendard.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f7f8f3;--white:#fff;--ink:#263b34;--muted:#768078;--green:#345947;--lime:#ddf69b;--line:#e2e7df;--soft:#eff3eb;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,sans-serif;font-size:14px;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8bac63;outline-offset:4px}button[hidden],[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:16px;top:-60px;background:var(--ink);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}
.site-header{height:84px;border-bottom:1px solid var(--line);background:#f7f8f3e8}.header-inner{max-width:1240px;height:100%;padding:0 28px;margin:auto;display:flex;align-items:center;gap:38px}.brand{font-size:21px;letter-spacing:-1px;font-weight:750;display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-light{font-weight:440}.brand-dot{color:#83a348}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:3px;place-content:center;background:var(--ink);width:33px;height:33px;border-radius:9px;transform:rotate(-5deg)}.brand-mark i{background:var(--lime);border-radius:1px}.brand-mark i:nth-child(2){opacity:.5}.brand-mark i:nth-child(3){opacity:.75}.header-nav{display:flex;align-items:center;gap:29px;margin-left:auto;height:100%;font-size:14px;font-weight:550}.header-nav a,.header-nav button{height:100%;display:flex;gap:7px;align-items:center;border:0;background:none;padding:0;position:relative}.header-nav .active:after{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--green);content:''}.header-nav button span{font-size:14px;background:#e8edde;border-radius:4px;min-width:17px;padding:2px 4px;text-align:center}.language{border-left:1px solid var(--line);padding-left:26px;display:flex;gap:8px;align-items:center;font-size:14px;color:#59685e}.language span{font-size:21px}.shell{max-width:1240px;padding:0 28px;margin:0 auto}.intro{padding:42px 0 26px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:14px;letter-spacing:.16em;font-weight:650;display:flex;gap:8px;align-items:center;color:var(--green)}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#6d9551}.intro h1{font-size:43px;line-height:1.2;letter-spacing:-2px;font-weight:650;margin:14px 0 12px}.intro h1>span{color:#6b8765}.intro p{color:#778077;margin:0;font-size:14px;letter-spacing:-.02em}.mobile-break{display:none}.date-widget{width:163px;padding:4px 0 5px 21px;border-left:1px solid #dce3d6}.date-label{font-size:14px;letter-spacing:.1em;color:#87917f;font-weight:650;display:flex;justify-content:space-between}.date-label span{font-size:14px;letter-spacing:0}.date-row{display:flex;align-items:baseline;gap:6px;margin-top:4px;position:relative}.date-row>span:first-child{font-size:14px;color:#89937f}.date-row strong{font-size:46px;letter-spacing:-2px;line-height:1.2;font-weight:430}.date-orbit{margin-left:auto;font-size:38px;line-height:1;color:#8dab65;align-self:center}.date-year{font-size:14px;color:#98a08e;letter-spacing:.1em}
.search-section{margin-bottom:34px}.search-box{height:60px;border:1px solid #d9e1d4;background:white;border-radius:12px;display:flex;align-items:center;padding:0 21px;gap:14px;box-shadow:0 3px 10px #283a2b03;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#8dab65;box-shadow:0 0 0 3px #a6c68618}.search-box>svg{color:#6f8b63;width:21px;flex-shrink:0}.search-box input{border:none;background:none;outline:none!important;flex:1;min-width:0;font-size:15px;letter-spacing:-.02em;height:100%;color:var(--ink)}.search-box input::-webkit-search-cancel-button{display:none}.search-box input::placeholder{color:#969f92}.search-box kbd{padding:3px 8px;border:1px solid #e9ece5;background:#fafbf8;border-radius:5px;color:#a5ac9f;font-size:14px}.clear-search{background:none;border:0;font-size:24px;color:var(--muted);padding:6px}.search-suggestions{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:14px;min-height:24px}.search-suggestions>span:first-child{font-size:14px;color:#8e9788;margin-right:2px}.search-suggestions button{background:#ebefe6;border:0;border-radius:5px;padding:5px 10px;color:#66745f;transition:background .2s}.search-suggestions button:hover{background:#dce7ce}.free-note{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:14px;color:#8c9784}.free-note>span{color:#789657}
.directory{display:grid;grid-template-columns:184px minmax(0,1fr);gap:34px;align-items:start}.sidebar{padding-top:4px;position:sticky;top:25px}.sidebar-label{font-size:14px;color:#8e9988;letter-spacing:.05em;display:block;margin:0 13px 14px}.category-nav-item{border:0;background:none;width:100%;display:flex;align-items:center;gap:11px;padding:13px 12px;margin-bottom:3px;border-radius:8px;font-size:14px;text-align:left;transition:background .15s}.category-nav-item svg{width:17px;height:17px;color:#89967e;stroke-width:1.6;flex-shrink:0}.category-nav-item>span:last-child{margin-left:auto;font-size:14px;color:#9aa58e;font-variant-numeric:tabular-nums}.category-nav-item.active{background:#e7efdc;font-weight:650;color:#415b30}.category-nav-item.active svg{color:#6c8650}.category-nav-item.active>span:last-child{color:#6c8650}.category-nav-item:hover:not(.active){background:#edf0e8}.sidebar-divider{height:1px;background:var(--line);margin:16px 10px}.saved-filter{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;padding:11px 12px;border-radius:8px;font-size:14px;text-align:left}.saved-filter.active{background:#e7efdc;font-weight:650}.bookmark-icon{font-size:21px;color:#869879;line-height:18px}.saved-filter>span:last-child{margin-left:auto;font-size:14px;color:#98a08d}.side-note{margin:26px 7px 0;padding:20px 15px;border:1px solid #e0e7d7;border-radius:12px;overflow:hidden;position:relative;background:#f0f3e9}.side-note-symbol{position:absolute;right:13px;top:13px;font-size:34px;line-height:1;color:#bdcbae;font-weight:300}.side-note strong{font-size:17px;line-height:1.55;letter-spacing:-.6px;font-weight:550;display:block}.side-note p{font-size:14px;line-height:1.8;color:#8c9781;margin:10px 0 22px}.side-note>span:last-child{font-size:14px;letter-spacing:.12em;color:#8c9b7e}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:17px;letter-spacing:-.5px;font-weight:620;margin:0}.section-heading>span{font-size:14px;letter-spacing:.12em;color:#97a38d}.small-star{color:#8eaa61;font-size:19px;margin-left:6px;display:inline-block;vertical-align:middle}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.featured-card{min-height:182px;border:1px solid #e1e6db;border-radius:var(--radius);display:flex;flex-direction:column;padding:15px 16px 17px;background:#fff;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.featured-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #233b3410}.feature-label{font-size:14px;color:#829372;display:flex;justify-content:space-between;align-items:center}.feature-arrow{font-size:17px;font-weight:300}.feature-visual{height:77px;display:flex;align-items:center;font-weight:450;position:relative}.feature-visual .dday-big{font-size:42px;letter-spacing:-2px;font-weight:450;line-height:1}.dday-big span{font-size:37px;color:#d6ed98}.mini-calendar{margin-left:auto;width:35px;height:39px;border:1px solid #76927b;border-radius:5px;transform:rotate(8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:500}.mini-calendar:before{content:'';width:100%;height:6px;border-bottom:1px solid #76927b;position:absolute;top:6px}.symbols-visual{font-size:30px;letter-spacing:4px;color:#738278;gap:10px}.symbols-visual span:last-child{font-size:34px;color:#a6b59f;transform:rotate(-13deg)}.percent-visual{font-size:44px;letter-spacing:-2px;color:#807858}.percent-visual span{font-size:27px;color:#b4aa87;align-self:center;margin-left:2px}.area-visual{display:flex;gap:7px;align-items:center}.area-visual>span{font-size:31px;letter-spacing:-1.7px;color:#6f837c}.area-visual small{font-size:14px;letter-spacing:0;margin-left:3px}.area-squares{width:40px;height:34px;margin-left:auto;border:1px solid #b1bdb1;position:relative}.area-squares:before,.area-squares:after{content:'';position:absolute;background:#bbc8ba}.area-squares:before{left:50%;width:1px;height:100%}.area-squares:after{top:50%;height:1px;width:100%}.featured-card h3{font-size:14px;margin:0 0 6px;font-weight:620}.featured-card p{font-size:14px;color:#8b9587;margin:0;line-height:1.5}.featured-card.green{background:#345747;border-color:#345747;color:#fff}.green .feature-label{color:#b5c9a6}.green p{color:#afc3af}.green .feature-arrow{color:#c3d49c}.featured-card.sand{background:#f2f0e4;border-color:#e6e4d6}.featured-card.sage{background:#eaf0e8;border-color:#dde5d9}.featured-card.sand .feature-label{color:#a49a74}.all-tools{margin-top:34px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:15px}.list-heading h2{font-size:19px;letter-spacing:-.6px;margin:0;font-weight:620;display:flex;gap:9px;align-items:center}.list-heading h2 span{font-size:14px;letter-spacing:0;font-weight:550;line-height:22px;padding:0 7px;background:#e9eddf;border-radius:5px;color:#809269}.list-heading p{color:#8c9586;font-size:14px;margin:7px 0 0}.list-caption{color:#9aa58d;font-size:14px;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.tool-card{border:1px solid var(--line);border-radius:11px;background:#fff;display:flex;align-items:center;min-height:100px;padding:17px 13px 17px 15px;position:relative;transition:border-color .2s,box-shadow .2s;isolation:isolate}.tool-card:hover{border-color:#b5c3a4;box-shadow:0 3px 9px #263b3406}.tool-icon{background:#eff3e8;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#7d9463;flex-shrink:0;margin-right:11px}.tool-icon svg{width:19px;height:19px;stroke-width:1.6}.tool-card[data-category="text"] .tool-icon{background:#edf0ec;color:#7b8d84}.tool-card[data-category="work"] .tool-icon{background:#f2eee7;color:#a29276}.tool-card[data-category="money"] .tool-icon{background:#e9efee;color:#77948b}.tool-card[data-category="unit"] .tool-icon{background:#eaf1ed;color:#789884}.tool-copy{flex:1;min-width:0}.tool-copy h3{font-size:14px;font-weight:600;margin:0 0 6px;line-height:1.3;letter-spacing:-.3px;padding-right:9px}.tool-copy p{font-size:14px;color:#929b8b;line-height:1.5;margin:0;padding-right:8px}.tool-link:after,.planned-link:after{content:'';position:absolute;inset:0;z-index:1;border-radius:11px}.favorite-button{z-index:2;align-self:flex-start;border:0;background:none;position:relative;color:#b8c1ad;font-size:18px;line-height:1;padding:3px;margin-top:-2px}.favorite-button[aria-pressed="true"]{color:#7f9950}.favorite-button:hover{color:#698a41}.planned{background:#f9faf6}.planned .tool-icon{background:#f0f2eb;color:#a5ae9a}.planned h3{color:#83917e}.planned-link{display:block;border:0;background:none;text-align:left;padding:0;font-size:inherit;width:100%;font-weight:inherit}.planned-badge{font-size:14px;background:#edf0e7;color:#9ba58d;padding:3px 5px;border-radius:4px;display:inline-block;margin-top:6px}.planned .favorite-button{color:#c7cebd}.empty-state{text-align:center;padding:55px 15px 65px;background:#fff;border:1px solid var(--line);border-radius:12px}.empty-state>span{font-size:38px;color:#9aaa82}.empty-state h3{font-size:18px;font-weight:600;margin:12px 0}.empty-state p{color:var(--muted);font-size:14px}.empty-state button,.primary-button{border:0;background:var(--green);color:white;border-radius:8px;padding:12px 20px;font-size:14px;margin-top:12px}.directory-footnote{font-size:14px;line-height:1.8;color:#87947b;margin:16px 1px}.directory-footnote span{color:#a2ad98;margin-left:4px}.bottom-note{border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:25px 0 32px;margin-top:22px}.note-icon{border:1px solid #dce4d1;border-radius:10px;width:41px;height:41px;display:grid;place-items:center;color:#90a175;font-size:24px;flex-shrink:0}.bottom-note h3{font-size:14px;margin:0 0 6px;font-weight:550}.bottom-note p{font-size:14px;color:#98a18f;margin:0;line-height:1.5}.bottom-note button{margin-left:auto;background:none;border:0;color:#7d906b;font-size:14px;white-space:nowrap}.bottom-note button span{font-size:17px;margin-left:6px}.site-footer{border-top:1px solid var(--line);margin-top:18px}.footer-inner{max-width:1240px;margin:auto;padding:28px;display:flex;align-items:center;gap:20px}.footer-brand{font-size:14px;font-weight:650;letter-spacing:-.6px;color:#809176}.footer-inner p{font-size:14px;color:#9ca692;margin:7px 0 0}.footer-inner nav{display:flex;gap:20px;margin-left:auto}.footer-inner nav button{background:none;border:0;font-size:14px;color:#8d9982;padding:6px 0}.prototype-label{font-size:14px;color:#a9b19f;letter-spacing:.08em;margin-left:25px}dialog{border:1px solid var(--line);border-radius:18px;padding:32px;max-width:460px;width:calc(100% - 36px);background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #1f332d20}dialog::backdrop{background:#1e302b55;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;right:15px;font-size:26px;background:none;border:0;color:#8c9783}dialog h2{font-size:24px;font-weight:600;letter-spacing:-.8px;margin:20px 0 16px}dialog p{font-size:14px;line-height:1.85;color:#75826b}dialog .dialog-note{background:#eaf0df;padding:15px;border-radius:9px;font-size:14px}dialog code{font-size:14px;color:#5d7749}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#263b34;color:white;border-radius:10px;padding:12px 20px;font-size:14px;box-shadow:0 4px 15px #263b3420;transition:opacity .2s,transform .2s;z-index:30;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
.detail-shell{max-width:1010px;margin:auto;padding:30px 28px 60px}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:14px;color:#9aa58e;margin-bottom:30px;flex-wrap:wrap}.breadcrumbs a{color:#6a8057}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.detail-heading h1{font-size:35px;letter-spacing:-1.6px;font-weight:620;margin:12px 0}.detail-heading p{color:#7e8b71;font-size:14px;line-height:1.65;margin:0}.detail-star{font-size:25px;border:1px solid #dfe6d7;background:#fff;border-radius:10px;min-width:44px;height:44px;color:#93a979}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.calculator-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.calculator-panel h2{font-size:15px;font-weight:600;margin:0 0 24px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:block;font-size:14px;font-weight:550;color:#76886a}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{display:block;border:1px solid #dce4d3;border-radius:8px;padding:12px 11px;background:#fbfcf8;color:var(--ink);width:100%;margin-top:8px;min-height:46px;font-size:14px;outline:none;min-width:0}.field textarea{min-height:160px;resize:vertical}.checkbox-field{display:flex;gap:8px;font-size:14px;align-items:center;margin-top:20px;color:#7c8b70}.checkbox-field input{accent-color:var(--green);width:15px;height:15px}.calc-submit{width:100%;padding:14px;background:var(--green);border:0;color:white;border-radius:8px;margin-top:24px;font-size:14px;font-weight:550}.calc-result{background:#eff4e6;border:1px solid #dfe8d2;border-radius:12px;margin-top:25px;padding:22px}.result-label{font-size:14px;color:#8b9c79;display:block}.result-main{font-size:34px;font-weight:540;letter-spacing:-1.4px;color:#415f2e;display:block;margin:9px 0;overflow-wrap:anywhere}.result-sub{font-size:14px;color:#81936f;line-height:1.8;white-space:pre-line}.result-copy{font-size:14px;background:#fff;border:1px solid #dce6cc;border-radius:5px;padding:7px 10px;margin-top:13px;color:#6d8555}.field-error{font-size:14px;color:#a55940;background:#fff3ec;padding:12px;border-radius:8px;margin-top:18px;line-height:1.6}.detail-side{background:#edf2e5;border:1px solid #e0e7d7;padding:21px;border-radius:14px}.detail-side h2{font-size:14px;font-weight:600;margin:0 0 16px}.detail-side p{font-size:14px;color:#89967c;line-height:1.85}.detail-side a{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-top:12px;color:#698053}.guide-panel{margin-top:24px;padding:25px 0;border-top:1px solid var(--line)}.guide-panel h2{font-size:17px;font-weight:600}.guide-panel p{font-size:14px;line-height:1.85;color:#87937b}.symbol-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.symbol-tabs button{border:1px solid #e0e6d7;background:#f8faf4;border-radius:6px;padding:7px 10px;font-size:14px}.symbol-tabs button.active{background:#e4edcf;border-color:#d5e1bf;color:#667e42}.symbol-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.symbol-item{border:1px solid #e0e7d6;border-radius:9px;background:#fff;padding:13px 4px;min-height:62px;font-size:23px;display:flex;flex-direction:column;gap:5px;align-items:center}.symbol-item:hover{background:#eff5e6;border-color:#a8bf8c}.symbol-item small{font-size:14px;color:#95a183}.symbol-feedback{font-size:14px;color:#809565;min-height:17px;margin:15px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.stat{border:1px solid #dfe7d1;background:#f2f6eb;border-radius:9px;padding:15px}.stat span{font-size:14px;color:#829570;display:block}.stat strong{font-size:29px;letter-spacing:-1px;font-weight:530;display:block;margin-top:8px}.detail-preview-note{font-size:14px;text-align:center;color:#9aa58e;margin-top:28px}.quick-date-actions{display:flex;gap:6px;margin-top:12px}.quick-date-actions button{padding:6px 9px;border:1px solid #e1e8d8;border-radius:5px;background:#f6f9f0;font-size:14px;color:#82936e}
@media(min-width:900px){.intro,.search-section,.directory{animation:arrive .4s both}.search-section{animation-delay:.05s}.directory{animation-delay:.1s}}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.directory{grid-template-columns:163px minmax(0,1fr);gap:24px}.featured-card{padding:13px;min-height:175px}.feature-visual .dday-big{font-size:35px}.dday-big span{font-size:30px}.mini-calendar{display:none}.tool-card{padding-left:11px;padding-right:9px}.tool-icon{width:30px;height:30px;margin-right:8px}.tool-copy h3{font-size:14px}.tool-copy p{font-size:14px}.header-nav{gap:22px}.area-squares{width:26px;height:26px}.symbols-visual{font-size:25px;letter-spacing:0;gap:6px}.symbols-visual span:last-child{font-size:29px}.area-visual>span{font-size:27px}.prototype-label{margin-left:8px}}
@media(max-width:850px){.header-inner,.shell{padding-left:22px;padding-right:22px}.header-nav{gap:20px}.header-nav>button[data-info]{display:none}.language{padding-left:18px}.directory{grid-template-columns:1fr;gap:20px}.sidebar{position:static;padding-top:0}.sidebar-label,.sidebar-divider,.side-note,.saved-filter{display:none}#category-nav{display:flex;gap:6px;flex-wrap:wrap}.category-nav-item{width:auto;padding:10px 12px;margin:0;border:1px solid var(--line);background:#fff;font-size:14px}.category-nav-item>span:last-child{font-size:14px;margin-left:0}.category-nav-item svg{width:15px;height:15px}.category-nav-item.active{border-color:#d1ddbf}.featured-card{min-height:178px;padding:15px}.feature-visual .dday-big{font-size:38px}.dday-big span{font-size:33px}.tool-copy h3{font-size:14px}.tool-copy p{font-size:14px}.tool-icon{width:34px;height:34px;margin-right:11px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{padding:18px 14px}.intro h1{font-size:39px}.intro{padding-top:32px}.search-section{margin-bottom:24px}.detail-layout{grid-template-columns:minmax(0,1fr) 235px}.detail-shell{padding:25px 22px}.calculator-panel{padding:23px}.footer-inner{padding:26px 22px}.prototype-label{display:none}.list-caption{font-size:14px}}
@media(max-width:580px){.site-header{height:68px}.header-inner,.shell{padding-left:18px;padding-right:18px}.header-inner{gap:15px}.brand{font-size:18px;gap:8px}.brand-mark{width:28px;height:28px;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);gap:3px}.header-nav{margin-left:auto;gap:0}.header-nav>a,.header-nav>button[data-info]{display:none}.header-nav>button{font-size:0;height:34px;gap:0}.header-nav>button:before{content:'☆';font-size:25px;color:#879b70;line-height:1}.header-nav button span{font-size:14px;min-width:13px;padding:2px 3px;margin-left:5px}.language{font-size:14px;padding-left:12px;gap:5px}.language span{font-size:17px}.intro{padding:30px 0 21px;align-items:center;gap:12px}.eyebrow{font-size:14px;letter-spacing:.12em;gap:6px}.intro h1{font-size:32px;line-height:1.25;letter-spacing:-1.4px;margin:13px 0 9px}.intro p{font-size:14px;line-height:1.7;max-width:232px;word-break:keep-all}.date-widget{width:83px;padding-left:12px;flex-shrink:0}.date-row strong{font-size:33px;letter-spacing:-1px}.date-row>span:first-child{font-size:14px}.date-orbit{display:none}.date-label{font-size:14px;gap:4px;letter-spacing:.03em}.date-label span{font-size:14px}.date-year{font-size:14px}.search-box{height:54px;padding:0 14px;gap:9px;border-radius:10px}.search-box input{font-size:14px}.search-box>svg{width:18px}.search-box kbd{display:none}.search-suggestions{gap:7px;margin-top:9px;flex-wrap:wrap;font-size:14px}.search-suggestions>span:first-child{font-size:14px}.search-suggestions button{font-size:14px;padding:5px 8px}.free-note{display:none}.category-nav-item{font-size:14px;gap:6px;padding:8px 10px;border-radius:6px}.category-nav-item>span:last-child{display:none}.category-nav-item svg{width:14px;height:14px}#category-nav{gap:6px}.directory{gap:22px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:16px}.section-heading>span{font-size:14px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-card{padding:13px 14px;min-height:153px;border-radius:12px}.feature-label{font-size:14px}.feature-visual{height:63px}.feature-visual .dday-big{font-size:38px}.dday-big span{font-size:33px}.featured-card h3{font-size:14px}.featured-card p{font-size:14px}.percent-visual{font-size:37px}.symbols-visual{font-size:27px;gap:11px}.area-visual>span{font-size:31px}.area-squares{width:30px;height:30px}.all-tools{margin-top:28px}.list-heading{align-items:center;margin-bottom:13px;gap:8px}.list-heading h2{font-size:17px;gap:7px}.list-heading h2 span{font-size:14px;line-height:20px}.list-heading p{font-size:14px;line-height:1.6}.list-caption{font-size:14px;text-align:right;max-width:98px;white-space:normal;line-height:1.6}.tool-grid{gap:8px}.tool-card{min-height:107px;padding:12px 10px;align-items:flex-start;flex-direction:column;gap:8px}.tool-icon{width:27px;height:27px;border-radius:7px;margin:0}.tool-icon svg{width:16px;height:16px}.tool-copy{width:100%}.tool-copy h3{font-size:14px;line-height:1.4;padding:0;margin-bottom:4px}.tool-copy p{font-size:14px;line-height:1.55;padding:0}.favorite-button{position:absolute;right:8px;top:10px;font-size:18px}.directory-footnote{font-size:14px;line-height:1.8;margin-top:13px}.directory-footnote span{display:block;margin:2px 0 0}.bottom-note{padding:20px 0;margin-top:17px;gap:11px;flex-wrap:wrap}.bottom-note h3{font-size:14px}.bottom-note p{font-size:14px;max-width:250px}.bottom-note button{margin-left:51px;margin-top:0;padding:0;font-size:14px}.note-icon{width:37px;height:37px;font-size:22px}.footer-inner{padding:24px 18px;align-items:flex-start;flex-direction:column;gap:15px}.footer-inner nav{margin:0;gap:21px}.footer-brand{font-size:14px}.footer-inner p{font-size:14px}.detail-shell{padding:20px 18px 35px}.breadcrumbs{font-size:14px;margin-bottom:22px}.detail-heading h1{font-size:28px;letter-spacing:-1.1px;margin:10px 0}.detail-heading p{font-size:14px}.detail-layout{grid-template-columns:1fr;gap:18px}.calculator-panel{padding:20px}.field-grid{gap:13px}.field{font-size:14px}.field input,.field select{font-size:14px;padding:11px 9px}.result-main{font-size:31px}.detail-side{padding:19px}.guide-panel{margin-top:20px;padding-top:17px}.guide-panel p{font-size:14px}.detail-star{min-width:37px;height:37px;font-size:22px}.symbol-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.symbol-item{font-size:21px;padding:10px 2px}.calculator-panel h2{font-size:14px;margin-bottom:20px}.toast{font-size:14px}.detail-preview-note{font-size:14px}}
body{overscroll-behavior:none}.directory-content{min-width:0}.tool-groups{display:block}.tool-group{margin:0 0 30px;padding-top:7px;scroll-margin-top:30px}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 1px 14px;padding-top:14px;border-top:1px solid var(--line)}.group-title{display:flex;align-items:center;gap:8px}.group-title>svg{width:17px;height:17px;color:#7b9166}.group-title>h3{font-size:14px;font-weight:600;margin:0;letter-spacing:-.4px}.group-title>span{font-size:14px;color:#80946c;background:#eaf0e1;padding:3px 6px;border-radius:4px}.group-heading>p{font-size:14px;color:#7b8c6d;margin:0}.tool-card[data-category="file"] .tool-icon{background:#f0eeeb;color:#8d9277}.tool-copy h3{font-size:14px}.tool-copy p{font-size:14px;color:#697763}.featured-card p{font-size:14px;color:#6f7b66}.green p{color:#c0d1b8}.list-heading p,.directory-footnote,.bottom-note p{color:#6e7e62}.category-nav-item{font-size:14px;gap:9px}.search-suggestions>span:first-child,.sidebar-label,.footer-inner nav button,.footer-inner p{color:#708265}.planned h3{color:#6b7a62}.planned-badge{color:#6f7d61}.list-caption{color:#6e7c61}.detail-side p,.guide-panel p{color:#6b7c5e}.result-sub{color:#60794a}.field{color:#5d7150}.symbol-item small{color:#697f54}
@media(max-width:850px){.group-heading>p{font-size:14px}.category-nav-item{font-size:14px}}
@media(max-width:580px){.group-heading{align-items:flex-start;flex-direction:column;gap:7px;padding-top:15px;margin-bottom:12px}.group-heading>p{padding-left:25px;font-size:14px}.group-title>h3{font-size:14px}.tool-group{margin-bottom:25px}.group-title>span{font-size:14px}.featured-grid{grid-template-columns:repeat(4,158px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#d4dfc3 transparent}.featured-card{scroll-snap-align:start}}
@media(max-width:580px){.tool-copy h3{font-size:14px}.tool-copy p{font-size:14px}.featured-card p{font-size:14px}.category-nav-item{font-size:14px}.directory-footnote{font-size:14px}.tool-card{min-height:120px}.list-heading p{font-size:14px}.bottom-note p{font-size:14px}.intro p{font-size:14px}.footer-inner nav button{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}