/* WORDMIO — AURORA. Shared colour, typography and motion system. */
:root{--canvas:#f3ecdf;--surface:#fff;--raised:#e8decd;--ink:#342e25;--subtle:#6b6050;--edge:#d9ccb8;--control-edge:#9c8c70;--accent:#783548;--blue:#783548;--blue-dark:#5b2636;--navy:var(--ink);--text:var(--ink);--muted:var(--subtle);--line:var(--edge);--soft:var(--raised);--blue-soft:#e9dfcc;--violet:#b5a078;--coral:#cba17c;--mint:#9ba981;--radius:18px;--premium-surface:var(--surface);--premium-edge:var(--edge);--premium-wash:var(--raised);font-family:'Segoe UI Variable Text','Segoe UI',system-ui,sans-serif;font-size:16px;font-synthesis:none;-webkit-font-smoothing:antialiased}
:root[data-theme=dark]{--canvas:#29251f;--surface:#332e26;--raised:#40392f;--ink:#f5ecdd;--subtle:#c9bda8;--edge:#594f40;--control-edge:#9f8d71;--accent:#e5afba;--blue:#e5afba;--blue-dark:#f0ccd3;--blue-soft:#51343e;--warm:#51343e;--premium-surface:var(--surface);--premium-edge:var(--edge);--premium-wash:var(--raised);color-scheme:dark}
html,html body,html .app-shell{background:var(--canvas);color:var(--ink)}body{line-height:1.6}h1,h2,h3{font-family:'Segoe UI Variable Display','Segoe UI',system-ui,sans-serif;letter-spacing:-.035em;font-kerning:normal;text-wrap:balance}p{line-height:1.75}::selection{background:#b9a478;color:#342e25}html :is(button,input,select,textarea){font:inherit}html button,html .button{min-height:44px}html .button{border-radius:12px;font-size:14px;font-weight:650;letter-spacing:0;gap:9px;box-shadow:none;transition:transform .2s,background .2s,border-color .2s}html .primary,html .header-cta{background:#783548;color:#fff9ee;border:1px solid #995465;box-shadow:0 4px 22px #9870f514}html .primary:hover,html .header-cta:hover{background:#5b2636;color:#fff9ee;border-color:#8b4055}html .primary:disabled{background:var(--raised);color:var(--subtle);border-color:var(--edge);box-shadow:none;transform:none}html .download-button{background:#556448;color:#fff9ee;border-color:#768569}html .download-button:hover{background:#44533a;color:#fff9ee}html :is(input,select,textarea){font-variant-numeric:tabular-nums}html :is(select,textarea,.select-wrap,.input-unit){border-color:var(--control-edge);border-radius:10px}html input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html select{min-height:44px}html :focus-visible{outline:3px solid #91465a;outline-offset:4px}
/* Quiet navigation gives the hero room to speak. */
:root .header.hub-header{background:var(--canvas);color:var(--ink);border-bottom:1px solid var(--edge);min-height:80px;padding:12px max(24px,calc((100vw - 1280px)/2));box-shadow:none;backdrop-filter:blur(14px)}:root .header .brand{background:transparent;color:var(--ink);padding:0;font-size:26px;letter-spacing:-.05em}:root .header.hub-header nav a:nth-child(n){color:var(--subtle);font-size:13px;display:flex;align-items:center;min-height:44px}:root .header.hub-header nav a:hover,:root .header.hub-header nav a[aria-current=page]{color:var(--ink)}.wordmio-lockup{display:inline-flex;gap:10px;align-items:center;background:transparent;padding:0}.wordmio-symbol{display:block;width:36px;height:36px;flex:0 0 36px}.wordmio-symbol svg{display:block;width:36px;height:36px}.wordmio-name{font-size:25px;font-weight:800;letter-spacing:-.055em;color:inherit;line-height:1.1}.brand-dot{color:#ae84fc}:root .header-cta{font-size:12px;border-radius:30px;padding:10px 18px;gap:14px}:root .theme-toggle,:root .header-menu-toggle{background:var(--surface);color:var(--subtle);border-color:var(--edge);border-radius:50%;width:42px;height:42px}
html .hub-main{max-width:1360px;padding:0 40px}html .premium-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:42px;position:relative;isolation:isolate;overflow:visible;text-align:left;padding:62px 0 48px!important;margin:0 0 22px;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:680px}html .hero-atmosphere{display:block;position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}html .hero-grid{display:none}html .hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,#7c3fde0c,transparent 65%);filter:none;animation:none}html .hero-content{position:relative;z-index:5;width:100%;max-width:none;margin:0;text-align:left;min-width:0}html .premium-hero .hub-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--edge);border-radius:30px;background:var(--surface);color:var(--subtle);font-size:9px;font-weight:650;letter-spacing:.16em;box-shadow:none}html .premium-hero .hub-kicker i{width:5px;height:5px;background:#9b78e1;box-shadow:0 0 10px #a783f355}html .premium-hero h1{font-size:clamp(44px,4.9vw,72px);font-weight:700;letter-spacing:-.065em;line-height:1.07;color:var(--ink);margin:25px 0 24px}html .premium-hero h1 span{color:var(--ink)}html .premium-hero h1 em{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.065em;font-weight:400;background:linear-gradient(100deg,#8860c8 2%,#bd5687 62%,#b45630);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:italic}html[data-theme=dark] .premium-hero h1 em{background-image:linear-gradient(100deg,#cbb0ff 2%,#f0a5d2 58%,#ffbf9a)}html .premium-hero .hero-description{color:var(--subtle);font-size:15px;line-height:1.85;max-width:470px;margin:0}html .hero-search-form{max-width:620px;margin:28px 0 0}html .hero-search-shell{display:flex;align-items:center;gap:7px;padding:6px 6px 6px 17px;background:var(--surface);border:1px solid var(--control-edge);border-radius:15px;box-shadow:0 8px 30px #00000008}html .hero-search-shell:focus-within{outline:3px solid #a684e72a;border-color:var(--accent)}html .premium-hero .hub-search{background:transparent;border:0;box-shadow:none;padding:0;min-width:0}html .premium-hero .hub-search svg{color:var(--subtle);width:19px}html #tool-search{color:var(--ink);background:transparent;border:0;outline:none;font-size:13px;min-height:46px;padding:0}html #tool-search::placeholder{color:var(--subtle);opacity:1}html .premium-hero .hero-cta{min-height:48px;min-width:122px;border-radius:10px;box-shadow:none;font-size:12px}html .search-shortcut{color:var(--subtle);background:var(--raised);border-color:var(--edge);border-radius:5px}html .hero-search-meta{padding:0 2px;margin-top:9px;font-size:10px;color:var(--subtle)}html .hero-try,html .hero-suggestion,html .hero-motion-toggle{color:var(--subtle)}html .hero-motion-toggle{border-color:var(--edge);background:var(--surface);min-height:30px;border-radius:6px;font-size:10px}html .search-accessibility{color:var(--subtle);justify-content:flex-start;font-size:10px;margin-top:9px}html .search-accessibility summary{color:var(--subtle)}html .search-accessibility details[open]{background:var(--surface);color:var(--ink);border:1px solid var(--edge);z-index:10}html .premium-hero .hub-trust{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:22px 0 17px;gap:10px 18px;font-size:10px;color:var(--subtle)}html .premium-hero .hub-trust svg{color:#65a68e}html[data-theme=dark] .premium-hero .hub-trust svg{color:var(--mint)}html .hero-popular,html .hero-popular-links{justify-content:flex-start;flex-wrap:wrap;gap:7px}html .hero-popular-label{color:var(--subtle);font-size:10px}html .hero-popular-links a{background:var(--surface);border:1px solid var(--edge);border-radius:8px;color:var(--ink);font-size:10px;padding:6px 8px;box-shadow:none}html .hero-popular-links a:hover{background:var(--raised);border-color:var(--control-edge);transform:translateY(-2px)}html .popular-tool-art{width:26px;height:26px;min-width:26px}html .hero-browse{font-size:11px;color:var(--accent);margin-top:20px}html .tool-command{background:var(--surface);border:1px solid var(--control-edge);border-radius:14px;box-shadow:0 22px 65px #0004;z-index:50}html .command-option{border-radius:10px}html .command-option[aria-selected=true]{background:var(--raised);outline:1px solid var(--control-edge)}
/* Original vector sculpture and orbiting links. Every moving element can pause. */
.aurora-art{position:relative;min-width:0;width:100%;align-self:center;isolation:isolate;z-index:1}.art-caption,.art-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.14em;color:var(--subtle);padding:0 22px}.art-caption{padding-top:12px}.art-caption span:last-child{font-variant-numeric:tabular-nums;font-size:10px;color:var(--accent)}.orbit-scene{height:440px;position:relative;isolation:isolate}.orbit-halo{position:absolute;inset:11% 4%;border-radius:50%;background:radial-gradient(ellipse,#9761de22,transparent 68%);pointer-events:none}.orbit-track{position:absolute;left:11%;top:12%;width:78%;height:76%;border:1px solid #9885b029;border-radius:50%;pointer-events:none}.orbit-track-one{transform:rotate(-27deg) scaleY(.82)}.orbit-track-two{transform:rotate(35deg) scaleX(.83);border-style:dashed;border-color:#ac92d01c}.orbit-sculpture{position:absolute;inset:-4% -4% -2%;pointer-events:none;transform:rotate(-8deg)}.orbit-sculpture svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 24px 22px #2e124a30)}.orbit-node{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid var(--edge);border-radius:13px;background:var(--surface);box-shadow:0 12px 30px #20103012;color:var(--ink);text-align:left;min-width:185px;z-index:3;transition:border-color .2s,box-shadow .2s}.orbit-node:hover{border-color:var(--accent);box-shadow:0 14px 35px #a374e51c}.node-icon,.node-icon svg{display:block;width:35px;height:35px;flex:none}.orbit-node small{display:block;font-size:7px;letter-spacing:.11em;color:var(--subtle);margin-bottom:5px}.orbit-node strong{display:block;font-size:12px;font-weight:650;letter-spacing:-.015em}.node-spark{font-size:17px;color:var(--accent);margin-left:6px}.node-image{left:1%;top:12%}.node-pdf{right:-1%;top:43%}.node-video{left:7%;bottom:4%}.orbit-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#c49aff;box-shadow:0 0 16px #c49aff60}.spark-one{top:18%;right:16%;background:#f3b8a1}.spark-two{left:12%;top:55%;width:3px;height:3px}.spark-three{right:24%;bottom:14%;background:#a8dece;width:4px;height:4px}.art-footer{padding:16px 22px 0;letter-spacing:0;font-size:10px}.art-status{display:flex;align-items:center;gap:8px}.art-status i{width:5px;height:5px;border-radius:50%;background:#80cbb1}.art-wave{display:flex;gap:3px;height:18px;align-items:center}.art-wave i{display:block;width:2px;height:7px;border-radius:3px;background:#a389c7}.art-wave i:nth-child(3n){height:15px;background:#d8a0bb}.art-wave i:nth-child(3n + 1){height:10px}
@keyframes aurora-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}@keyframes aurora-sculpt{0%,100%{transform:translate3d(0,3px,0) rotate(-8deg)}50%{transform:translate3d(0,-8px,0) rotate(2deg)}}@keyframes aurora-breathe{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.08);opacity:1}}@keyframes aurora-wave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.premium-hero .orbit-sculpture{animation:aurora-sculpt 14s ease-in-out infinite paused}.premium-hero .orbit-node{animation:aurora-float 8s ease-in-out infinite paused}.premium-hero .node-pdf{animation-delay:-3s}.premium-hero .node-video{animation-delay:-5s}.premium-hero .orbit-halo{animation:aurora-breathe 12s ease-in-out infinite paused}.premium-hero .art-wave i{animation:aurora-wave 2.8s ease-in-out infinite paused}.premium-hero .art-wave i:nth-child(2n){animation-delay:-1s}.premium-hero .art-wave i:nth-child(3n){animation-delay:-1.8s}.premium-hero[data-motion=running]:not([data-idle]) :is(.orbit-sculpture,.orbit-node,.orbit-halo,.art-wave i){animation-play-state:running}.premium-hero[data-motion=paused] :is(.orbit-sculpture,.orbit-node,.orbit-halo,.art-wave i),.premium-hero[data-idle] :is(.orbit-sculpture,.orbit-node,.orbit-halo,.art-wave i){animation-play-state:paused}
/* Colour-led featured cards, followed by a precise, quieter directory. */
html .tools-section-heading{margin:0 0 22px;gap:24px;align-items:center}html .tools-section-heading h2{font-size:27px;letter-spacing:-.035em;line-height:1.3;color:var(--ink)}html .tools-section-heading>a{font-size:12px;color:var(--subtle)}html .featured-tools{padding-bottom:12px}html .featured-tools-grid{gap:20px}html .featured-tool{position:relative;min-height:214px;padding:28px 30px;border-radius:20px;border:1px solid #a38bdf;background:#d5c0ff;color:#241634;overflow:hidden;box-shadow:none;isolation:isolate}html .featured-tool:before{content:'';position:absolute;width:240px;height:240px;right:-100px;top:-120px;border:1px solid #7852ad30;border-radius:50%;box-shadow:0 0 0 28px #7852ad08,0 0 0 56px #7852ad06;z-index:-1}html .featured-tool:after{display:none}html .featured-tool-1{background:#f6c9b4;border-color:#d3a68e;color:#35231d}html .featured-tool h3{font-size:29px;font-weight:700;letter-spacing:-.045em;margin:12px 0 8px;color:inherit}html .featured-tool p{color:#534065;font-size:13px;line-height:1.7;max-width:340px}html .featured-tool-1 p{color:#654b3f}html .featured-tool .featured-tool-action{color:#40285c;font-size:12px;margin-top:14px;min-height:34px}html .featured-tool-1 .featured-tool-action{color:#593b2c}html .featured-tool .tool-status{color:#422762;background:#f7efff60;border-color:#72519c30;font-size:8px;border-radius:5px}html .featured-tool-1 .tool-status{color:#614332;background:#fff7ec55;border-color:#96765b33}html .featured-tool .featured-tool-art{width:83px;height:83px;min-width:83px;filter:none;transform:rotate(-9deg);transition:transform .35s}html .featured-tool:hover{border-color:#cbb0ff;transform:translateY(-4px);box-shadow:0 14px 35px #00000012}html .featured-tool:hover .featured-tool-art{transform:rotate(0) translateY(-3px)}
html .all-tools-heading{border-top:0;padding:0;margin:40px 0 18px}.section-eyebrow{font-size:9px;letter-spacing:.18em;color:var(--accent);font-weight:650;margin-bottom:9px}.section-description{color:var(--subtle);font-size:12px;max-width:300px}html .directory-bar{padding:12px 0;margin:0 0 24px;gap:15px;background:transparent;border:0;border-bottom:1px solid var(--edge);border-radius:0;flex-wrap:wrap}html .category-filters{display:flex;flex-wrap:wrap;gap:7px}html .category-filter{min-height:40px;border-radius:30px;font-size:11px;padding:9px 13px;color:var(--subtle);border:1px solid transparent;background:transparent}html .category-filter:hover{background:var(--raised);color:var(--ink)}:root .tool-directory .category-filter[aria-pressed=true]{background:var(--raised);border-color:var(--control-edge);color:var(--ink)}:root .tool-directory .category-filter[aria-pressed=true] svg{color:var(--accent)}html .directory-count{margin-left:auto;color:var(--subtle);font-size:10px}html .tool-directory .tool-grid{gap:14px;padding:0;background:transparent;border:0;border-radius:0;overflow:visible}html .tool-directory .tool-card{--card-glow:#9c7be7;position:relative;overflow:hidden;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:16px;padding:23px;min-height:234px;box-shadow:none;transition:transform .22s,border-color .22s,box-shadow .22s;isolation:isolate}html .tool-card[data-group=pdf]{--card-glow:#eeaa94}html .tool-card[data-group=finance]{--card-glow:#8acdb4}html .tool-card[data-group=video]{--card-glow:#bc89e5}html .tool-card[data-group=everyday]{--card-glow:#dcc585}html .tool-directory .tool-card:after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-glow),transparent);opacity:0;transition:opacity .25s;pointer-events:none}html .tool-directory .tool-card:hover{background:var(--surface);border-color:var(--control-edge);transform:translateY(-4px);box-shadow:0 12px 28px #00000012}html .tool-directory .tool-card:hover:after,html .tool-directory .tool-card:focus-visible:after{opacity:1}html .tool-directory .tool-card h2{font-size:16px;font-weight:650;letter-spacing:-.025em;line-height:1.4;color:var(--ink)}html .tool-directory .tool-card>p{font-size:12px;line-height:1.8;color:var(--subtle)}html .tool-directory .card-top{margin-bottom:20px}html .tool-directory .card-icon{background:transparent;border:0;border-radius:0;width:48px;height:48px;min-width:48px;box-shadow:none}html .tool-directory .card-icon svg{width:48px;height:48px;filter:none}html .tool-directory .card-label{font-size:8px;letter-spacing:.1em;color:var(--subtle)}html .tool-directory .card-bottom{font-size:10px;line-height:1.5;border-color:var(--edge);color:var(--subtle);padding-top:15px}html .tool-directory .card-bottom svg{color:var(--accent);width:14px}html .tool-status{font-size:8px;border-radius:5px;padding:4px 6px}html .recent-tool{background:var(--surface);border-color:var(--edge);border-radius:12px;padding:14px}html .recent-tool strong{font-size:13px;color:var(--ink)}html .recent-tool small{font-size:10px;color:var(--subtle)}html .hub-value,html .home-about{background:var(--surface);border:1px solid var(--edge);border-radius:20px;padding:30px;gap:24px;margin-top:34px}html .hub-value>h2,html .home-about h2{font-size:26px;color:var(--ink);letter-spacing:-.035em}html .hub-value>h2 span{color:var(--accent)}html .value-item>span{color:var(--ink);font-size:13px}html .value-item p,html .home-about p{color:var(--subtle);font-size:12px}html .home-journal{padding-top:44px}html .home-journal h2{color:var(--ink);font-size:30px}html .journal-card,html .journal-card:first-child{background:var(--surface);border:1px solid var(--edge);border-radius:16px;color:var(--ink);box-shadow:none}html .journal-card h3,html .journal-card:first-child h3{color:var(--ink);font-size:21px;letter-spacing:-.025em}html .journal-card p,html .journal-card:first-child p{color:var(--subtle)}html .journal-card:first-child :is(a,.journal-read,.journal-meta,.journal-eyebrow){color:var(--accent)}
/* Workspaces use the same palette with calm, high-contrast editing surfaces. */
html .sidebar{background:var(--surface);border-color:var(--edge);color:var(--ink)}:root .sidebar .tool-link{color:var(--subtle);border-radius:11px}:root .sidebar .tool-link.active{color:var(--ink);background:var(--raised);border-color:var(--edge);box-shadow:inset 3px 0 var(--accent)}:root .sidebar .tool-link.active small,:root .sidebar .tool-link small{color:var(--subtle)}:root .sidebar .tool-link:hover{color:var(--ink);background:var(--raised)}html .sidebar .nav-icon{color:var(--accent)}html .sidebar-bottom{background:var(--raised);border-color:var(--edge);color:var(--subtle)}html .sidebar-bottom :is(h3,strong){color:var(--ink)}html .sidebar-bottom p{color:var(--subtle)}html .sidebar-bottom a,html .sidebar-back{color:var(--accent)}:root main .has-tool-art{position:relative;padding:26px 28px 26px 112px;margin-bottom:22px;border:1px solid var(--edge);border-radius:18px;background:var(--surface);min-width:0;box-shadow:none}:root main .has-tool-art>.tool-heading-art{position:absolute;inset-inline-start:28px;top:28px;width:56px;height:56px;margin:0}:root main .has-tool-art h1{font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.045em;color:var(--ink)}:root main .has-tool-art p{color:var(--subtle);font-size:14px;line-height:1.7}html .workflow-bar{padding:14px 18px;background:var(--surface);border:1px solid var(--edge);border-radius:12px}html :is(.files-panel,.settings-panel,.pdf-workspace,.pdf-settings,.organize-panel,.organize-settings,.utility-panel,.finance-form,.finance-results){background:var(--surface);border:1px solid var(--edge);border-radius:18px;box-shadow:none}html .panel-title{background:transparent;border-bottom:1px solid var(--edge);padding:22px 24px}html .panel-title h2{font-size:17px;color:var(--ink)}html :is(.dropzone,.pdf-drop,.organize-drop){background:var(--canvas);border:1.5px dashed var(--control-edge);border-radius:14px}html :is(.dropzone,.pdf-drop,.organize-drop):hover{border-color:var(--accent)}html :is(.dropzone,.pdf-drop,.organize-drop) :is(h2,h3){color:var(--ink);font-size:22px;letter-spacing:-.03em}html :is(.dropzone,.pdf-drop,.organize-drop) p{color:var(--subtle)}html .field-help{font-size:12px;line-height:1.7}html .finance-stat,html .utility-metrics>div{background:var(--raised);border-color:var(--edge);border-radius:12px}html .finance-stat>strong{color:var(--ink);font-size:32px;letter-spacing:-.04em}html .finance-tool-card,html .finance-hero,html .finance-intro-card{background:var(--surface);border-color:var(--edge);border-radius:18px;box-shadow:none}html :is(.tool-help,.tool-faq,.tool-landing){padding:28px 32px!important;background:var(--surface);border:1px solid var(--edge)!important;border-radius:18px;margin-block:24px;font-size:14px;line-height:1.8;box-shadow:none}html :is(.tool-help,.tool-faq,.tool-landing) h2{font-size:23px;line-height:1.35;margin:0 0 16px;color:var(--ink)}html :is(.tool-help,.tool-faq,.tool-landing) h3{font-size:17px;margin:26px 0 12px;color:var(--ink)}html :is(.tool-help,.tool-faq,.tool-landing) p{max-width:82ch;margin:12px 0;color:var(--subtle)}html :is(.tool-help,.tool-faq,.tool-landing) ol{padding-left:23px}html :is(.tool-help,.tool-faq,.tool-landing) li{padding:5px 0;color:var(--subtle)}html .tool-landing-faq details{background:transparent;border-top:1px solid var(--edge);padding:0}html .tool-landing-faq summary{padding:16px 30px 16px 0;color:var(--ink);font-weight:600;min-height:48px;cursor:pointer}html .tool-landing-faq details p{padding:0 0 14px;margin:0}html .tool-related-links ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}html .tool-related-links a{display:inline-flex;padding:8px 13px;background:var(--raised);border:1px solid var(--edge);border-radius:8px;color:var(--accent);font-size:12px}html .tool-help:has(.quick-guide){padding:0!important}.quick-guide>summary{padding:20px 26px;font-size:15px;font-weight:650;color:var(--ink);cursor:pointer;min-height:54px}.quick-guide>summary span{font-size:12px;font-weight:400;margin-left:12px;color:var(--subtle)}.quick-guide[open]{padding:0 26px 20px}.quick-guide[open]>summary{margin:0 -26px}html .article-body{padding:32px;border:1px solid var(--edge);border-radius:18px;background:var(--surface)}html .article-toc{padding:20px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);top:calc(var(--header-height) + 20px)}html .about-principles{gap:18px;background:transparent;border:0}html .about-principles section{background:var(--surface);padding:26px;border:1px solid var(--edge);border-radius:18px}html :is(.editorial-main,.document-main)>h1,html .about-lead h1{color:var(--ink);font-size:clamp(34px,4vw,56px);line-height:1.15}
html .wm-panel{background:var(--surface);border-color:var(--edge);border-radius:18px;padding:28px}.wm-panel input[type=file]{display:block;width:100%;padding:20px;border:1.5px dashed var(--control-edge);border-radius:12px;background:var(--canvas);color:var(--subtle);font-size:13px}.wm-panel input[type=file]::file-selector-button{border:1px solid #995465;background:#783548;color:#fff9ee;border-radius:8px;padding:12px 18px;font:inherit;font-weight:650;margin-right:16px;cursor:pointer}.wm-panel .wm-fields label{font-size:13px}.wm-panel .wm-fields input{background:var(--surface)}.wm-panel .wm-stage{background:var(--raised)}.wm-sample{margin:12px 0;color:var(--accent);font-size:13px;text-decoration:underline;text-underline-offset:3px}
:root .site-footer.footer-minimal{--footer-bg:#e5dac7;--footer-ink:#645944;--footer-heading:#342e25;--footer-accent:#e5afba;--footer-line:#c6b79d;--focus-color:#e5afba;background:var(--footer-bg);border:1px solid var(--footer-line);border-bottom:0;border-radius:22px 22px 0 0;padding:38px 30px 24px;margin-top:52px;color:var(--footer-ink)}:root .site-footer .brand{background:transparent;color:#fff}:root .site-footer .wordmio-lockup{background:transparent;color:#fff}:root .site-footer :is(h2,h3,strong){color:var(--footer-heading)}:root .site-footer a{color:var(--footer-ink)}:root .site-footer a:hover{color:#fff}:root .footer-copyright{color:#6b6050}
/* Resolve inherited dark form styling without relying on reversed filter effects. */
:root[data-theme=dark] #tool-search{background:transparent;color:#f5ecdd;color-scheme:dark}:root[data-theme=dark] #tool-search::placeholder{color:#c9bda8}:root[data-theme=dark] .premium-hero .hero-search-shell{background:#332e26}:root[data-theme=dark] .premium-hero .hero-cta,:root[data-theme=dark] .header-cta,:root[data-theme=dark] .primary{background:#783548;color:#fff9ee;border-color:#995465}:root[data-theme=dark] .primary:disabled{background:var(--raised);color:var(--subtle);border-color:var(--edge)}:root[data-theme=dark] .featured-tool,:root[data-theme=dark] .featured-tool h3{color:#241634;background:#d5c0ff}:root[data-theme=dark] .featured-tool-1,:root[data-theme=dark] .featured-tool-1 h3{color:#35231d;background:#f6c9b4}:root[data-theme=dark] .featured-tool p{color:#534065}:root[data-theme=dark] .featured-tool-1 p{color:#654b3f}:root[data-theme=dark] .featured-tool .featured-tool-action{color:#40285c}:root[data-theme=dark] .featured-tool-1 .featured-tool-action{color:#593b2c}:root[data-theme=dark] .featured-tool .tool-status{background:#f7efff60;color:#422762;border-color:#72519c30}:root[data-theme=dark] .featured-tool-1 .tool-status{background:#fff7ec55;color:#614332;border-color:#96765b33}
@media(min-width:1100px){html .tool-directory .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){html .premium-hero{gap:18px;min-height:630px;padding:48px 0 36px!important}html .premium-hero h1{font-size:59px}.orbit-scene{height:395px}.orbit-node{padding:11px;min-width:160px}.orbit-node strong{font-size:11px}.orbit-node small{font-size:6px}.node-icon,.node-icon svg{width:30px;height:30px}.node-image{left:0}.node-pdf{right:0}.art-caption,.art-footer{padding-inline:10px}.art-footer{font-size:9px}html .header.hub-header{padding-inline:24px}html .tool-directory .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){html .premium-hero{grid-template-columns:minmax(0,1fr);gap:10px;padding:42px 0 28px!important;min-height:0}html .hero-content{max-width:660px;margin:auto;width:100%}html .premium-hero h1{font-size:64px}.aurora-art{max-width:540px;margin:4px auto 10px}.orbit-scene{height:350px}.orbit-sculpture{inset:-15% 4% -18%}.node-image{left:0;top:12%}.node-pdf{right:0;top:38%}.node-video{left:10%;bottom:1%}.art-caption{display:none}.art-footer{padding-top:12px}html .hero-search-form{max-width:none}html .hero-popular-links{gap:7px}html .featured-tool{padding:25px;min-height:210px}html .featured-tool h3{font-size:26px}html .featured-tool .featured-tool-art{width:67px;height:67px;min-width:67px}}
@media(max-width:760px){html .hub-main{padding:0 22px}:root .header.hub-header{min-height:68px;padding:8px 22px}:root .hub-header[data-menu-ready] .header-menu{background:var(--surface);border-color:var(--edge);border-radius:14px}:root .header.hub-header nav a:nth-child(n){color:var(--subtle)}.wordmio-name{font-size:23px}.wordmio-symbol,.wordmio-symbol svg{width:33px;height:33px;flex-basis:33px}html .tool-directory .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html .tool-directory .tool-card{padding:20px;min-height:228px}html .tool-directory .tool-card h2{font-size:16px}html .directory-count{margin:0;width:100%}html .section-description{display:none}html .tools-section-heading h2{font-size:25px}html .category-filter{font-size:11px;padding:8px 11px;min-height:38px}html .tools-section-heading{gap:14px}html .hub-value,html .home-about{padding:25px;gap:24px}html .article-toc{position:static}html .article-body{padding:24px}:root main .has-tool-art{padding:23px 22px 23px 88px}:root main .has-tool-art>.tool-heading-art{width:44px;height:44px;inset-inline-start:22px;top:25px}:root main .has-tool-art h1{font-size:28px}html .workflow-bar{flex-wrap:wrap}html :is(.tool-help,.tool-faq,.tool-landing){padding:24px!important}html .wm-panel{padding:22px}.wm-panel input[type=file]{padding:14px;font-size:12px}.wm-panel input[type=file]::file-selector-button{padding:11px 13px;margin-right:8px}:root .site-footer.footer-minimal{padding:30px 24px 22px}html .featured-tools-grid{gap:14px}}
@media(max-width:480px){html .hub-main{padding:0 18px}:root .header.hub-header{padding-inline:18px}html .premium-hero{padding:32px 0 22px!important}html .premium-hero h1{font-size:46px;letter-spacing:-.06em;margin:20px 0}html .premium-hero .hub-kicker{font-size:8px;letter-spacing:.13em;padding:7px 10px}html .premium-hero .hero-description{font-size:14px;line-height:1.8}html .hero-search-form{margin-top:23px}html .hero-search-shell{padding:6px 6px 6px 13px;flex-direction:row;gap:5px}html .premium-hero .hub-search{width:auto;flex:1;min-height:44px}html #tool-search{font-size:12px;width:100%;min-width:0}html .premium-hero .hero-cta{width:45px;min-width:45px;min-height:44px;padding:10px}html .hero-cta>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html .search-shortcut{display:none}html .hero-popular-label{display:none}html .hero-popular-links a{font-size:10px;padding:6px 8px}html .premium-hero .hub-trust{font-size:9px;gap:9px 13px;margin:18px 0 15px}html .search-accessibility{font-size:10px}.aurora-art{margin-top:15px}.orbit-scene{height:300px}.orbit-node{padding:10px;min-width:140px;gap:8px;border-radius:10px}.orbit-node strong{font-size:10px}.orbit-node small{font-size:5.5px}.node-icon,.node-icon svg{width:26px;height:26px}.node-image{top:9%;left:0}.node-pdf{top:39%;right:0}.node-video{bottom:0;left:5%}.node-spark{display:none}.orbit-sculpture{inset:0 8%}.art-footer{font-size:8px;padding-inline:5px}.art-wave{height:14px;gap:2px}.art-wave i{width:2px}html .tool-directory .tool-grid{grid-template-columns:minmax(0,1fr)}html .tool-directory .tool-card{min-height:205px;padding:22px}html .featured-tool{padding:24px;min-height:200px}html .featured-tool h3{font-size:27px}html .featured-tool .featured-tool-art{width:66px;height:66px;min-width:66px}html .tools-section-heading h2{font-size:23px}html .tools-section-heading>a{font-size:10px}html .directory-bar{gap:12px}html .category-filters{gap:5px}html .category-filter{font-size:10px;padding:8px 9px}html .wm-main{padding:22px 16px}html :is(.tool-help,.tool-faq,.tool-landing){padding:22px!important}.quick-guide>summary span{display:block;margin-left:17px}html .tool-help:has(.quick-guide){padding:0!important}html .quick-guide>summary{padding:18px 22px}html .hero-browse{margin-top:17px}}
@media(max-width:359px){html .hub-main{padding-inline:14px}html .premium-hero h1{font-size:40px}.orbit-node{min-width:128px}.orbit-node strong{font-size:9px}.orbit-scene{height:275px}.art-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){html *,html *:before,html *:after{scroll-behavior:auto!important;transition:none!important}.premium-hero :is(.orbit-sculpture,.orbit-node,.orbit-halo,.art-wave i){animation:none!important}.orbit-sculpture{transform:rotate(-8deg)}html .tool-directory .tool-card:hover,html .featured-tool:hover{transform:none}}
@media(forced-colors:active){.orbit-sculpture,.orbit-halo,.orbit-track,.orbit-spark{display:none}.orbit-node{border:1px solid CanvasText}.orbit-node,html .featured-tool,html .featured-tool-1{background:Canvas!important;color:CanvasText!important}html .premium-hero h1 em{color:CanvasText;background:none}.art-wave{display:none}}
@media print{html,html body,html .app-shell{background:#fff;color:#111}.aurora-art{display:none}html .premium-hero h1,html .premium-hero h1 span,html .premium-hero h1 em{color:#111;background:none}.premium-hero{display:block!important}:root .site-footer.footer-minimal{--footer-bg:#fff;--footer-ink:#222;--footer-heading:#111;--footer-line:#ddd;background:#fff}}
:root[data-theme=dark] .site-footer.footer-minimal{--footer-bg:#e5dac7;--footer-ink:#645944;--footer-heading:#342e25;--footer-accent:#e5afba;--footer-line:#c6b79d;--focus-color:#e5afba;background:var(--footer-bg);color:var(--footer-ink);border-color:var(--footer-line)}:root[data-theme=dark] .featured-tool .featured-tool-action span,:root[data-theme=dark] .featured-tool .featured-tool-action svg{color:#40285c}:root[data-theme=dark] .featured-tool-1 .featured-tool-action span,:root[data-theme=dark] .featured-tool-1 .featured-tool-action svg{color:#593b2c}

/* Quiet homepage: one editorial hero, with the working directory on /tools/. */
html body.landing-page{background:#f3ecdf;color:#3d382b;min-height:100dvh;color-scheme:light;--ink:#3d382b;--subtle:#52655d;--surface:#f3ecdf;--edge:#d5dcd3;--canvas:#f3ecdf}
html .landing-page .header.hub-header{background:#f3ecdf;border-bottom:1px solid #d9ccb8;box-shadow:none;padding:22px 6%;min-height:98px;position:relative;color:#3d382b}
html .landing-page .wordmio-name{color:#3d382b;letter-spacing:-1.2px;font-weight:650;font-size:27px}.landing-page .wordmio-symbol svg rect{fill:#245748}.landing-page .wordmio-symbol{filter:none}
html .landing-page .header.hub-header nav a:nth-child(n){color:#3d584f;font-size:13px;font-weight:500;background:none;padding:9px 16px}html .landing-page .header.hub-header nav a[aria-current]{color:#153d32;text-decoration:underline;text-underline-offset:8px;text-decoration-color:#99b2a4}
html .landing-page .header-menu-toggle{color:#3d382b;border-color:#abbdb1;background:transparent}html .landing-page .header-menu{background:#f3ecdf;border-color:#d5dcd3}html .landing-page .header-quick-actions{margin-left:auto}
.quiet-home{padding:0 6%;isolation:isolate}.quiet-hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:calc(100svh - 98px);max-width:1600px;margin:0 auto;padding:70px 0 110px;gap:10px}.quiet-copy{position:relative;z-index:2}.quiet-eyebrow{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.19em;font-weight:600;margin:0 0 38px;color:#557267}.quiet-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#427a62;box-shadow:0 0 0 5px #e1e8da}
html .quiet-hero h1{font-size:clamp(45px,5.4vw,88px);line-height:1.1;letter-spacing:-.065em;font-weight:500;color:#3d382b;margin:0 0 28px;text-wrap:nowrap}.quiet-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;color:#7a7155}.quiet-description{font-size:15px;line-height:1.85;color:#6b6050;margin:0 0 36px}.quiet-cta{display:inline-flex;align-items:center;gap:34px;padding:17px 24px;border-radius:100px;background:#586044;color:#fff!important;text-decoration:none;font-size:13px;font-weight:550;box-shadow:0 8px 24px #204d3c12;transition:background .2s,transform .2s}.quiet-cta:hover{background:#346b52;transform:translateY(-2px)}.quiet-cta>span{font-size:23px;line-height:1}.landing-page :focus-visible{outline:3px solid #437b60;outline-offset:5px}
.quiet-art{position:relative;width:100%;aspect-ratio:1;max-width:560px;margin:0 auto;perspective:1000px;animation:quiet-arrive 1.8s ease-out both}.quiet-disc{position:absolute;border-radius:50%;transform:rotateY(-28deg) rotateX(16deg) rotate(-28deg)}.disc-back{inset:7% 0 9% 9%;background:radial-gradient(ellipse at 26% 20%,#e7ecc4 0%,#bdd3a2 23%,#739d76 51%,#2d6551 74%,#adc69b 100%);box-shadow:inset 5px 5px 7px #fbffe5b0,inset -18px -12px 20px #153f3570,28px 28px 65px #23472d15}.disc-front{inset:15% 11% 17% 19%;background:radial-gradient(ellipse at 35% 24%,#eaf3cf66 0%,#94b692a0 30%,#315e4b 68%,#153f35 100%);border:1px solid #e2efc799;box-shadow:inset 10px 10px 20px #e5f4cb66,inset -10px -12px 25px #123e35b0,8px 8px 10px #204e3c55}.disc-inner{inset:26% 24% 29% 31%;background:radial-gradient(ellipse at 70% 65%,#e6ebcd 0%,#c2d1aa 45%,#7f9f78 77%,#365f49 100%);border:1px solid #bdd2aa;box-shadow:inset 8px 10px 18px #234f3caa,-5px -5px 14px #e6f3c64d,9px 9px 10px #17413244}.quiet-glint{position:absolute;left:25%;top:17%;width:25%;height:1px;background:linear-gradient(90deg,transparent,#f8ffe9,transparent);transform:rotate(-32deg);filter:blur(.3px)}.quiet-shadow{position:absolute;left:19%;right:3%;bottom:0;height:8%;background:#35583c29;filter:blur(18px);border-radius:50%;z-index:-1}.quiet-baseline{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid #d9ccb8;padding-top:22px;color:#607669;font-size:9px;letter-spacing:.13em}.quiet-baseline>span:last-child{font-family:Georgia,serif;font-size:14px;font-style:italic;letter-spacing:0}
@keyframes quiet-arrive{from{opacity:0;transform:translateY(20px) rotate(5deg)}to{opacity:1;transform:none}}
html .directory-page .premium-hero{display:block;min-height:0;padding:45px 0 25px!important}.directory-page .hero-content{max-width:700px;margin:0}.directory-page .aurora-art,.directory-page .hero-popular,.directory-page .hub-trust,.directory-page .hero-browse{display:none}html .directory-page .premium-hero h1{font-size:48px}html .directory-page .tool-directory{margin-top:20px}
@media(min-width:1800px){.quiet-hero{min-height:850px}}
@media(max-width:1000px){html .quiet-hero h1{font-size:clamp(43px,5.4vw,65px)}.quiet-description{font-size:14px}.quiet-eyebrow{font-size:8px;letter-spacing:.12em}.quiet-hero{gap:0}.quiet-art{width:100%;margin-left:0}}
@media(max-width:900px){html .landing-page .header.hub-header{padding:15px 6%;min-height:76px}.quiet-hero{min-height:calc(100svh - 76px);grid-template-columns:1fr;padding:48px 0 85px;gap:20px}.quiet-copy{text-align:center}.quiet-eyebrow{justify-content:center;font-size:8px;margin-bottom:27px;letter-spacing:.12em}html .quiet-hero h1{font-size:clamp(37px,7.8vw,59px);line-height:1.13;margin-bottom:22px}.quiet-description{font-size:13px;margin-bottom:25px}.quiet-cta{padding:14px 22px;font-size:12px}.quiet-art{max-width:320px;width:80%;margin:-3px auto 0}.quiet-baseline{bottom:20px;padding-top:16px;font-size:7px}.quiet-baseline>span:last-child{font-size:12px}.quiet-shadow{filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){.quiet-art{animation:none}.quiet-cta{transition:none}.quiet-cta:hover{transform:none}}
@media(forced-colors:active){.quiet-art{display:none}.quiet-cta{border:1px solid ButtonText}.quiet-hero{display:block}}

html .landing-page .header.hub-header .header-menu-toggle svg,html .landing-page .header.hub-header .header-menu-toggle svg path{stroke:#586044;color:#586044}html .landing-page .wordmio-name{text-shadow:none}.landing-page .wordmio-name span{color:#7a7155}

/* A generous, focused entrance to the tool library. */
html .directory-page .premium-hero{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;min-height:650px;padding:76px 54px 64px!important;margin:32px 0 52px;border:1px solid var(--edge);border-radius:32px;background:radial-gradient(ellipse at 12% 0%,#b394f51c,transparent 52%),radial-gradient(ellipse at 95% 85%,#e8a68c12,transparent 50%),var(--surface);overflow:visible}
html .directory-page .premium-hero:before{content:'';position:absolute;inset:24px;border:1px solid var(--edge);border-radius:23px;opacity:.45;pointer-events:none;z-index:-1}html .directory-page .hero-content{width:100%;max-width:860px;margin:0 auto;text-align:center}html .directory-page .premium-hero .hub-kicker{font-size:10px;letter-spacing:.16em;padding:9px 15px;margin:0 auto 26px;display:inline-flex}html .directory-page .premium-hero h1{font-size:clamp(54px,6.3vw,88px);line-height:1.06;letter-spacing:-.055em;margin:0 0 25px;text-wrap:balance}html .directory-page .premium-hero .hero-description{max-width:580px;margin:0 auto;color:var(--subtle);font-size:16px;line-height:1.8}html .directory-page .hero-search-form{max-width:730px;width:100%;margin:34px auto 0;text-align:left}html .directory-page .hero-search-shell{padding:9px 9px 9px 22px;border-radius:17px;background:var(--canvas);box-shadow:0 16px 42px #08051112}html .directory-page .premium-hero .hub-search{min-height:52px}html .directory-page #tool-search{font-size:15px}html .directory-page .premium-hero .hero-cta{min-height:52px;padding:14px 25px;border-radius:11px}html .directory-page .hero-search-meta{margin-top:13px}html .directory-page .search-accessibility{max-width:730px;margin:16px auto 0;text-align:left}html .directory-page .hub-trust{display:flex;justify-content:center;gap:25px;margin:29px 0 0;font-size:10px}html .directory-page .tool-directory{margin-top:0}html .directory-page .tool-command{text-align:left;z-index:30}html .directory-page .hero-atmosphere{display:none}
@media(max-width:900px){html .directory-page .premium-hero{min-height:610px;padding:62px 34px 48px!important;margin:24px 0 40px}html .directory-page .premium-hero h1{font-size:65px}html .directory-page .premium-hero .hero-description{font-size:15px}html .directory-page .hero-search-shell{padding-left:16px}}
@media(max-width:600px){html .directory-page .premium-hero{min-height:0;padding:44px 18px 34px!important;margin:18px 0 32px;border-radius:24px}html .directory-page .premium-hero:before{inset:10px;border-radius:17px}html .directory-page .premium-hero h1{font-size:clamp(39px,9.4vw,55px);margin-bottom:22px}html .directory-page .premium-hero .hub-kicker{font-size:7px;letter-spacing:.1em;padding:7px 9px;margin-bottom:24px}html .directory-page .premium-hero .hero-description{font-size:13px;line-height:1.75}html .directory-page .hero-search-form{margin-top:25px}html .directory-page .hero-search-shell{padding:6px 6px 6px 11px;gap:4px;border-radius:13px}html .directory-page #tool-search{font-size:12px}html .directory-page .premium-hero .hub-search{min-height:46px;min-width:0}html .directory-page .premium-hero .hero-cta{width:45px;min-width:45px;min-height:46px;padding:10px}html .directory-page .hero-cta>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html .directory-page .search-shortcut{display:none}html .directory-page .hub-trust{gap:10px 15px;flex-wrap:wrap;font-size:8px;margin-top:22px}html .directory-page .search-accessibility{font-size:9px}html .directory-page .hero-search-meta{font-size:9px}}