:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#343e36;background:#faf8f1;--ink:#343e36;--orange:#d5552d;--line:#e1e2d7}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba4d26;outline-offset:4px}[hidden]{display:none!important}header{max-width:1440px;margin:auto;padding:29px 55px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:.05em}.mark{background:var(--orange);color:#fff9e8;border-radius:9px;font-size:24px;width:37px;height:37px;display:grid;place-items:center}.lab{font:9px monospace;letter-spacing:.15em;border-left:1px solid var(--line);padding-left:17px;margin-left:9px}.edition{font:10px monospace;letter-spacing:.1em;color:#7e8276}main{max-width:1440px;padding:0 55px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:53px 0 42px}.kicker{font:10px monospace;letter-spacing:.18em;color:#7c8577;margin:0 0 18px}h1{font-size:50px;font-weight:600;letter-spacing:.04em;margin:0 0 17px}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:13px;color:#747c70;line-height:1.9}.batch-stamp{display:flex;gap:17px;align-items:center;border:1px solid #d6dbc9;border-radius:50%;width:196px;height:130px;justify-content:center;transform:rotate(-8deg)}.batch-stamp strong{font:64px Georgia,serif;color:#a1ad91}.batch-stamp span{font:8px monospace;line-height:1.6;color:#879277;letter-spacing:.08em}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px;padding:0 0 20px}.categories{display:flex;gap:8px;flex-wrap:wrap}.categories button{border:1px solid transparent;border-radius:30px;background:transparent;color:#798271;padding:11px 20px;font-size:12px}.categories button:hover{background:#efeee2}.categories button.active{background:#344e3f;color:#fffbea}.filter{font-size:11px;display:flex;align-items:center;gap:9px;white-space:nowrap;color:#69745f}.filter select{background:transparent;border:1px solid #d6dccd;color:var(--ink);padding:9px 12px;border-radius:5px;font-size:11px;min-height:39px}.result-line{display:flex;justify-content:space-between;padding:17px 0 7px;color:#7e8575;font-size:10px}.result-line span{font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.card{background:#fffef9;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .16s,box-shadow .16s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #4454370a}.visual{height:122px;display:flex;justify-content:space-between;padding:19px 22px;align-items:center;position:relative;overflow:hidden}.visual:after{content:'';height:170px;width:170px;border:1px solid #ffffff65;border-radius:50%;position:absolute;right:-27px;top:-46px}.visual .symbol{font-size:57px;font-family:Georgia,serif;line-height:1;opacity:.65;z-index:1}.visual .tag{font:9px monospace;letter-spacing:.09em;align-self:flex-start;opacity:.75}.sage{background:#d7e5cb;color:#3a6046}.peach{background:#f3d6c0;color:#ab6133}.sand{background:#e9e0c3;color:#93793a}.lavender{background:#e5dff3;color:#726493}.pink{background:#efdbde;color:#a2636f}.blue{background:#d3e4ed;color:#578198}.yellow{background:#f2e8b6;color:#8f8335}.mint{background:#cfe8df;color:#39816c}.cream{background:#e6e9d9;color:#667b4c}.body{padding:23px 23px 18px;flex:1}.card-kicker{font:9px monospace;letter-spacing:.15em;color:#87917d;margin:0 0 10px}.body h2{font-size:22px;font-weight:600;margin:0 0 12px;letter-spacing:.03em}.description{font-size:12px;line-height:1.9;margin:0;min-height:45px;color:#626f5c}.detail{font-size:9px;line-height:1.8;margin:13px 0 17px;color:#8b9382}.open-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-decoration:none;color:#466343;padding:13px 0 0;border-top:1px solid #e9eddf}.open-link:hover{color:var(--orange)}.open-link span{font-size:20px}.pending{font-size:11px;color:#999;border-top:1px solid #eee;padding-top:17px;display:block}.selection{background:#f7f8f0;border-top:1px solid var(--line);padding:15px 22px 16px}.selection label{font-size:10px;color:#7d8772;display:flex;align-items:center;gap:9px}.selection select{margin-left:auto;border:1px solid #d7e0cd;border-radius:5px;background:#fffef9;color:#4d6448;padding:7px 10px;font-size:10px;min-height:35px}.selection textarea{width:100%;min-height:50px;max-height:140px;resize:vertical;background:transparent;border:0;border-bottom:1px dashed #d7dfcd;font-size:10px;padding:11px 0 3px;line-height:1.65;color:#52694c;display:block}.selection textarea::placeholder{color:#98a08f}.notebook{margin:44px 0 0;background:#f0f0e4;border-radius:12px;display:flex;justify-content:space-between;gap:25px;padding:35px 39px;align-items:center}.notebook .kicker{margin-bottom:12px}.notebook h2{font-size:22px;font-weight:500;margin:0 0 14px}.notebook p:not(.kicker){font-size:11px;line-height:1.9;color:#7b826d;margin:0}.backup-actions{display:flex;flex-direction:column;gap:8px;min-width:206px}button.primary,button.secondary{padding:12px 20px;border-radius:5px;min-height:43px;font-size:11px}.primary{background:#344e3f;color:#fffbea;border:1px solid #344e3f}.secondary{background:#fffdf5;border:1px solid #d9dfce;color:#57674d}.quiet{background:transparent;border:0;color:#8b937e;font-size:10px;padding:9px}.warning{color:#b15839!important;padding-top:10px!important}footer{padding:30px 0;display:flex;justify-content:space-between;font-size:10px;color:#909680}footer a{text-decoration:none;color:#6a7c5a}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:#344e3f;color:white;padding:13px 20px;border-radius:7px;font-size:12px;z-index:20}#empty{text-align:center;color:#7b8770;padding:50px}
@media(max-width:1050px){header{padding:25px 32px}main{padding:0 32px}.grid{gap:17px}.body{padding:20px 18px}.selection{padding:13px 18px}.body h2{font-size:20px}.detail{min-height:33px}.description{font-size:11px}.categories button{padding:10px 14px;font-size:11px}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding:37px 0 30px}h1{font-size:38px}.batch-stamp{width:145px;height:105px;gap:9px}.batch-stamp strong{font-size:49px}.batch-stamp span{font-size:6px}.lead{font-size:11px}.toolbar{align-items:flex-start;gap:10px}.categories{gap:3px}.categories button{font-size:10px;padding:10px 12px}.filter{font-size:10px}.filter select{font-size:10px;padding:8px}.notebook{padding:28px;gap:15px}.notebook h2{font-size:18px}.backup-actions{min-width:180px}.lab{display:none}.edition{font-size:8px}}
@media(max-width:500px){header{padding:21px 20px}.brand{font-size:15px;gap:10px}.mark{width:31px;height:31px;font-size:21px}.edition{font-size:7px;letter-spacing:0}main{padding:0 19px}.intro{padding:32px 0 26px}.kicker{font-size:8px;margin-bottom:14px}h1{font-size:34px;margin-bottom:12px}.lead{font-size:10px;max-width:230px}.batch-stamp{width:80px;height:90px;flex-direction:column;gap:3px;flex-shrink:0}.batch-stamp strong{font-size:36px;line-height:1}.batch-stamp span{font-size:5px;text-align:center}.toolbar{flex-direction:column;padding-bottom:14px;gap:12px}.categories{justify-content:space-between;width:100%;gap:2px}.categories button{padding:10px 10px}.filter{align-self:flex-end}.filter select{min-height:34px}.result-line{font-size:8px;padding-top:12px}.grid{grid-template-columns:1fr;gap:18px}.visual{height:113px;padding:19px 24px}.body{padding:23px}.body h2{font-size:23px}.description{font-size:12px;min-height:0}.detail{font-size:10px;min-height:0}.selection{padding:15px 23px}.selection textarea{font-size:12px;min-height:52px}.selection label,.selection select{font-size:11px}.selection select{min-height:39px}.open-link{font-size:12px}.notebook{display:block;padding:25px;margin-top:30px}.notebook h2{font-size:20px}.notebook p:not(.kicker){font-size:10px}.backup-actions{margin-top:21px}.backup-actions button{min-height:44px;font-size:12px}footer{font-size:8px;gap:16px;line-height:1.8}.edition{max-width:95px;text-align:right;line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}