:root{--surface: rgba(252, 239, 219, 1);--surface3: rgba(255, 255, 255, .75);--button-bg: rgb(255, 210, 161);--title-color: rgb(24, 44, 35);--text: rgb(11, 27, 20);--muted: rgba(55, 57, 56, .62);--accent: rgba(255, 227, 144, .7);--shadow: 0 18px 40px rgba(16, 34, 26, .12);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--s1: 8px;--s2: 12px;--s3: 16px;--s4: 24px}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(800px 500px at 10% -10%,rgba(246,231,166,.65),transparent 60%),radial-gradient(900px 520px at 100% 0%,rgba(118,214,200,.45),transparent 55%),linear-gradient(180deg,#7fcb7a99,#4fb36b8c 40%,#fff3e3d9);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}body{margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:transparent;min-height:100vh}.settingButton{border:1px solid var(--surface3);background:var(--button-bg);color:var(--text);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;min-width:110px;height:34px;padding:0 8px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:box-shadow .14s ease,background .14s ease,border-color .14s ease}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--s4) var(--s3)}.title{margin:0;font-family:Fraunces,Times New Roman,serif;font-size:clamp(3.12rem,4.8vw,4.32rem);letter-spacing:-.03em;line-height:.95;text-shadow:0px 3px 3px rgba(255,255,255,.25);color:var(--title-color)}.settingButton:hover{background:#f6b26bcc;border-color:#f6b26b00;box-shadow:0 0 0 3px #f6b26b33}.settingButton:focus{outline:none;box-shadow:0 0 0 3px #f6b26b59}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow),inset 4px 4px 8px #ffffff4d,inset -4px -4px 8px #221a0e1a;padding:var(--s4)}.inputSection{display:grid;gap:var(--s1)}.label{font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.inputWrap{position:relative}.input{width:100%;font-size:20px;padding:14px 48px 14px 16px;border-radius:var(--radius-md);border:1px solid rgba(16,34,26,.1);background:var(--surface3);outline:none;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;box-shadow:inset 1px 3px 6px #10221a0f}.inputMain{font-size:22px;padding:16px 52px 16px 18px}.input::placeholder{color:#10221a59}.input:focus{border-color:#f4a3b4d9}.redButton{border-radius:999px;border:none;background:#f4a3b499;color:var(--text);display:flex;align-items:center;justify-content:center;line-height:0;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.clear{position:absolute;top:50%;right:12px;width:32px;height:32px;transform:translateY(-50%)}.redButton:hover:not(:disabled){background:#f4a3b4cc;box-shadow:0 0 0 3px #f4a3b433}.redButton:disabled{opacity:.45;cursor:default}.redButton:focus{outline:none;box-shadow:0 0 0 3px #f4a3b459}.lowerRow{margin-top:var(--s3);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--s3)}.panel{display:grid;gap:var(--s1);padding:var(--s2);border-radius:var(--radius-md);background:var(--surface2);box-shadow:0 8px 20px #221a0c26}.settings{background:var(--accent)}.settingRow{display:flex;justify-content:space-between;gap:var(--s1);align-items:center}.stepper{display:grid;grid-template-columns:34px 48px 34px;align-items:center;gap:var(--s1);background:var(--surface3);border-radius:999px;padding:2px}.stepValue{text-align:center;font-weight:700;font-size:15px;color:var(--text);font-variant-numeric:tabular-nums}.stepButton{width:34px;height:34px;border-radius:999px;border:none;background:var(--button-bg);color:var(--text);font-size:16px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;cursor:pointer;transition:box-shadow .14s ease,background .14s ease,border-color .14s ease}.stepButton:hover:not(:disabled){background:#f6b26bcc;box-shadow:0 0 0 3px #f6b26b33}.stepButton:disabled{opacity:.4;cursor:default}.stepButton:focus{outline:none;box-shadow:0 0 0 3px #f6b26b59}.shareRow{display:flex;justify-content:center;gap:var(--s1);position:relative}.icon{width:16px;height:16px;display:block}.status{font-weight:600;color:var(--muted);font-size:16px;margin-top:var(--s2);margin-bottom:0}.helper{margin:0;color:var(--muted);font-size:14px;overflow-wrap:anywhere;word-break:break-word}.mono{font-variant-ligatures:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:normal;display:inline-block;max-width:100%;overflow-wrap:anywhere}.results{list-style:none;padding:0;margin:var(--s2) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s1)}.result{border-radius:var(--radius-sm);background:var(--surface3);overflow:hidden;transition:border-color .14s ease}.resultButton{width:100%;border:none;background:transparent;padding:10px 12px;text-align:left;font:inherit;color:inherit;cursor:pointer;position:relative;line-height:1.4}.resultButton:focus{outline:none}.result:hover{box-shadow:0 0 0 3px #76d6c840}.result.isCopied{box-shadow:0 0 0 3px #76d6c880}.copyHint{position:absolute;right:12px;top:10px;padding:4px 8px;border-radius:999px;background:#76d6c8;color:var(--text);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:0;transition:opacity .14s ease;pointer-events:none}.share-tip{position:absolute;top:-44px;right:20px;background:#76d6c8;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px;color:var(--text);box-shadow:0 8px 24px #10221a40;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;z-index:60;pointer-events:none;animation:shareTipIn .16s ease forwards,shareTipOut .16s ease 2s forwards}@keyframes shareTipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes shareTipOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.result.isCopied .copyHint{opacity:1;transform:translateY(0)}.footer{width:min(820px,100%);margin-top:var(--s1);padding:0 var(--s2)}.footerText{margin:0;text-align:center;font-size:12px;color:var(--muted)}.footerText a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media(max-width:900px){.results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.card{padding:var(--s3)}.lowerRow{grid-template-columns:1fr}}@media(max-width:600px){.results{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.clear,.stepButton{top:0;bottom:0;transform:none!important;margin:auto 0}}.cardWrap{width:min(820px,100%);position:relative;margin:0 auto}.cardWrap .card{position:relative;z-index:2}.pageHeader{text-align:center;margin-bottom:var(--s3);position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.modalOverlay{position:fixed;inset:0;background:#0b1b1473;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.modal{width:min(600px,96%);max-height:90vh;overflow:auto;padding:24px;position:relative}.modalClose{position:absolute;right:12px;top:12px;width:36px;height:36px}.modal h2{margin-top:0}.modal h3{margin-bottom:6px}.modal p{color:var(--text);line-height:1.55}.modal .muted{color:var(--muted);font-size:13px}@media(max-width:720px){.settingButton{margin-left:8px;padding:0 10px}.cardWrap{padding-top:6px}}