@layer base{::-webkit-backdrop,::-webkit-file-upload-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}*,::backdrop,::file-selector-button,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}:root{--bg:#f3f3f3;--header-bg:#eae7e7;--muted:#9aa3b2;--accent:#6aa3ff;--border:#36a43d;--radius:14px}body{background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Noto Sans JP,Roboto,Arial;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);height:80px}.site-header .wrap{width:min(100% - 32px,1024px);margin-inline:auto;height:100%;justify-content:flex-start;padding:0}.logo-wrap,.site-header .wrap{display:flex;align-items:center}.logo-wrap{flex-basis:30%;cursor:pointer}.logo-wrap a>img{height:80%;width:auto;display:block;transition:transform .3s ease-out,filter .3s ease-out}.logo-wrap a>img:hover{transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(0,0,0,.3))}.site-footer{border-top:1px solid var(--border);margin:0;padding:24px 0;color:var(--muted);text-align:center;background-color:var(--bg)}.site-footer .wrap{width:min(100% - 32px,1024px);margin:auto}main.wrap{position:relative;width:100%;flex-grow:1;overflow:hidden}.iris-backdrop{position:fixed;inset:0;background:#000;z-index:0;pointer-events:none}.content-iris{display:flex;flex-direction:column;flex:1 1;position:relative;z-index:1;background:var(--bg);-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%);transition:-webkit-clip-path .8s ease-in;transition:clip-path .8s ease-in;transition:clip-path .8s ease-in,-webkit-clip-path .8s ease-in}.content-iris.closing,.content-iris.navigating{pointer-events:none;-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}.content-iris.opening{pointer-events:none;-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%);transition:-webkit-clip-path 1s ease-out;transition:clip-path 1s ease-out;transition:clip-path 1s ease-out,-webkit-clip-path 1s ease-out}:root{--paper-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}.sticky-note{--note-bg:#c9a97b;--note-ink:#40301c;--note-rule:rgba(64,48,28,0.26);--note-rule-gap:20px;--note-rule-top:7px;position:relative;display:flex;flex-direction:column;padding:18px 16px 12px;text-decoration:none;color:var(--note-ink);background-color:var(--note-bg);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--note-rule-gap) - 1px),var(--note-rule) calc(var(--note-rule-gap) - 1px),var(--note-rule) var(--note-rule-gap)),linear-gradient(160deg,rgba(255,255,255,.16),rgba(0,0,0,.07)),var(--paper-noise);background-position:0 var(--note-rule-top),0 0,0 0;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.14);transform:rotate(var(--rot,0deg));transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s ease}.sticky-note:after{content:"";position:absolute;inset:auto 6px 2px;height:8px;background:rgba(0,0,0,.12);filter:blur(5px);z-index:-1}.sticky-note:hover{transform:rotate(var(--rot,0deg)) translateY(-9px) scale(1.035);box-shadow:0 6px 10px rgba(0,0,0,.14),0 22px 38px rgba(0,0,0,.22);z-index:5}.sticky-note__tape{position:absolute;top:-9px;left:50%;width:52px;height:18px;transform:translateX(-50%) rotate(-2.5deg);background:rgba(255,255,255,.38);box-shadow:0 1px 2px rgba(0,0,0,.08);pointer-events:none}.sticky-note__title{margin:8px 0 0;font-size:13px;font-weight:600;line-height:var(--note-rule-gap)}.sticky-note__body{flex:1 1;margin:0;white-space:pre-wrap;font-size:12.5px;line-height:var(--note-rule-gap);overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.sticky-note__date{align-self:flex-end;margin-top:8px;font-size:.62rem;opacity:.6;letter-spacing:.02em}.sticky-field{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .45s ease}.sticky-field.is-ready{opacity:1}.sticky-field--scatter{overflow:hidden;touch-action:none;cursor:-webkit-grab;cursor:grab}.sticky-field--scatter:active{cursor:-webkit-grabbing;cursor:grabbing}.sticky-field--sorted{overflow:hidden;touch-action:none;cursor:-webkit-grab;cursor:grab}.sticky-field--sorted:active{cursor:-webkit-grabbing;cursor:grabbing}.sticky-gol{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.sticky-canvas{z-index:1;transform-origin:0 0}.sticky-canvas,.sticky-note-slot{position:absolute;top:0;left:0;will-change:transform}.sticky-canvas.is-arranging .sticky-note-slot{transition:transform .68s cubic-bezier(.22,1,.36,1)}.sticky-controls{position:absolute;right:20px;bottom:20px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.sticky-switch{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.8rem;color:#444;cursor:pointer}.sticky-switch__track{position:relative;width:38px;height:22px;border-radius:999px;background:#cfd6dd;transition:background .2s}.sticky-switch.is-on .sticky-switch__track{background:var(--accent)}.sticky-switch__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s}.sticky-switch.is-on .sticky-switch__thumb{transform:translateX(16px)}.sticky-seg{display:inline-flex;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sticky-seg button{border:0;padding:6px 14px;font-size:.78rem;color:#444;background:transparent;cursor:pointer;transition:background .15s}.sticky-seg button.is-active{background:var(--accent);color:#fff}.sticky-zoom{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sticky-zoom>button{width:26px;height:26px;border:1px solid var(--border);border-radius:50%;background:#fff;font-size:1rem;line-height:1;cursor:pointer}.sticky-zoom input[type=range]{width:96px}.sticky-dpad{display:grid;grid-template-columns:repeat(3,26px);grid-template-rows:repeat(2,26px);grid-gap:3px;gap:3px}.sticky-dpad button{width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:.8rem;line-height:1;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sticky-dpad .up{grid-column:2;grid-row:1}.sticky-dpad .left{grid-column:1;grid-row:2}.sticky-dpad .down{grid-column:2;grid-row:2}.sticky-dpad .right{grid-column:3;grid-row:2}.sticky-controls button{transition:transform .16s ease,box-shadow .16s ease,background-color .15s ease,color .15s ease}@media (hover:hover){.sticky-controls button:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.16)}}.sticky-controls button:active{transform:translateY(0) scale(.96);box-shadow:0 1px 3px rgba(0,0,0,.12)}.note-page{position:relative}.note-scroll{position:absolute;inset:0;z-index:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;padding:40px 24px 96px}.note-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.note-gol{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.note-sheet{--note-bg:#e8e1c9;--note-ink:#46402e;--note-grid:19px;--note-grid-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19'%3E%3Cg fill='%23786e52' opacity='.16'%3E%3Crect x='18' width='1' height='19'/%3E%3Crect y='18' width='19' height='1'/%3E%3C/g%3E%3C/svg%3E");position:relative;width:var(--paper-w);height:var(--paper-h);margin:0 auto;overflow:hidden;color:var(--note-ink);background-color:var(--note-bg);background-image:var(--note-grid-tile),linear-gradient(165deg,rgba(255,255,255,.26) 0,transparent 42%),var(--paper-noise);background-size:var(--note-grid) var(--note-grid),100% 100%,auto;background-repeat:repeat,no-repeat,repeat;border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 4px rgba(48,40,24,.08),0 14px 30px rgba(48,40,24,.16),0 36px 70px rgba(48,40,24,.2)}.note-sheet__edge{width:6px;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06) 40%,rgba(0,0,0,.12));pointer-events:none}.note-sheet__edge,.note-sheet__header{position:absolute;top:0;right:0;z-index:3}.note-sheet__header{left:0;height:171px;padding:57px 64px 0}.note-sheet__title{margin:0;font-size:1.55rem;font-weight:600;line-height:1.35;letter-spacing:.01em}.note-sheet__date{display:block;margin-top:10px;font-size:.72rem;opacity:.55;letter-spacing:.04em}.note-sheet__tags{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 0;padding:0;list-style:none}.note-sheet__tag{font-size:.7rem;letter-spacing:.03em;opacity:.5}.note-sheet__canvas{position:absolute;inset:0;z-index:1}.note-block{position:absolute;left:var(--bx);top:var(--by);width:var(--bw);transform:rotate(var(--brot,0deg));margin:0}.note-block--embed,.note-block--shape{height:var(--bh)}.note-block--text{white-space:pre-wrap;font-size:var(--bfs);line-height:var(--blh)}.note-block--image-figure{display:flex;flex-direction:column;align-items:center}.note-block--image{display:block;width:auto;height:var(--bh);max-width:100%;box-shadow:0 2px 8px rgba(0,0,0,.1)}.note-block__image-caption{max-width:100%;margin-top:8px;font-size:13px;line-height:var(--note-grid);text-align:center;opacity:.62}.note-caption-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:rgba(0,0,0,.32);text-decoration-color:rgba(0,0,0,.32);text-underline-offset:3px;transition:color .15s ease}.note-caption-link:hover{color:var(--accent)}.note-block--link{display:inline-block;width:-moz-fit-content;width:fit-content;max-width:var(--bw);font-size:var(--bfs);text-decoration:underline;-webkit-text-decoration-color:rgba(0,0,0,.25);text-decoration-color:rgba(0,0,0,.25);text-underline-offset:3px;transition:color .15s ease}.note-block--link:hover{color:var(--accent)}.note-block--shape{pointer-events:none}.note-block--embed{display:block;border:0;background:rgba(255,255,255,.4);box-shadow:0 1px 2px rgba(48,40,24,.1),0 6px 18px rgba(48,40,24,.14)}.note-back{position:absolute;left:50%;bottom:20px;z-index:21;transform:translateX(-50%);color:#555;font-size:.85rem;text-decoration:none;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);transition:color .15s}.note-back:hover{color:var(--accent)}@media (max-width:940px){.note-scroll{padding:20px 14px 88px}.note-sheet{width:100%;max-width:640px;height:auto;overflow:visible;padding:30px 22px 44px;border-radius:12px}.note-sheet__edge{display:none}.note-sheet__header{position:static;height:auto;padding:0 0 22px}.note-sheet__canvas{position:static;display:flex;flex-direction:column;gap:22px}.note-block{position:static;width:auto;max-width:100%;transform:none}.note-block--text{font-size:calc(var(--bfs) * .85)}.note-block--embed,.note-block--image-figure{width:100%}.note-block--embed-ratio{height:auto;aspect-ratio:var(--bar)}.note-block--link{width:-moz-fit-content;width:fit-content;max-width:100%}.note-block--shape{display:none}}.error-field{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden;padding:24px}.error-gol{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.error-note{--note-bg:#c9a97b;--note-ink:#40301c;--note-rule:rgba(64,48,28,0.26);--note-rule-gap:28px;--note-rule-top:8px;position:relative;z-index:1;width:min(100%,430px);padding:36px 34px 30px;color:var(--note-ink);background-color:var(--note-bg);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--note-rule-gap) - 1px),var(--note-rule) calc(var(--note-rule-gap) - 1px),var(--note-rule) var(--note-rule-gap)),linear-gradient(160deg,rgba(255,255,255,.16),rgba(0,0,0,.07)),var(--paper-noise);background-position:0 var(--note-rule-top),0 0,0 0;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.16),0 30px 52px rgba(0,0,0,.2);transform:rotate(-1.6deg)}.error-note:after{content:"";position:absolute;inset:auto 10px 2px;height:10px;background:rgba(0,0,0,.12);filter:blur(6px);z-index:-1}.error-note .sticky-note__tape{width:74px;height:22px;top:-11px}.error-note__code{margin:0;font-size:2.75rem;font-weight:700;line-height:calc(var(--note-rule-gap) * 2);letter-spacing:.04em;opacity:.32}.error-note__title{font-size:1.12rem;font-weight:600;letter-spacing:.01em}.error-note__body,.error-note__title{margin:0;line-height:var(--note-rule-gap)}.error-note__body{white-space:pre-wrap;font-size:.87rem;opacity:.82}.error-note__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:var(--note-rule-gap)}.error-note__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.85rem;line-height:1.4;cursor:pointer;padding:6px 16px;border-radius:999px;border:1px solid rgba(64,48,28,.42);background:rgba(255,255,255,.36);color:var(--note-ink);text-decoration:none;transition:background .15s ease,transform .15s ease}.error-note__action--ghost{background:transparent}.error-note__action:hover{background:rgba(255,255,255,.62);transform:translateY(-1px)}.error-note__digest{flex-basis:100%;font-size:.68rem;opacity:.5;letter-spacing:.02em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:640px){.sticky-controls{right:12px;bottom:12px;gap:8px}.note-back{bottom:12px}.error-note{padding:32px 26px 26px}.error-note__code{font-size:2.3rem}}