body{min-height:100dvh;margin:0}body *{box-sizing:border-box}[hidden]{display:none!important}.pattern-shell{width:min(1130px,100% - 36px);margin:auto;padding-bottom:55px}.trail{color:#6a856a;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:10px;margin:18px 3px 16px;font:700 10px system-ui;display:flex}.trail a{color:#32784d;letter-spacing:0;text-decoration:none}.neighbors{gap:6px;display:flex}.neighbors a{background:#fffaf0;border:1px solid #dccfaf;border-radius:50%;place-items:center;width:31px;height:31px;font:17px Georgia,serif;display:grid}.eyebrow{color:#478b66;letter-spacing:.16em;margin:0;font:700 9px system-ui}.pattern-book{background:#fff9eef5;border:1px solid #ddcbaa;border-radius:24px;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);display:grid;overflow:hidden;box-shadow:0 9px 30px #574b3618}.plate{background:radial-gradient(circle at 50% 28%,#e7eed5,#0000 61%),#f9f4e6;border-right:1px solid #dfd2b8;padding:26px 30px}.art-stage{isolation:isolate;place-items:center;width:100%;max-width:400px;height:380px;margin:auto;display:grid;position:relative;overflow:hidden}.art-stage:before{content:"";z-index:-1;background:radial-gradient(#e5f0d0aa,#0000 70%);border:1px solid #d5dbc370;border-radius:50%;position:absolute;inset:13%}.art-stage img{z-index:2;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:absolute;inset:0}.art-stage span{z-index:1;pointer-events:none;position:absolute;inset:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.art-stage #pattern-trim{z-index:3}.plate-title{overflow-wrap:anywhere;border-top:1px solid #e2d8bc;align-items:center;gap:17px;margin-top:14px;padding-top:16px;display:flex;position:relative}.plate-title>img{object-fit:contain;flex:none;width:58px;height:58px}.plate-title>div{min-width:0}.plate-title .eyebrow{line-height:1.5}.plate-title h1{color:#285840;text-wrap:balance;margin:2px 0;font:500 clamp(34px,4vw,55px)/1.1 Georgia,serif}.plate-title p:last-child{color:#74806b;margin:0;font:italic 15px/1.5 Georgia,serif}.field-notes{background:#fffaf2;min-width:0;padding:27px 30px}.field-notes>h2{color:#2d5943;margin:4px 0;font:500 29px Georgia,serif}.field-intro{color:#74806d;margin:0 0 17px;font:italic 14px Georgia,serif}.species-select{color:#406a50;background:#fffcf6;border:1px solid #dfd3b9;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;font:700 11px system-ui;display:flex}.species-select select{color:#315d44;background:#f3f5e9;border:1px solid #d4dbc3;border-radius:8px;min-width:0;max-width:65%;padding:5px 10px;font:600 12px system-ui}.anatomy,.recipe-note,.garden-entry{border-top:1px solid #e3d7bf;margin-top:17px;padding-top:17px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.section-heading>span{color:#478260;background:#eaf2e2;border:1px solid #d4ddb8;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font:23px Georgia,serif;display:grid}.section-heading h3,.section-heading h2{color:#2f5b45;margin:2px 0;font:500 25px Georgia,serif}.section-heading p:last-child{color:#71816f;margin:0;font:13px Georgia,serif}.anatomy-flow{background:#f6f4e7;border-radius:15px;justify-content:center;align-items:center;gap:12px;padding:11px;display:flex}.anatomy-flow>div{color:#55715c;justify-items:center;gap:4px;min-width:60px;display:grid}.anatomy-flow i{background:#f6d6ad;border:1px solid #b3ab9655;border-radius:50%;width:38px;height:38px}.anatomy-flow img{object-fit:contain;width:39px;height:39px}.anatomy-flow strong{font:700 10px system-ui}.anatomy-flow b{color:#9c8b67;font:19px Georgia,serif}.selected-name{text-align:center;color:#315c45;font:600 14px Georgia,serif}.anatomy h4{color:#44654d;margin:13px 0 7px;font:700 11px system-ui}.color-palette{flex-wrap:wrap;gap:5px;display:flex}.color-choice{color:#607160;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-items:center;gap:3px;width:48px;min-height:58px;padding:4px 1px;display:grid;position:relative}.color-choice[aria-pressed=true]{background:#e9f2e3;border-color:#7bad7e}.color-choice i{background:radial-gradient(circle at 30% 24%,#fff9,transparent 60%),var(--paint);border:1px solid #77725c3b;border-radius:50%;width:33px;height:33px}.color-choice small{text-overflow:ellipsis;white-space:nowrap;max-width:47px;font:700 8px system-ui;overflow:hidden}.paper-button,.save-button{color:#347950;cursor:pointer;background:#edf4e7;border:1px solid #bbd0b2;border-radius:20px;padding:10px 16px;font:700 12px system-ui}.recipe-note #pattern-recipe{color:#496854;background:#f3f5e9;border:1px solid #d7dec5;border-radius:15px;margin-top:12px;padding:14px}.recipe-note #pattern-recipe h4{margin:3px 0;font:600 19px Georgia,serif}.recipe-note #pattern-recipe p{margin:6px 0;font:12px/1.5 Georgia,serif}.recipe-parents{align-items:center;gap:7px;margin:10px 0;display:flex}.recipe-parents>span{background:#fffbf3;border:1px solid #e0d6be;border-radius:10px;flex:1;align-items:center;gap:6px;min-width:0;padding:7px;font:600 11px Georgia,serif;display:flex}.recipe-parents img{object-fit:contain;width:38px;height:40px}.recipe-parents b{color:#9d8c65}.rule-ribbon{color:#4c7657;background:#edf3df;border-radius:12px;align-items:center;gap:9px;margin-top:16px;padding:11px;display:flex}.rule-ribbon>span{font:25px Georgia,serif}.rule-ribbon strong{font:600 15px Georgia,serif}.rule-ribbon p:last-child{margin:2px 0 0;font:11px Georgia,serif}.rule-ribbon a{color:#32784d;margin-left:auto;font:700 10px system-ui}.garden-entry{background:#edf4e5;border:1px solid #c9d5b8;border-radius:16px;padding:17px}.garden-entry h3{color:#2e5b43;margin:3px 0;font:600 23px Georgia,serif}.garden-entry>p:not(.eyebrow){color:#6b7d69;margin:5px 0 11px;font:12px Georgia,serif}.save-button{color:#fff9ed;background:#32784d;border-color:#32784d}.save-button:disabled{opacity:.6}.garden-entry #pattern-status{font:11px system-ui}.garden-entry #pattern-status[data-error=true]{color:#a34837}#pattern-visitor{gap:14px;margin-top:10px;font:700 11px system-ui;display:flex}#pattern-visitor a{color:#32784d}.gallery-section{background:#fff9eef3;border:1px solid #dfcfb3;border-radius:20px;margin-top:24px;padding:19px 23px 25px}.species-gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:11px;display:grid}.species-tile{color:#315b44;text-align:center;background:#fffdf7;border:1px solid #dfd5bd;border-radius:16px;flex-direction:column;align-items:center;min-width:0;padding:10px;text-decoration:none;display:flex}.species-tile:hover{background:#f2f7ed;border-color:#8db18b}.species-tile img{object-fit:contain;width:95px;height:99px}.species-tile strong{font:600 16px Georgia,serif}.species-tile small{color:#628368;margin-top:5px;font:10px system-ui}.species-tile.unavailable{opacity:.63}.quiet-note{color:#687b6b;background:#f2f2e5;border-radius:13px;margin:0;padding:16px;font:14px Georgia,serif}.bottom-links{justify-content:space-between;gap:10px;margin:20px 3px;font:700 12px system-ui;display:flex}.bottom-links a{color:#32784d}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #42925b}@media (width<=770px){.pattern-book{grid-template-columns:1fr}.plate{border-bottom:1px solid #dfd2b8;border-right:0}.art-stage{height:270px}.field-notes{padding:22px}.pattern-shell{width:calc(100% - 22px)}}@media (width<=440px){.plate{padding:19px}.art-stage{height:225px}.gallery-section{padding:16px 13px}.species-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.trail>span:nth-child(2){display:none}.field-notes{padding:17px}.color-choice{width:43px}.anatomy-flow{gap:5px}.anatomy-flow>div{min-width:50px}}.pattern-shell .garden-entry{background:radial-gradient(circle at 92% 12%,#dceccf,#0000 35%),linear-gradient(125deg,#eaf3df,#fffaf0);border:1px solid #b9cfab;border-radius:20px;padding:22px 24px;position:relative;overflow:hidden;box-shadow:0 6px 18px #5d77411a}.pattern-shell .garden-entry:after{content:"✿";color:#b3cda733;pointer-events:none;font:75px Georgia,serif;position:absolute;top:6px;right:20px}.pattern-shell .garden-entry h3,.pattern-shell .garden-entry #pattern-garden-copy{position:relative}.pattern-shell .garden-entry .save-button{border-radius:999px;min-height:44px;padding:10px 23px;position:relative}