:root{--ink:#14231f;--paper:#fbfaf6;--card:#fff;--green:#175c48;--mint:#d7eee5;--lime:#e9f098;--line:#d8ddd7;--muted:#66726e;--orange:#f07a52;--shadow:0 22px 60px #14231f17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:.8rem 1.2rem;font-weight:700;transition:all .2s}button:hover:not(:disabled){border-color:var(--green);transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:14px;outline:none;padding:.85rem 1rem}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #175c481a}.shell{width:min(1120px,100% - 40px);margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fbfaf6e6;border-bottom:1px solid #d8ddd7cc;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.08em;align-items:baseline;gap:.55rem;font-size:1.45rem;font-weight:900;display:flex}.brand small{letter-spacing:.2em;color:var(--green);font-size:.62rem}nav{gap:1.6rem;font-size:.9rem;font-weight:700;display:flex}.hero{background:radial-gradient(circle at 80% 30%,#d7eee5d9,#0000 28%);flex-direction:column;justify-content:center;align-items:flex-start;min-height:620px;padding:110px 0 90px;display:flex}.eyebrow{color:var(--green);letter-spacing:.16em;margin:0 0 .7rem;font-size:.72rem;font-weight:900}.hero h1{letter-spacing:-.08em;max-width:850px;margin:0;font-size:clamp(3.5rem,9vw,7.8rem);font-weight:900;line-height:1.02}.hero h1 em{color:var(--green);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--lime);z-index:-1;height:.13em;position:absolute;bottom:-.04em;left:2%;right:-2%;transform:rotate(-1.5deg)}.lead{max-width:660px;color:var(--muted);font-size:1.08rem}.primary-link,.primary-button{color:#fff;background:var(--green);border-color:var(--green);border-radius:999px;justify-content:center;align-items:center;gap:1.2rem;padding:.95rem 1.5rem;font-weight:800;display:inline-flex}.primary-link{margin-top:1.5rem}.primary-link span{font-size:1.2rem}.tool-section{padding:90px 0}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-heading h2,.principles h2,.related h2,.prose-page h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.1}.section-heading>p{max-width:350px;color:var(--muted)}.tool-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.tool-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff73;flex-direction:column;min-height:285px;padding:24px;transition:all .25s;display:flex;position:relative}.tool-card:hover{z-index:1;box-shadow:var(--shadow);background:#fff;transform:translateY(-3px)}.card-index{color:#8b9692;letter-spacing:.12em;font-size:.7rem;font-weight:800}.tool-icon{background:var(--mint);border-radius:18px;place-items:center;width:54px;height:54px;margin:1rem 0 .6rem;font-size:1.5rem;font-weight:900;display:grid}.tool-card:nth-child(4n+2) .tool-icon{background:var(--lime)}.tool-card h3{margin:.2rem 0;font-size:1.25rem}.tool-card p{color:var(--muted);margin:.25rem 0;font-size:.85rem;line-height:1.65}.card-arrow{color:var(--green);margin-top:auto;font-size:.78rem;font-weight:900}.beta-badge{color:#80531b;background:#f8e6bc;border-radius:99px;padding:.2rem .5rem;font-size:.65rem;font-weight:800;position:absolute;top:20px;right:20px}.principles{padding:100px 0 120px}.principles>div{grid-template-columns:repeat(3,1fr);margin-top:2.5rem;display:grid}.principles article{border-left:1px solid var(--line);padding:2rem}.principles article b{color:var(--orange);font-size:.75rem}.principles article p{color:var(--muted)}.site-footer{color:#eaf3ef;background:var(--ink);padding:55px 0}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;display:grid}.footer-inner strong{font-size:1.35rem}.footer-inner span,.privacy-note{color:#9db1aa;font-size:.78rem}.footer-inner>div{gap:1.2rem;font-size:.82rem;display:flex}.privacy-note{text-align:right}.tool-page{padding:72px 0 100px}.tool-title-row{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:28px;display:flex}.tool-title-row h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.5rem,6vw,5.2rem);line-height:1.05}.tool-title-row>div>p:last-child{color:var(--muted);max-width:640px}.page-icon{background:var(--mint);border-radius:30px;place-items:center;width:100px;height:100px;font-size:2.5rem;font-weight:900;display:grid;transform:rotate(3deg)}.notice{background:#fff1cf;border:1px solid #efcf81;border-radius:14px;padding:1rem 1.2rem}.workbench{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:30px;margin-top:30px;padding:clamp(24px,5vw,56px)}.big-display{font-variant-numeric:tabular-nums;letter-spacing:-.07em;text-align:center;font-size:clamp(3rem,10vw,7.5rem);font-weight:900;line-height:1.1}.field-pair,.form-grid{grid-template-columns:1fr 1fr;gap:1rem;max-width:500px;margin:2rem auto;display:grid}label{color:var(--muted);gap:.4rem;font-size:.78rem;font-weight:800;display:grid}label input,label select{width:100%;color:var(--ink);font-size:1rem}.action-row{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.4rem;display:flex}.work-note,.empty-hint{color:var(--muted);text-align:center;margin:1.4rem 0 0;font-size:.78rem}.result-list{max-width:560px;margin:2rem auto 0;padding:0;list-style:none}.result-list li{border-bottom:1px solid var(--line);justify-content:space-between;padding:.8rem 0;display:flex}.date-line{color:var(--muted);text-align:center}.clock-digits{font-size:clamp(3.5rem,14vw,9rem)}.analog-clock{--h:0deg;--m:0deg;--s:0deg;aspect-ratio:1;border:12px solid var(--ink);background:repeating-conic-gradient(from -1deg,#8da098 0 1deg,transparent 1deg 30deg),radial-gradient(circle,#fff 0 68%,transparent 68%);border-radius:50%;width:min(72vw,440px);margin:auto;position:relative}.hand{background:var(--ink);transform-origin:bottom;border-radius:9px;width:6px;position:absolute;bottom:50%;left:50%}.hand.hour{height:26%;transform:translateX(-50%) rotate(var(--h))}.hand.minute{width:4px;height:38%;transform:translateX(-50%) rotate(var(--m))}.hand.second{background:var(--orange);width:2px;height:41%;transform:translateX(-50%) rotate(var(--s))}.clock-pin{aspect-ratio:1;background:var(--orange);border-radius:50%;width:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metric-hero{justify-content:center;align-items:baseline;gap:.6rem;display:flex}.metric-hero b{letter-spacing:-.07em;font-size:clamp(4rem,12vw,8rem);line-height:1}.metric-hero span{color:var(--muted);font-weight:800}.large-textarea,.memo-textarea{resize:vertical;width:100%;min-height:230px;margin-top:1.5rem;line-height:1.8}.memo-textarea{background:#fbfbf8;border:0;min-height:450px;font-size:1.05rem}.metric-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1rem;display:grid}.metric-grid span{color:var(--muted);background:#fff;gap:.15rem;padding:1rem;font-size:.72rem;display:grid}.metric-grid b{color:var(--ink);font-size:1.05rem}.under-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.under-row button{border:0}.counter-panel{text-align:center}.counter-value{letter-spacing:-.09em;font-variant-numeric:tabular-nums;font-size:clamp(5rem,20vw,12rem);font-weight:900;line-height:1}.counter-value small{margin-left:.4rem;font-size:1rem}.counter-tap{color:#fff;background:var(--green);border:0;border-radius:30px;width:min(100%,560px);min-height:150px;margin-top:2rem;font-size:2.4rem;box-shadow:0 14px #0e4334}.counter-tap:active{transform:translateY(10px);box-shadow:0 4px #0e4334}.upload-button{min-height:180px;color:var(--green);cursor:pointer;background:#f3faf7;border:2px dashed #9cc8b8;border-radius:24px;place-items:center;font-size:1.15rem;display:grid}.result-box{overflow-wrap:anywhere;background:#f3f7f5;border-radius:16px;margin-top:1.2rem;padding:1.2rem}.result-box span{color:var(--muted);font-size:.72rem}.error-text{color:#a73520;text-align:center}.compass-panel{text-align:center}.compass-dial{aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;place-items:start center;width:min(65vw,330px);margin:auto;transition:all .15s linear;display:grid;position:relative}.compass-dial b{color:var(--orange);padding-top:1rem;font-size:2rem}.compass-dial i{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--orange);width:12px;height:44%;position:absolute;top:9%;left:calc(50% - 6px)}.multi-list{gap:.8rem;display:grid}.multi-item{background:#f6f8f7;border-radius:18px;grid-template-columns:minmax(80px,1fr) 100px auto auto;align-items:center;gap:.8rem;padding:.8rem;display:grid}.multi-item b{text-align:center;font-size:2rem}.plus-small{color:#fff;background:var(--green);border-color:var(--green)}.progress-line{background:#e8ecea;border-radius:99px;height:8px;overflow:hidden}.progress-line span{background:var(--green);height:100%;transition:all .2s;display:block}.completion-line{color:var(--muted);font-size:.78rem}.add-line{grid-template-columns:1fr auto;gap:.7rem;display:grid}.check-list{margin:1.2rem 0 0;padding:0;list-style:none}.check-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.7rem 0;display:flex}.check-list label{color:var(--ink);align-items:center;font-size:1rem;display:flex}.check-list input{width:20px;height:20px}.check-list .done span{color:var(--muted);text-decoration:line-through}.check-list button{border:0}.split-workbench{grid-template-columns:1.2fr .8fr;gap:2rem;display:grid}.field-label{display:block}.compact-input{width:110px;margin-left:.7rem}.full-button{width:100%;margin-top:1rem}.result-stage{text-align:center;background:var(--ink);color:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:2rem;display:flex}.result-stage>span{color:#98b0a8;letter-spacing:.2em;font-size:.7rem}.result-stage ol{margin:1rem 0;padding:0;list-style-position:inside}.result-stage li{font-size:1.7rem;font-weight:900}.result-stage button{margin-top:1rem}.inline-control{justify-content:center;align-items:end;gap:1rem;margin-top:1rem;display:flex}.team-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:2rem;display:grid}.team-grid section{background:#f3f7f5;border-radius:18px;padding:1rem 1.2rem}.team-grid h3{color:var(--green)}.team-grid p{border-bottom:1px solid var(--line);padding:.3rem 0}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.countdown-grid span{background:var(--ink);color:#b7c8c2;border-radius:18px;place-items:center;padding:1rem;display:grid}.countdown-grid b{color:#fff;font-size:clamp(2rem,7vw,4.5rem);line-height:1.1}.people-panel{text-align:center}.people-buttons{grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;display:grid}.people-buttons button{border-radius:24px;min-height:140px;font-size:1.1rem}.people-buttons b{font-size:2rem}.people-buttons .enter{color:#fff;background:var(--green);border-color:var(--green)}.people-buttons .exit{color:#8d321f;background:#fff1ec;border-color:#f1baa9}.two-columns{grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid;overflow:hidden}.two-columns section{padding:clamp(24px,5vw,50px)}.two-columns section+section{border-left:1px solid var(--line)}.two-columns h2{margin-top:0}.two-columns label{margin-top:1rem}.calculation-result{text-align:center;background:var(--mint);border-radius:20px;margin-top:2rem;padding:1.4rem}.calculation-result b{font-size:3.5rem}.calculation-result.small b{font-size:1.5rem}.tabs{justify-content:center;gap:.5rem;display:flex}.tabs .active{color:#fff;background:var(--green);border-color:var(--green)}.converter-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;margin-top:2rem;display:grid}.converter-grid label{background:#f5f7f6;border-radius:18px;padding:1rem}.converter-grid input,.output-number{background:0 0;border:0;align-items:center;height:82px;font-size:2rem;font-weight:900;display:flex}.converter-grid select{width:100%}.related{margin-top:90px}.related>div{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.related a{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;font-weight:800;display:grid}.related a>span{background:var(--mint);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.prose-page{max-width:850px;padding:100px 0}.prose-page .lead{font-size:1.4rem}.prose-page section{margin-top:4rem}.prose-page h2{letter-spacing:-.04em;font-size:2rem}.prose-page code{color:#145c47;background:#eaf5f0;border-radius:6px;padding:.15em .4em}.capability-list{border-top:1px solid var(--line);margin-top:1rem;display:grid}.capability-list>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;padding:1rem 0;display:grid}.empty-page{min-height:60vh;padding:120px 0}.empty-page h1{font-size:clamp(2rem,6vw,5rem)}@media (max-width:800px){.tool-grid{grid-template-columns:1fr 1fr}.principles>div,.footer-inner{grid-template-columns:1fr}.privacy-note{text-align:left}.split-workbench,.two-columns{grid-template-columns:1fr}.two-columns section+section{border-left:0;border-top:1px solid var(--line)}.related>div{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.section-heading{flex-direction:column;align-items:start}.page-icon{border-radius:22px;width:72px;height:72px}.countdown-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.shell{width:min(100% - 24px,1120px)}.header-inner{height:62px}.header-inner nav{gap:.8rem;font-size:.75rem}.hero{min-height:560px;padding-top:70px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:240px}.workbench{border-radius:22px;padding:20px}.field-pair,.form-grid{grid-template-columns:1fr 1fr}.multi-item{grid-template-columns:1fr 65px auto}.multi-item button:last-child{grid-column:3}.converter-grid{grid-template-columns:1fr}.converter-grid>span{text-align:center;transform:rotate(90deg)}.tool-title-row{align-items:center}.tool-title-row h1{font-size:2.5rem}.page-icon{flex:0 0 60px;width:60px;height:60px;font-size:1.5rem}.people-buttons{grid-template-columns:1fr 1fr}.analog-clock{border-width:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}